Repository navigation
Expand file tree
/
Copy pathlending-ili-sayt.html
More file actions
191 lines (191 loc) · 78.2 KB
/
Copy pathlending-ili-sayt.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>Лендинг или сайт-визитка: чем отличаются и что выбрать в 2026</title>
<meta name="description" content="Разница между лендингом, сайтом-визиткой и многостраничным сайтом простыми словами: задачи, цена, сроки, влияние на поиск. Что выбрать под свою ситуацию.">
<link rel="canonical" href="https://ysddev.com/lending-ili-sayt.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/lending-ili-sayt.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="Разница между лендингом, сайтом-визиткой и многостраничным сайтом простыми словами: задачи, цена, сроки, влияние на поиск. Что выбрать под свою ситуацию.">
<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":"Лендинг или сайт-визитка: чем отличаются","description":"Разница между лендингом, сайтом-визиткой и многостраничным сайтом простыми словами: задачи, цена, сроки, влияние на поиск. Что выбрать под свою ситуацию.","url":"https://ysddev.com/lending-ili-sayt.html","inLanguage":"ru-RU","datePublished":"2026-09-14","dateModified":"2026-10-07","mainEntityOfPage":{"@type":"WebPage","@id":"https://ysddev.com/lending-ili-sayt.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/lending-ili-sayt.html"}]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"Что дешевле — лендинг или сайт?","acceptedAnswer":{"@type":"Answer","text":"Лендинг обычно дешевле в разработке, потому что это одна страница. Но с учётом рекламы, без которой он не работает, суммарные расходы за год часто выше, чем у сайта, который приводит людей из поиска."}},{"@type":"Question","name":"Можно ли продвигать лендинг в поиске?","acceptedAnswer":{"@type":"Answer","text":"Можно, но потолок низкий: одна страница физически не может отвечать на десятки разных запросов. Обычно лендинг вытягивает один-два запроса, остальное требует отдельных страниц."}},{"@type":"Question","name":"Сайт-визитка — это лендинг?","acceptedAnswer":{"@type":"Answer","text":"Нет. Визитка — это несколько страниц, каждая со своей темой. Лендинг — одна страница с одним действием. Их часто путают, потому что и то и другое бывает небольшим."}},{"@type":"Question","name":"Можно ли сделать лендинг частью сайта?","acceptedAnswer":{"@type":"Answer","text":"Да, и это распространённая схема: основной сайт для поиска плюс отдельные посадочные страницы под рекламные кампании, каждая под своё предложение."}},{"@type":"Question","name":"С чего начать, если бюджет маленький?","acceptedAnswer":{"@type":"Answer","text":"С одной страницы, на которой честно написано, что вы делаете и сколько это стоит, и с формы заявки. Всё остальное добавляется потом, когда станет понятно, какие вопросы люди задают чаще всего."}},{"@type":"Question","name":"Можно ли обойтись только лендингом без сайта?","acceptedAnswer":{"@type":"Answer","text":"Да, если у вас одна услуга или один продукт и клиенты приходят с рекламы или из соцсетей. Лендинг дешевле и быстрее. Если услуг несколько и клиентов нужно получать из поиска — понадобится сайт: каждой услуге своя страница под свой запрос."}},{"@type":"Question","name":"Как проверить сайт или лендинг перед запуском?","acceptedAnswer":{"@type":"Answer","text":"Откройте его с телефона и заполните форму — заявка должна прийти. Проверьте, что все кнопки и ссылки работают, сайт открывается по https, телефон кликабельный, страница грузится быстрее трёх секунд. Скорость покажет PageSpeed Insights, мобильную версию — Яндекс Вебмастер."}}]}</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>Лендинг — одна страница с одним действием: оставить заявку. Многостраничный сайт — несколько страниц под разные вопросы и разные поисковые запросы. Лендинг лучше под рекламу, сайт — под поиск. Часто нужны оба, но не одновременно.</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="/lending.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>Лендинг, одна страница</td><td>8 000–40 000 ₽</td><td>от 12 000 ₽</td></tr><tr><td>Сайт-визитка, 3–5 страниц</td><td>8 000–35 000 ₽</td><td>от 9 000 ₽</td></tr><tr><td>Многостраничный сайт, 8–15 страниц</td><td>25 000–90 000 ₽</td><td>от 30 000 ₽</td></tr><tr><td>Лендинг плюс сайт в одном проекте</td><td>—</td><td>−20% на первый заказ</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>Поэтому лендинг живёт с платного трафика: реклама, рассылка, соцсети. Как только рекламу выключают, посещения падают почти до нуля.</p><p>Сайт наоборот: он медленно набирает позиции месяцами, зато потом приводит людей без оплаты за клик. Первые результаты обычно видны через два-четыре месяца, а не через неделю.</p><h2>Разница по деньгам и срокам</h2><p>Лендинг дешевле в разработке и запускается за несколько дней, но требует постоянного бюджета на рекламу.</p><p>Сайт дороже и дольше, зато трафик со временем становится бесплатным. Это вложение с отложенной отдачей.</p><p>Если бюджет один и результат нужен в этом месяце — лендинг плюс реклама. Если нужно, чтобы через полгода клиенты приходили сами, — сайт и работа над содержанием.</p><h2>Что выбрать под свою ситуацию</h2><p>Проверяете новую услугу или продукт — лендинг. Быстро, дёшево, понятно по результату.</p><p>Запускаете рекламную кампанию под конкретное предложение — лендинг под это предложение, отдельный от основного сайта.</p><p>Работаете в нескольких нишах или городах — многостраничный сайт, по странице на нишу и на город.</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>Лендинг обычно дешевле в разработке, потому что это одна страница. Но с учётом рекламы, без которой он не работает, суммарные расходы за год часто выше, чем у сайта, который приводит людей из поиска.</p></details><details class="qa"><summary>Можно ли продвигать лендинг в поиске?</summary><p>Можно, но потолок низкий: одна страница физически не может отвечать на десятки разных запросов. Обычно лендинг вытягивает один-два запроса, остальное требует отдельных страниц.</p></details><details class="qa"><summary>Сайт-визитка — это лендинг?</summary><p>Нет. Визитка — это несколько страниц, каждая со своей темой. Лендинг — одна страница с одним действием. Их часто путают, потому что и то и другое бывает небольшим.</p></details><details class="qa"><summary>Можно ли сделать лендинг частью сайта?</summary><p>Да, и это распространённая схема: основной сайт для поиска плюс отдельные посадочные страницы под рекламные кампании, каждая под своё предложение.</p></details><details class="qa"><summary>С чего начать, если бюджет маленький?</summary><p>С одной страницы, на которой честно написано, что вы делаете и сколько это стоит, и с формы заявки. Всё остальное добавляется потом, когда станет понятно, какие вопросы люди задают чаще всего.</p></details><details class="qa"><summary>Можно ли обойтись только лендингом без сайта?</summary><p>Да, если у вас одна услуга или один продукт и клиенты приходят с рекламы или из соцсетей. Лендинг дешевле и быстрее. Если услуг несколько и клиентов нужно получать из поиска — понадобится сайт: каждой услуге своя страница под свой запрос.</p></details><details class="qa"><summary>Как проверить сайт или лендинг перед запуском?</summary><p>Откройте его с телефона и заполните форму — заявка должна прийти. Проверьте, что все кнопки и ссылки работают, сайт открывается по https, телефон кликабельный, страница грузится быстрее трёх секунд. Скорость покажет PageSpeed Insights, мобильную версию — Яндекс Вебмастер.</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/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="/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></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>