PageSourceSearch

https://approve.kz/

html approve.kz collected 2026-10-08 23:57:53 UTC 48,818 bytes, 656 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Approve — виза без очередей и бумажной волокиты</title>
7    <meta name="description" content="Единая платформа для оформления виз: автозаполнение анкет по ИИН, запись на фото, страховка, слоты в консульстве и отслеживание статуса в реальном времени.">
8    <meta name="theme-color" content="#050816">
9    <meta property="og:title" content="Approve — виза без очередей и бумажной волокиты">
10    <meta property="og:description" content="Единая платформа для оформления виз: автозаполнение по ИИН, страховка, запись в консульство и статус заявки в реальном времени.">
11    <meta property="og:type" content="website">
12    <link rel="stylesheet" href="style.css">
13    <link rel="preconnect" href="https://fonts.googleapis.com">
14    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
15    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap" rel="stylesheet">
16    
16<script src="https://cdn.lordicon.com/lordicon.js" defer></script>
16
17</head>
18<body>
19    <!-- Scroll progress -->
20    <div class="scroll-indicator" aria-hidden="true"></div>
21
22    <!-- Cinematic background -->
23    <div class="bg" aria-hidden="true">
24        <div class="bg-grid"></div>
25        <div class="blob blob-1"></div>
26        <div class="blob blob-2"></div>
27        <div class="blob blob-3"></div>
28        <div class="bg-noise"></div>
29    </div>
30
31    <!-- Navigation -->
32    <nav class="nav" id="nav">
33        <div class="container nav-wrapper">
34            <a href="#" class="logo" aria-label="Approve — на главную">
35                <span class="logo-icon">
36                    <svg viewBox="0 0 40 40" width="34" height="34" aria-hidden="true">
37                        <defs>
38                            <linearGradient id="lg1" x1="0%" y1="0%" x2="100%" y2="100%">
39                                <stop offset="0%" stop-color="#3B82F6"/>
40                                <stop offset="55%" stop-color="#8B5CF6"/>
41                                <stop offset="100%" stop-color="#06B6D4"/>
42                            </linearGradient>
43                        </defs>
44                        <rect width="40" height="40" rx="11" fill="url(#lg1)"/>
45                        <path d="M13 20.5L18 25.5L28 14.5" stroke="white" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
46                    </svg>
47                </span>
48                <span class="logo-text">Approve</span>
49            </a>
50
51            <div class="nav-menu" id="navMenu">
52                <a href="#features">Возможности</a>
53                <a href="#countries">Страны</a>
54                <a href="#how">Как это работает</a>
55                <a href="#pricing">Тарифы</a>
56                <a href="#faq">FAQ</a>
57                <div class="nav-actions">
58                    <a href="#" class="btn btn-ghost">Войти</a>
59                    <a href="#cta" class="btn btn-primary btn-sm magnetic">Оформить визу</a>
60                </div>
61            </div>
62
63            <button class="hamburger" id="hamburger" aria-label="Открыть меню" aria-expanded="false">
64                <span></span><span></span><span></span>
65            </button>
66        </div>
67    </nav>
68
69    <!-- Hero -->
70    <header class="hero">
71        <div class="container hero-center">
72            <a href="#" class="badge reveal">
73                <span class="badge-dot"></span>
74                Новое · ИИ-ассистент по визам уже работает
75                <svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"><path d="M5 3l4 4-4 4" stroke="currentColor" stroke-width="1.6" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
76            </a>
77            <h1 class="reveal">Виза.<br><span class="gradient-text">Быстрее, чем вы думаете.</span></h1>
78            <p class="hero-sub reveal">Одна платформа для всего визового пути: автозаполнение анкет по ИИН, запись на фото, страховка, слоты в консульстве и уведомление в момент одобрения.</p>
79            <div class="hero-cta reveal">
80                <a href="#cta" class="btn btn-primary btn-lg magnetic">
81                    Оформить визу
82                    <svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><path d="M4 9h10M9 4l5 5-5 5" stroke="currentColor" stroke-width="1.8" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
83                </a>
84                <a href="#dashboard" class="btn btn-glass btn-lg magnetic">
85                    <svg width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><path d="M6 4l8 5-8 5V4z" fill="currentColor"/></svg>
86                    Смотреть демо
87                </a>
88            </div>
89
90            <div class="hero-visual reveal">
91                <div class="tilt" id="heroTilt">
92                    <div class="dash-preview glass">
93                        <div class="dash-head">
94                            <div class="dash-dots"><span></span><span></span><span></span></div>
95                            <span class="dash-title">Approve · Личный кабинет</span>
96                            <span class="dash-live"><span class="live-dot"></span>Онлайн</span>
97                        </div>
98                        <div class="dash-body">
99                            <div class="dash-app active">
100                                <div class="dash-app-top">
101                                    <img class="flag-img" src="https://flagcdn.com/us.svg" alt="Флаг США" loading="lazy">
102                                    <div class="dash-app-meta">
103                                        <strong>США · B1/B2</strong>
104                                        <small>Заявка №A-20493</small>
105                                    </div>
106                                    <span class="pill pill-success">Одобрено</span>
107                                </div>
108                                <div class="track">
109                                    <div class="track-fill" style="--w:100%"></div>
110                                </div>
111                            </div>
112                            <div class="dash-app">
113                                <div class="dash-app-top">
114                                    <img class="flag-img" src="https://flagcdn.com/eu.svg" alt="Флаг ЕС" loading="lazy">
115                                    <div class="dash-app-meta">
116                                        <strong>Шенген · Туризм</strong>
117                                        <small>Заявка №A-20518</small>
118                                    </div>
119                                    <span class="pill pill-pending">На рассмотрении</span>
120                                </div>
121                                <div class="track">
122                                    <div class="track-fill" style="--w:64%"></div>
123                                </div>
124                            </div>
125                            <div class="dash-cards">
126                                <div class="mini glass-soft">
127                                    <small>Срок обработки</small>
128                                    <strong>4,2 <span>дня</span></strong>
129                                    <div class="spark"><i style="--h:40%"></i><i style="--h:60%"></i><i style="--h:35%"></i><i style="--h:80%"></i><i style="--h:55%"></i><i style="--h:90%"></i></div>
130                                </div>
131                                <div class="mini glass-soft">
132                                    <small>Процент одобрений</small>
133                                    <strong>98<span>%</span></strong>
134                                    <div class="ring" style="--p:98"><span>98%</span></div>
135                                </div>
136                            </div>
137                        </div>
138                    </div>
139                </div>
140                <div class="float-chip chip-1 glass-soft">
141                    <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M4 8.5l2.5 2.5L12 5" stroke="#22C55E" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>
142                    Анкета заполнена по ИИН
143                </div>
144                <div class="float-chip chip-2 glass-soft">
145                    <span class="live-dot"></span>
146                    Слот в консульстве забронирован
147                </div>
148                <div class="float-chip chip-3 glass-soft">
149                    <svg width="16" height="16" viewBox="0 0 16 16" aria-hidden="true"><path d="M8 2l1.8 3.7L14 6.2l-3 2.9.7 4.1L8 11.3 4.3 13.2 5 9.1 2 6.2l4.2-.5L8 2z" fill="#F59E0B"/></svg>
150                    Рейтинг 4,9
151                </div>
152            </div>
153
154            <div class="hero-stats reveal">
155                <div class="stat">
156                    <span class="stat-num" data-target="180000" data-suffix="+">0</span>
157                    <span class="stat-label">Оформленных виз</span>
158                </div>
159                <div class="stat">
160                    <span class="stat-num" data-target="90" data-suffix="+">0</span>
161                    <span class="stat-label">Стран</span>
162                </div>
163                <div class="stat">
164                    <span class="stat-num" data-target="98" data-suffix="%">0</span>
165                    <span class="stat-label">Одобрений</span>
166                </div>
167            </div>
168        </div>
169        <div class="hero-fade" aria-hidden="true"></div>
170    </header>
171
172    <!-- Trusted by -->
173    <section class="trusted">
174        <div class="container">
175            <p class="trusted-label">Нам доверяют путешественники, агентства и консульства</p>
176            <div class="marquee" aria-hidden="true">
177                <div class="marquee-track">
178                    <span>SkyRoute</span><span>Voyage</span><span>Consular+</span><span>GlobePass</span><span>NomadIQ</span><span>InsureGo</span><span>Wanderr</span><span>PhotoLab</span>
179                    <span>SkyRoute</span><span>Voyage</span><span>Consular+</span><span>GlobePass</span><span>NomadIQ</span><span>InsureGo</span><span>Wanderr</span><span>PhotoLab</span>
180                </div>
181            </div>
182        </div>
183    </section>
184
185    <!-- Statement -->
186    <section class="section statement">
187        <div class="container">
188            <p class="statement-text reveal">Мы убрали из визового процесса всё лишнее: очереди, анкеты, неизвестность. <span>Остались только вы — и ваша поездка.</span></p>
189        </div>
190    </section>
191
192    <!-- Features -->
193    <section class="section features" id="features">
194        <div class="container">
195            <div class="section-head reveal">
196                <span class="eyebrow">Всё в одной платформе</span>
197                <h2>Полный визовый путь — <span class="gradient-text">в одном приложении</span></h2>
198                <p>От первой анкеты до штампа в паспорте: каждый шаг — в едином, продуманном сценарии.</p>
199            </div>
200            <div class="features-grid">
201                <article class="feature glass reveal feature-lg">
202                    <div class="feature-icon i-blue">
203                        <lord-icon src="https://cdn.lordicon.com/fikcyfpp.json" trigger="loop" delay="2500" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
204                    </div>
205                    <h3>Автозаполнение анкет по ИИН</h3>
206                    <p>Введите ИИН один раз — Approve безопасно заполнит все поля визовой анкеты и проверит их на соответствие требованиям консульства. Быстрее подача — меньше ошибок.</p>
207                </article>
208                <article class="feature glass reveal">
209                    <div class="feature-icon i-violet">
210                        <lord-icon src="https://cdn.lordicon.com/gqzfzudq.json" trigger="loop" delay="3000" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
211                    </div>
212                    <h3>Выбор страны и требований</h3>
213                    <p>Выберите страну в каталоге — приложение сразу покажет требования, список документов и сроки рассмотрения.</p>
214                </article>
215                <article class="feature glass reveal">
216                    <div class="feature-icon i-amber">
217                        <lord-icon src="https://cdn.lordicon.com/ppwsfvnn.json" trigger="loop" delay="3500" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
218                    </div>
219                    <h3>Запись на фото</h3>
220                    <p>Запишитесь в фотостудию в удобное время — съёмка занимает 1–3 минуты, а готовые снимки появл
220яются прямо в приложении.</p>
221                </article>
222                <article class="feature glass reveal">
223                    <div class="feature-icon i-cyan">
224                        <lord-icon src="https://cdn.lordicon.com/iiixgoqp.json" trigger="loop" delay="2800" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
225                    </div>
226                    <h3>Загрузка ваучеров</h3>
227                    <p>Загружайте брони отелей, билеты и подтверждения в пару касаний — все документы собраны в одном месте.</p>
228                </article>
229                <article class="feature glass reveal">
230                    <div class="feature-icon i-green">
231                        <lord-icon src="https://cdn.lordicon.com/cqgtrhpg.json" trigger="loop" delay="3200" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
232                    </div>
233                    <h3>Страховка для поездки</h3>
234                    <p>Сравните предложения страховых компаний и оформите полис в один тап — он автоматически прикрепится к заявке.</p>
235                </article>
236                <article class="feature glass reveal">
237                    <div class="feature-icon i-blue">
238                        <lord-icon src="https://cdn.lordicon.com/drtetngs.json" trigger="loop" delay="2600" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
239                    </div>
240                    <h3>Слоты в консульство</h3>
241                    <p>Выбирайте удобное время подачи документов во встроенном календаре — без очередей и звонков.</p>
242                </article>
243                <article class="feature glass reveal">
244                    <div class="feature-icon i-violet">
245                        <lord-icon src="https://cdn.lordicon.com/msoeawqm.json" trigger="loop" delay="3400" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
246                    </div>
247                    <h3>Отслеживание статуса</h3>
248                    <p>Следите за каждым этапом рассмотрения в реальном времени: «в обработке», «нужны документы», «готово».</p>
249                </article>
250                <article class="feature glass reveal feature-lg">
251                    <div class="feature-icon i-green">
252                        <lord-icon src="https://cdn.lordicon.com/psnhyobz.json" trigger="loop" delay="2400" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
253                    </div>
254                    <h3>Уведомление об одобрении</h3>
255                    <p>Push и e-mail в ту же секунду, как виза одобрена, — плюс напоминания о сроках действия и изменениях правил.</p>
256                </article>
257                <article class="feature glass reveal feature-lg">
258                    <div class="feature-icon i-cyan">
259                        <lord-icon src="https://cdn.lordicon.com/hpivxauj.json" trigger="loop" delay="3600" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
260                    </div>
261                    <h3>ИИ-ассистент и чат с экспертом</h3>
262                    <p>Ассистент, обученный визовым правилам, отвечает мгновенно — а живой специалист подключается 24/7.</p>
263                </article>
264            </div>
265        </div>
266    </section>
267
268    <!-- Countries -->
269    <section class="section countries" id="countries">
270        <div class="container">
271            <div class="section-head reveal">
272                <span class="eyebrow">Глобальное покрытие</span>
273                <h2>Подавайтесь в любую точку <span class="gradient-text">на карте</span></h2>
274                <p>Актуальные требования, сроки рассмотрения и статистика одобрений по 90+ направлениям.</p>
275            </div>
276            <div class="map-wrap glass reveal">
277                <div class="world-map">
278                    <svg viewBox="0 0 1000 500" preserveAspectRatio="xMidYMid meet" class="dotmap" aria-hidden="true"></svg>
279                    <span class="poi poi-home" style="left:71.4%;top:26%" data-label="Алматы"></span>
280                    <span class="poi" style="left:28.6%;top:28.4%" data-label="США"></span>
281                    <span class="poi" style="left:50%;top:21.4%" data-label="Великобритания"></span>
282                    <span class="poi" style="left:50.7%;top:22.9%" data-label="Шенген"></span>
283                    <span class="poi" style="left:53.7%;top:20.8%" data-label="Германия"></span>
284                    <span class="poi" style="left:65.4%;top:36%" data-label="ОАЭ"></span>
285                    <span class="poi" style="left:88.8%;top:30.2%" data-label="Япония"></span>
286                    <span class="poi" style="left:92%;top:68.8%" data-label="Австралия"></span>
287                    <svg class="arcs" viewBox="0 0 1000 500" preserveAspectRatio="none" aria-hidden="true">
288                        <path class="arc" id="arc-us" d="M714,260 Q490,20 286,142"/>
289                        <path class="arc" id="arc-eu" d="M714,260 Q610,80 507,115"/>
290                        <path class="arc" id="arc-ae" d="M714,260 Q700,200 654,180"/>
291                        <path class="arc" id="arc-jp" d="M714,260 Q810,130 888,151"/>
292                        <path class="arc" id="arc-au" d="M714,260 Q840,330 920,344"/>
293                        <circle class="arc-dot" r="4"><animateMotion dur="6s" repeatCount="indefinite" rotate="auto"><mpath href="#arc-us"/></animateMotion></circle>
294                        <circle class="arc-dot" r="4"><animateMotion dur="5s" begin="1.2s" repeatCount="indefinite" rotate="auto"><mpath href="#arc-eu"/></animateMotion></circle>
295                        <circle class="arc-dot" r="4"><animateMotion dur="4s" begin="2.4s" repeatCount="indefinite" rotate="auto"><mpath href="#arc-ae"/></animateMotion></circle>
296                        <circle class="arc-dot" r="4"><animateMotion dur="5.5s" begin="0.6s" repeatCount="indefinite" rotate="auto"><mpath href="#arc-jp"/></animateMotion></circle>
297                        <circle class="arc-dot" r="4"><animateMotion dur="6.5s" begin="1.8s" repeatCount="indefinite" rotate="auto"><mpath href="#arc-au"/></animateMotion></circle>
298                    </svg>
299                </div>
300                <div class="country-cards">
301                    <article class="country glass-soft">
302                        <div class="country-top"><img class="flag-img" src="https://flagcdn.com/us.svg" alt="Флаг США" loading="lazy"><div><strong>США</strong><small>B1/B2 · Туризм</small></div></div>
303                        <ul>
304                            <li><span>Рассмотрение</span><b>5–7 дней</b></li>
305                            <li><span>Одобрения</span><b class="ok">97%</b></li>
306                            <li><span>Консульства</span><b>3</b></li>
307                        </ul>
308                    </article>
309                    <article class="country glass-soft">
310                        <div class="country-top"><img class="flag-img" src="https://flagcdn.com/eu.svg" alt="Флаг ЕС" loading="lazy"><div><strong>Шенген</strong><small>Тип C · Туризм</small></div></div>
311                        <ul>
312                            <li><span>Рассмотрение</span><b>7–10 дней</b></li>
313                            <li><span>Одобрения</span><b class="ok">96%</b></li>
314                            <li><span>Консульства</span><b>12</b></li>
315                        </ul>
316                    </article>
317                    <article class="country glass-soft">
318                        <div class="country-top"><img class="flag-img" src="https://flagcdn.com/jp.svg" alt="Флаг Японии" loading="lazy"><div><strong>Япония</strong><small>Однократная</small></div></div>
319                        <ul>
320                            <li><span>Рассмотрение</span><b>4–6 дней</b></li>
321                            <li><span>Одобрения</span><b class="ok">99%</b></li>
322                            <li><span>Консульства</span><b>2</b></li>
323                        </ul>
324                    </article>
325                </div>
326            </div>
327        </div>
328    </section>
329
330    <!-- How it works -->
331    <section class="section how" id="how">
332        <div class="container">
333            <div class="section-head reveal">
334                <span class="eyebrow">Как это работает</span>
335                <h2>От заявки до одобрения — <span class="gradient-text">8 шагов</span></h2>
336            </div>
337            <div class="timeline">
338                <div class="timeline-line"><span class="timeline-progress" id="tlProgress"></span></div>
339                <ol class="steps">
340                    <li class="step reveal"><span class="step-num">1</span><h3>Выберите страну</h3><p>Требования, документы и сроки — сразу на экране.</p></li>
341                    <li class="step reveal"><span class="step-num">2</span><h3>Введите ИИН</h3><p>Анкета заполнится автоматически и без ошибок.</p></li>
342                    <li class="step reveal"><span class="step-num">3</span><h3>Загрузите документы</h3><p>Паспорт, брони и ваучеры — один раз и навсегда.</p></li>
343                    <li class="step reveal"><span class="step-num">4</span><h3>Запишитесь на фото</h3><p>Студия рядом, съёмка за 1–3 минуты, снимки в приложении.</p></li>
344                    <li class="step reveal"><span class="step-num">5</span><h3>Оформите страховку</h3><p>Сравните полисы и оплатите всё одним чеком.</p></li>
345                    <li class="step reveal"><span class="step-num">6</span><h3>Выберите слот в консульстве</h3><p>Удобное время подачи — без очередей, с напоминаниями.</p></li>
346                    <li class="step reveal"><span class="step-num">7</span><h3>Следите за статусом</h3><p>Живые обновления и чат со специалистом на каждом этапе.</p></li>
347                    <li class="step reveal"><span class="step-num">8</span><h3>Виза одобрена</h3><p>Уведомление в ту же секунду, как виза готова.</p></li>
348                </ol>
349            </div>
350        </div>
351    </section>
352
353    <!-- Live dashboard -->
354    <section class="section dashboard" id="dashboard">
355        <div class="container">
356            <div class="section-head reveal">
357                <span class="eyebrow">Живой кабинет</span>
358                <h2>Весь визовый путь — <span class="gradient-text">на одном экране</span></h2>
359                <p>Графики, статусы, уведомления и карта — в стеклянном интерфейсе, который работает на любом устройстве.</p>
360            </div>
361            <div class="dash-full glass reveal">
362                <aside class="dash-side">
363                    <div class="side-brand"><span class="logo-icon small"><svg viewBox="0 0 40 40" width="22" height="22" aria-hidden="true"><rect width="40" height="40" rx="11" fill="url(#lg1)"/><path d="M13 20.5L18 25.5L28 14.5" stroke="white" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></span>Approve</div>
364                    <nav class="side-nav">
365                        <a class="active"><span class="ic">▦</span>Обзор</a>
366                        <a><span class="ic">🗎</span>Заявки</a>
367                        <a><span class="ic">🛡</span>Страховка</a>
368                        <a><span class="ic">📅</span>Записи</a>
369                        <a><span class="ic">💬</span>Ассистент</a>
370                        <a><span class="ic">⚙</span>Настройки</a>
371                    </nav>
372                </aside>
373                <main class="dash-main">
374                    <div class="dash-kpis">
375                        <div class="kpi glass-soft"><small>Активные заявки</small><strong class="stat-num" data-target="4">0</strong><span class="delta up">+2 за неделю</span></div>
376                        <div class="kpi glass-soft"><small>Среднее рассмотрение</small><strong>4,2 дня</strong><span class="delta up">−1,1 дня быстрее</span></div>
377                        <div class="kpi glass-soft"><small>Документов в хранилище</small><strong class="stat-num" data-target="27">0</strong><span class="delta">зашифровано</span></div>
378                        <div class="kpi glass-soft"><small>Процент одобрений</small><strong>98%</strong><span class="delta up">+3%</span></div>
379                    </div>
380                    <div class="dash-row">
381                        <div class="panel glass-soft">
382                            <div class="panel-head"><strong>Заявки по месяцам</strong><span class="pill pill-pending">6 мес</span></div>
383                            <div class="bars">
384                                <i style="--h:45%"></i><i style="--h:62%"></i><i style="--h:50%"></i><i style="--h:78%"></i><i style="--h:66%"></i><i style="--h:88%"></i><i style="--h:72%"></i><i style="--h:95%"></i>
385                            </div>
386                        </div>
387                        <div class="panel glass-soft">
388                            <div class="panel-head"><strong>Уведомления</strong><span class="live-dot"></span></div>
389                            <ul class="notif">
390                                <li><span class="n-dot ok"></span><div><b>Виза в США одобрена</b><small>2 мин назад</small></div></li>
391                                <li><span class="n-dot info"></span><div><b>Слот в консульстве подтверждён</b><small>1 час назад</small></div></li>
392                                <li><span class="n-dot warn"></span><div><b>Паспорт истекает через 90 дней</b><small>Сегодня</small></div></li>
393                            </ul>
394                        </div>
395                    </div>
396                </main>
397            </div>
398        </div>
399    </section>
400
401    <!-- Pricing -->
402    <section class="section pricing" id="pricing">
403        <div class="container">
404            <div class="section-head reveal">
405                <span class="eyebrow">Тарифы</span>
406                <h2>Простые планы <span class="gradient-text">для каждого путешественника</span></h2>
407                <div class="billing-toggle">
408                    <span class="bt-label active" id="btMonthly">Помесячно</span>
409                    <button class="switch" id="billingSwitch" role="switch" aria-checked="false" aria-label="Переключить на годовую оплату"><span class="knob"></span></button>
410                    <span class="bt-label" id="btYearly">На год <em class="save">−20%</em></span>
411                </div>
412            </div>
413            <div class="pricing-grid">
414                <article class="plan glass reveal">
415                    <h3>Старт</h3>
416                    <p class="plan-desc">Для одной поездки.</p>
417                    <div class="price"><span class="amount" data-monthly="0" data-yearly="0">0</span><span class="per">₸/мес</span></div>
418                    <a href="#cta" class="btn btn-glass btn-block magnetic">Начать бесплатно</a>
419                    <ul class="plan-feats">
420                        <li>1 активная заявка</li>
421                        <li>Автозаполнение по ИИН</li>
422                        <li>Отслеживание статуса</li>
423                        <li>Поддержка сообщества</li>
424                    </ul>
425                </article>
426                <article class="plan glass reveal featured">
427                    <span class="plan-tag">Самый популярный</span>
428                    <h3>Про</h3>
429                    <p class="plan-desc">Для тех, кто часто летает.</p>
430                    <div class="price"><span class="amount" data-monthly="4 990" data-yearly="3 990">4 990</span><span class="per">₸/мес</span></div>
431                    <a href="#cta" class="btn btn-primary btn-block magnetic">Подключить Про</a>
432                    <ul class="plan-feats">
433                        <li>Заявки без ограничений</li>
434                        <li>Приоритетные слоты в консульстве</li>
435                        <li>ИИ + живой специалист 24/7</li>
436                        <li>Скидки на страховку</li>
437                        <li>Напоминания о сроках и правилах</li>
438                    </ul>
439                </article>
440                <article class="plan glass reveal">
441                    <h3>Бизнес</h3>
442                    <p class="plan-desc">Для команд и агентств.</p>
443                    <div class="price"><span class="amount" data-monthly="14 990" data-yearly="11 990">14 990</span><span class="per">₸/мес</span></div>
444                    <a href="#cta" class="btn btn-glass btn-block magnetic">Подключить Бизнес</a>
445                    <ul class="plan-feats">
446                        <li>Всё из тарифа «Про»</li>
447                        <li>Партнёрский кабинет</li>
448                        <li>Управление клиентами</li>
449                        <li>Массовые заявки</li>
450                    </ul>
451                </article>
452                <article class="plan glass reveal">
453                    <h3>Корпоративный</h3>
454                    <p class="plan-desc">Для консульств и большого масштаба.</p>
455                    <div class="price"><span class="amount-text">Инд.</span></div>
456                    <a href="#cta" class="btn btn-glass btn-block magnetic">Связаться с нами</a>
457                    <ul class="plan-feats">
458                        <li>SSO и журнал доступа</li>
459                        <li>Выделенный API и SLA</li>
460                        <li>Интеграции под задачу</li>
461                        <li>Персональный менеджер</li>
462                    </ul>
463                </article>
464            </div>
465        </div>
466    </section>
467
468    <!-- Partners -->
469    <section class="section partners">
470        <div class="container">
471            <div class="section-head reveal">
472                <span class="eyebrow">Партнёры</span>
473                <h2>Вместе со <span class="gradient-text">всей экосистемой</span></h2>
474            </div>
475            <div class="partner-grid reveal">
476                <div class="partner glass-soft"><lord-icon src="https://cdn.lordicon.com/pbbsmkso.json" trigger="loop" delay="2400" colors="primary:#ffffff,secondary:#ffffff" style="width:46px;height:46px"></lord-icon>Авиакомпании</div>
477                <div class="partner glass-soft"><lord-icon src="https://cdn.lordicon.com/ycjlxmbw.json" trigger="loop" delay="2800" colors="primary:#ffffff,secondary:#ffffff" style="width:46px;height:46px"></lord-icon>Отели</div>
478                <div class="partner glass-soft"><lord-icon src="https://cdn.lordicon.com/huwchbks.json" trigger="loop" delay="3200" colors="primary:#ffffff,secondary:#ffffff" style="width:46px;height:46px"></lord-icon>Страховые</div>
479                <div class="partner glass-soft"><lord-icon src="https://cdn.lordicon.com/jjjmlddk.json" trigger="loop" delay="2600" colors="primary:#ffffff,secondary:#ffffff" style="width:46px;height:46px"></lord-icon>Консульства</div>
480                <div class="partner glass-soft"><lord-icon src="https://cdn.lordicon.com/ppwsfvnn.json" trigger="loop" delay="3000" colors="primary:#ffffff,secondary:#ffffff" style="width:46px;height:46px"></lord-icon>Фотостудии</div>
481                <div class="partner glass-soft"><lord-icon src="https://cdn.lordicon.com/zhiiqoue.json" trigger="loop" delay="3400" colors="primary:#ffffff,secondary:#ffffff" style="width:46px;height:46px"></lord-icon>Турагентства</div>
482            </div>
483        </div>
484    </section>
485
486    <!-- Offline services -->
487    <section class="section offline">
488        <div class="container">
489            <div class="section-head reveal">
490                <span class="eyebrow">Офлайн-сервис</span>
491                <h2>Нужна помощь лично? <span class="gradient-text">Приходите в офис</span></h2>
492                <p>Всё, что есть в приложении, доступно и вживую — с чашкой кофе и специалистом рядом.</p>
493            </div>
494            <div class="testi-grid">
495                <article class="feature glass reveal">
496                    <div class="feature-icon i-blue">
497                        <lord-icon src="https://cdn.lordicon.com/zpxybbhl.json" trigger="loop" delay="2700" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
498                    </div>
499                    <h3>Консультации по визам</h3>
500                    <p>Поможем выбрать тип визы и страну под ваши планы — честно расскажем о шансах и сроках.</p>
501                </article>
502                <article class="feature glass reveal">
503                    <div class="feature-icon i-violet">
504                        <lord-icon src="https://cdn.lordicon.com/nocovwne.json" trigger="loop" delay="3100" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
505                    </div>
506                    <h3>Подготовка документов</h3>
507                    <p>Проверим комплект документов до подачи, чтобы консульство не вернуло заявку на доработку.</p>
508                </article>
509                <article class="feature glass reveal">
510                    <div class="feature-icon i-amber">
511                        <lord-icon src="https://cdn.lordicon.com/ppwsfvnn.json" trigger="loop" delay="2900" colors="primary:#ffffff,secondary:#ffffff" style="width:34px;height:34px"></lord-icon>
512                    </div>
513                    <h3>Фотостудия</h3>
514                    <p>Снимем фото по стандартам любой страны за пару минут — и сразу загрузим их в вашу заявку.</p>
515                </article>
516            </div>
517        </div>
518    </section>
519
520    <!-- Testimonials -->
521    <section class="section testimonials">
522        <div class="container">
523            <div class="section-head reveal">
524                <span class="eyebrow">Нас любят путешественники</span>
525                <h2>Одобрено — и <span class="gradient-text">в восторге</span></h2>
526            </div>
527            <div class="testi-grid">
528                <figure class="testi glass reveal">
529                    <div class="stars">★★★★★</div>
530                    <blockquote>«Получила визу в США за неделю и ни разу не мучилась с анкетой. Автозаполнение по ИИН — это магия.»</blockquote>
531                    <figcaption><span class="avatar" style="--a:#3B82F6,#8B5CF6">АК</span><div><strong>Айша К.</strong><small>Алматы · Туристическая виза</small></div></figcaption>
532                </figure>
533                <figure class="testi glass reveal">
534                    <div class="stars">★★★★★</div>
535                    <blockquote>«Слот в консульстве, страховка и фото — всё за один вечер. Дашборд держал в курсе на каждом шаге.»</blockquote>
536                    <figcaption><span class="avatar" style="--a:#06B6D4,#3B82F6">ДМ</span><div><strong>Данияр М.</strong><small>Астана · Шенген</small></div></figcaption>
537                </figure>
538                <figure class="testi glass reveal">
539                    <div class="stars">★★★★★</div>
540                    <blockquote>«Как турагентство мы ведём десятки заявок через партнёрский кабинет. Лучший инструмент из всех, что мы пробовали.»</blockquote>
541                    <figcaption><span class="avatar" style="--a:#8B5CF6,#EF4444">ЛР</span><div><strong>Лаура Р.</strong><small>SkyRoute Travel</small></div></figcaption>
542                </figure>
543            </div>
544        </div>
545    </section>
546
547    <!-- FAQ -->
548    <section class="section faq" id="faq">
549        <div class="container narrow">
550            <div class="section-head reveal">
551                <span class="eyebrow">FAQ</span>
552                <h2>Вопросы — <span class="gradient-text">и ответы</span></h2>
553            </div>
554            <div class="accordion reveal">
555                <details class="acc-item">
556                    <summary>Как работает автозаполнение по ИИН?<span class="acc-icon"></span></summary>
557                    <div class="acc-body"><p>Вы вводите свой ИИН один раз. Approve безопасно получает данные, необходимые конкретному консульству, заполняет анкету и проверяет каждое поле на соответствие правилам страны перед подачей.</p></div>
558                </details>
559                <details class="acc-item">
560                    <summary>Какие страны поддерживаются?<span class="acc-icon"></span></summary>
561                    <div class="acc-body"><p>Более 90 направлений: США, все страны Шенгена, Великобритания, ОАЭ, Япония, Австралия и другие — по каждому доступны актуальные требования, сроки и статистика одобрений.</p></div>
562                </details>
563                <details class="acc-item">
564                    <summary>Мои данные в безопасности?<span class="acc-icon"></span></summary>
565                    <div class="acc-body"><p>Да. Документы шифруются при хранении и передаче, каждый доступ фиксируется в журнале, а вы сами решаете, что именно передаётся консульству или партнёру.</p></div>
566                </details>
567                <details class="acc-item">
568                    <summary>Можно ли получить помощь живого специалиста?<span class="acc-icon"></span></summary>
569                    <div class="acc-body"><p>Конечно. ИИ-ассистент отвечает на большинство вопросов мгновенно, а на тарифе «Про» и выше визовый специалист подключается к чату 24/7. Также ждём вас на очной консультации в офисе.</p></div>
570                </details>
571                <details class="acc-item">
572                    <summary>Страховка и фото тоже оформляются у вас?<span class="acc-icon"></span></summary>
573                    <div class="acc-body"><p>Да — оформите страховой полис и запишитесь на визовое фото прямо в приложении. И то и другое автоматически прикрепится к вашей заявке.</p></div>
574                </details>
575            </div>
576        </div>
577    </section>
578
579    <!-- CTA -->
580    <section class="section cta-section" id="cta">
581        <div class="container">
582            <div class="cta-box glass reveal">
583                <div class="cta-glow" aria-hidden="true"></div>
584                <span class="eyebrow">Начните сейчас</span>
585                <h2>Получите визу <span class="gradient-text">быстрее</span></h2>
586                <p>Присоединяйтесь к 180 000+ путешественников, которые подают, отслеживают и получают визы с Approve.</p>
587                <div class="cta-btns">
588                    <a href="#" class="btn btn-primary btn-lg magnetic">Оформить визу</a>
589                    <a href="#" class="btn btn-glass btn-lg magnetic">
590                        <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true"><path d="M17 3H7a2 2 0 00-2 2v14a2 2 0 002 2h10a2 2 0 002-2V5a2 2 0 00-2-2zm-5 16a1 1 0 110-2 1 1 0 010 2z" fill="currentColor"/></svg>
591                        Скачать приложение
592                    </a>
593                </div>
594                <div class="cta-ratings">
595                    <span>★★★★★ 4,8 App Store</span>
596                    <span class="dot-sep"></span>
597                    <span>★★★★★ 4,9 Google Play</span>
598                </div>
599            </div>
600        </div>
601    </section>
602
603    <!-- Footer -->
604    <footer class="footer">
605        <div class="container">
606            <div class="footer-grid">
607                <div class="footer-brand">
608                    <a href="#" class="logo">
609                        <span class="logo-icon"><svg viewBox="0 0 40 40" width="30" height="30" aria-hidden="true"><rect width="40" height="40" rx="11" fill="url(#lg1)"/><path d="M13 20.5L18 25.5L28 14.5" stroke="white" stroke-width="3.2" stroke-linecap="round" stroke-linejoin="round" fill="none"/></svg></span>
610                        <span class="logo-text">Approve</span>
611                    </a>
612                    <p>Самый простой способ подать заявку, отследить статус и получить визу — в одной премиальной платформе.</p>
613                    <form class="newsletter" onsubmit="return false">
614                        <input type="email" placeholder="Ваш e-mail" aria-label="E-mail для рассылки" required>
615                        <button class="btn btn-primary btn-sm" type="submit">Подписаться</button>
616                    </form>
617                </div>
618                <div class="footer-col">
619                    <h4>Продукт</h4>
620                    <a href="#features">Возможности</a>
621                    <a href="#countries">Страны</a>
622                    <a href="#pricing">Тарифы</a>
623                    <a href="#dashboard">Кабинет</a>
624                    <a href="#">API для разработчиков</a>
625                </div>
626                <div class="footer-col">
627                    <h4>Компания</h4>
628                    <a href="#">О нас</a>
629                    <a href="#">Партнёры</a>
630                    <a href="#">Вакансии</a>
631                    <a href="#">Блог</a>
632                    <a href="#">Контакты</a>
633                </div>
634                <div class="footer-col">
635                    <h4>Поддержка</h4>
636                    <a href="#faq">Центр помощи</a>
637                    <a href="#">База знаний</a>
638                    <a href="#">Политика конфиденциальности</a>
639                    <a href="#">Условия использования</a>
640                </div>
641            </div>
642            <div class="footer-bottom">
643                <p>© 2026 Approve. Все права защищены.</p>
644                <div class="socials">
645                    <a href="#" aria-label="X"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.9 2H22l-7 8 8.2 12h-6.4l-5-7-5.7 7H2l7.5-9L1.6 2H8l4.5 6.5L18.9 2zm-1.1 18h1.7L7.3 3.8H5.5L17.8 20z"/></svg></a>
646                    <a href="#" aria-label="Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" aria-hidden="true"><rect x="3" y="3" width="18" height="18" rx="5" stroke="currentColor" stroke-width="1.7"/><circle cx="12" cy="12" r="4" stroke="currentColor" stroke-width="1.7"/><circle cx="17.2" cy="6.8" r="1.2" fill="currentColor"/></svg></a>
647                    <a href="#" aria-label="LinkedIn"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M4.98 3.5A2.5 2.5 0 112.5 6 2.5 2.5 0 014.98 3.5zM3 9h4v12H3zM10 9h3.8v1.7h.05A4.2 4.2 0 0117.6 8.7c4 0 4.7 2.6 4.7 6V21h-4v-5.4c0-1.3 0-3-1.8-3s-2.1 1.4-2.1 2.9V21h-4z"/></svg></a>
648                </div>
649            </div>
650        </div>
651    </footer>
652
653    <div class="cursor-glow" aria-hidden="true"></div>
654    
654<script src="script.js"></script>
654
655</body>
656</html>

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