Repository navigation
Expand file tree
/
Copy pathskolko-stoit-sayt-vizitka.html
More file actions
191 lines (191 loc) · 77.6 KB
/
Copy pathskolko-stoit-sayt-vizitka.html
File metadata and controls
191 lines (191 loc) · 77.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
<!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>Сколько стоит сайт-визитка в 2026: цены, сроки, что входит</title>
<meta name="description" content="Сколько стоит сайт-визитка в 2026: 8 000–30 000 ₽ у частного разработчика, от 60 000 ₽ в студии. Что входит в цену, сроки и на чём не стоит экономить.">
<link rel="canonical" href="https://ysddev.com/skolko-stoit-sayt-vizitka.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/skolko-stoit-sayt-vizitka.html">
<meta property="og:site_name" content="YSD DEV">
<meta property="og:locale" content="ru_RU">
<meta property="og:title" content="Сколько стоит сайт-визитка">
<meta property="og:description" content="Сколько стоит сайт-визитка в 2026: 8 000–30 000 ₽ у частного разработчика, от 60 000 ₽ в студии. Что входит в цену, сроки и на чём не стоит экономить.">
<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 td[data-l]::before{content:attr(data-l) ": ";color:var(--dim)}.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":"Сколько стоит сайт-визитка","description":"Сколько стоит сайт-визитка в 2026: 8 000–30 000 ₽ у частного разработчика, от 60 000 ₽ в студии. Что входит в цену, сроки и на чём не стоит экономить.","url":"https://ysddev.com/skolko-stoit-sayt-vizitka.html","inLanguage":"ru-RU","datePublished":"2026-09-14","dateModified":"2026-10-07","mainEntityOfPage":{"@type":"WebPage","@id":"https://ysddev.com/skolko-stoit-sayt-vizitka.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":"Сколько стоит сайт-визитка","item":"https://ysddev.com/skolko-stoit-sayt-vizitka.html"}]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Сколько страниц должно быть в визитке?","acceptedAnswer":{"@type":"Answer","text":"Обычно 3–5: главная, услуги, о компании или мастере, контакты. Больше нужно, когда услуг много и каждая заслуживает отдельной страницы под свой поисковый запрос."}},{"@type":"Question","name":"Можно ли сделать сайт-визитку бесплатно?","acceptedAnswer":{"@type":"Answer","text":"Да, на конструкторе с бесплатным тарифом. Ограничения: адрес вида name.tilda.ws, реклама площадки и невозможность перенести сайт. Для проверки идеи подходит, для постоянной работы — нет."}},{"@type":"Question","name":"Сколько делается визитка?","acceptedAnswer":{"@type":"Answer","text":"2–5 дней, если тексты и фотографии готовы. Если их собирает исполнитель — до двух недель, и узкое место обычно не в разработке, а в согласовании содержания."}},{"@type":"Question","name":"Нужна ли админка?","acceptedAnswer":{"@type":"Answer","text":"Не всегда. Если вы меняете текст раз в год, дешевле попросить исполнителя. Админка имеет смысл, когда обновления регулярные: новости, цены, фото работ."}},{"@type":"Question","name":"Что лучше для визитки: конструктор или код?","acceptedAnswer":{"@type":"Answer","text":"Конструктор — если планируете сами менять содержание и готовы платить абонентскую плату. Код или статическая вёрстка — если сайт должен быстро грузиться, ничего не стоить в содержании и жить годами без переделок."}}]}</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>Сколько стоит сайт-визитка</h1><p class="lead">Три-пять страниц с описанием услуг и контактами. Цена зависит не от количества страниц, а от того, есть ли у вас тексты и фотографии.</p><div class="ansbox"><b>Коротко</b><p>Сайт-визитка стоит 8 000–30 000 ₽ у частного разработчика и от 60 000 ₽ в студии. Срок — от 2 дней до двух недель. Содержание обходится в 200–1 500 ₽ в год за домен плюс хостинг, который для небольшого сайта может быть бесплатным.</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="/sozdanie-saytov.html">Создание сайтов</a></div></div></section><section id="price"><div class="wrap"><p class="eyebrow r">Цены</p><h2 class="r">Сколько это стоит<br>на рынке</h2><p class="lead r">Рыночные диапазоны на сентябрь 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>Визитка 1–3 страницы по вашему тексту</td><td data-l="По рынку">8 000–20 000 ₽</td><td data-l="У меня">от 10 000 ₽</td></tr><tr><td>Визитка 4–7 страниц</td><td data-l="По рынку">15 000–35 000 ₽</td><td data-l="У меня">от 15 000 ₽</td></tr><tr><td>С текстом и структурой от исполнителя</td><td data-l="По рынку">25 000–60 000 ₽</td><td data-l="У меня">от 10 000 ₽</td></tr><tr><td>Студия полного цикла</td><td data-l="По рынку">от 60 000 ₽</td><td data-l="У меня">—</td></tr><tr><td>Домен, в год</td><td data-l="По рынку">200–1 500 ₽</td><td data-l="У меня">оформим на вас</td></tr><tr><td>Хостинг, в год</td><td data-l="По рынку">0–6 000 ₽</td><td data-l="У меня">от 0 ₽</td></tr></tbody></table></div></div></section><section id="text"><div class="wrap"><div class="art r"><h2>Что такое визитка и когда её достаточно</h2><p>Визитка — это сайт на несколько страниц, задача которого ответить на четыре вопроса: кто вы, что делаете, сколько стоит, как связаться. Ни каталога, ни корзины, ни личных кабинетов.</p><p>Её достаточно, когда решение о покупке принимается в разговоре, а не на сайте: услуги, ремонт, консультации, мастерские, небольшие производства. Сайт здесь подтверждает, что вы существуете, и даёт повод написать.</p><p>Визитки не хватает, когда клиент должен сам выбрать из десятков позиций и оплатить, не связываясь с вами. Это уже магазин, и стоит он в три-пять раз дороже.</p><h2>Из чего складывается цена</h2><p>Тексты. Самая недооценённая статья. Написать страницу про услугу так, чтобы её дочитали, — это несколько часов работы, и если вы не пишете сами, за это платят.</p><p>Фотографии. Свои фото работ поднимают доверие в разы и стоят ноль. Стоковые картинки бесплатны, но их узнают. Съёмка — отдельный бюджет от 10 000 ₽.</p><p>Количество уникальных шаблонов. Пять страниц на одном шаблоне — это почти та же работа, что одна. Пять страниц с разной структурой — пять разных работ.</p><p>Технология. Конструктор дешевле на старте и дороже в содержании, код — наоборот. Для визитки, которую не планируют часто менять, статический сайт на бесплатном хостинге обычно выгоднее всего.</p><h2>Сколько стоит содержать</h2><p>Домен — 200–1 500 ₽ в год в зависимости от зоны. Обязателен, оформляется на вас.</p><p>Хостинг — от нуля. Статический сайт-визитка бесплатно размещается на GitHub Pages и подобных площадках без ограничений по трафику. Обычный хостинг с панелью — 1 500–6 000 ₽ в год.</p><p>SSL-сертификат — бесплатно, выпускается автоматически. Если с вас берут за него деньги, это повод задать вопрос.</p><p>Правки. Мелкие изменения текста и цен — либо вы делаете сами в админке, либо платите исполнителю по факту. Абонентская плата за сайт, который не меняется, смысла не имеет.</p><h2>Что спросить до оплаты</h2><p>На кого оформляются домен и хостинг. Правильный ответ — на вас.</p><p>Что происходит с сайтом, если вы перестанете работать с исполнителем. Правильный ответ — ничего, всё остаётся у вас.</p><p>Входит ли адаптив под телефон. Отдельной строкой в 2026 году это уже неприлично, но встречается.</p><p>Будет ли стоять счётчик аналитики и настроена ли цель на отправку формы. Без этого вы не узнаете, работает сайт или нет.</p><p>Сколько правок входит и в какой срок. Конкретное число дней лучше расплывчатого «поправим».</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>Сколько страниц должно быть в визитке?</summary><p>Обычно 3–5: главная, услуги, о компании или мастере, контакты. Больше нужно, когда услуг много и каждая заслуживает отдельной страницы под свой поисковый запрос.</p></details><details class="qa"><summary>Можно ли сделать сайт-визитку бесплатно?</summary><p>Да, на конструкторе с бесплатным тарифом. Ограничения: адрес вида name.tilda.ws, реклама площадки и невозможность перенести сайт. Для проверки идеи подходит, для постоянной работы — нет.</p></details><details class="qa"><summary>Сколько делается визитка?</summary><p>2–5 дней, если тексты и фотографии готовы. Если их собирает исполнитель — до двух недель, и узкое место обычно не в разработке, а в согласовании содержания.</p></details><details class="qa"><summary>Нужна ли админка?</summary><p>Не всегда. Если вы меняете текст раз в год, дешевле попросить исполнителя. Админка имеет смысл, когда обновления регулярные: новости, цены, фото работ.</p></details><details class="qa"><summary>Что лучше для визитки: конструктор или код?</summary><p>Конструктор — если планируете сами менять содержание и готовы платить абонентскую плату. Код или статическая вёрстка — если сайт должен быстро грузиться, ничего не стоить в содержании и жить годами без переделок.</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="Например: создание сайтов"></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/ysd_free_bot?start=site" target="_blank" rel="noopener">Telegram-бот @ysd_free_bot</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-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="/tilda-ili-wordpress.html">Тильда или WordPress: что выбрать в 2026 году</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><a href="/skolko-stoit-korporativnyy-sayt.html">Сколько стоит корпоративный сайт</a><a href="/skolko-stoit-sayt-na-wordpress.html">Сколько стоит сайт на WordPress</a><a href="/skolko-stoit-dizayn-sayta.html">Сколько стоит дизайн сайта</a><a href="/skolko-stoit-kviz.html">Сколько стоит квиз для сайта</a><a href="/skolko-stoit-telegram-mini-app.html">Сколько стоит Telegram Mini App</a><a href="/sayt-ili-telegram-bot.html">Сайт или Telegram-бот: что выбрать бизнесу</a><a href="/sayt-ili-avito.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_ = "https://api.ysdprojects.space/", METRIKA = "112490537", TG = "ysd_free_bot?start=site";
(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:false}; }) : Promise.reject(); })
.then(function(j){ if(!j || j.ok !== true) 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>