PageSourceSearch

https://fittin.ru/

html fittin.ru collected 2026-09-25 14:56:33 UTC 524,894 bytes, 8,717 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ru" class="no-js">
3<head>
4    <!-- BEGIN: Общий шаблон head -->
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <meta name="author" content="FITTIN">
8    <meta name="zen-verification" content="RagJltOLOB9jwu4URnsHs7iL5NCclGpPXNh6MkNWbw3DElqAT26rRo8q5TNjJDzq" />
9    <meta name="google-site-verification" content="5AUTIXYsgyyejNl3SKrblLiCHKeS8LOFQtYcQ-rAxTg" />
10    <meta name="theme-color" content="#000000">
11    <meta name="apple-mobile-web-app-capable" content="yes">
12    <meta name="apple-mobile-web-app-status-bar-style" content="black">
13    <meta http-equiv="X-UA-Compatible" content="IE=edge">
14    <meta name="geo.region" content="RU-MOW">
15    <meta name="geo.placename" content="Москва">
16    <meta name="geo.position" content="55.7558;37.6173">
17    <meta name="ICBM" content="55.7558, 37.6173">
18
19    <!-- Open Graph теги -->
20    <meta property="og:type" content="website">
21    <meta property="og:site_name" content="FITTIN">
22    <meta property="og:title" content="Мобильные приложения на Flutter для e-commerce — FITTIN">
23    <meta property="og:description"
24          content="Модульная Flutter-платформа для интернет-магазинов и корпоративного e-commerce. Первый релиз за 2–3 месяца, публикация в сторах. Обсудим ваш проект.">
25    <meta property="og:url" content="https://fittin.ru/">
26    <meta property="og:locale" content="ru_RU">
27    <meta property="og:image" content="https://fittin.ru/images/og-cover.jpg">
28    <meta property="og:image:width" content="1200">
29    <meta property="og:image:height" content="630">
30    <meta property="og:image:alt"
31          content="Разработка мобильных приложений на Flutter | FITTIN - Создаем эффективные решения для e-commerce">
32
33    <!-- Twitter Card -->
34    <meta name="twitter:card" content="summary_large_image">
35    <meta name="twitter:site" content="@FITTIN_ru">
36    <meta name="twitter:creator" content="@FITTIN_ru">
37    <meta name="twitter:title" content="Мобильные приложения на Flutter для e-commerce — FITTIN">
38    <meta name="twitter:description"
39          content="Модульная Flutter-платформа для интернет-магазинов и корпоративного e-commerce. Первый релиз за 2–3 месяца, публикация в сторах. Обсудим ваш проект.">
40    <meta name="twitter:image" content="https://fittin.ru/images/og-cover.jpg">
41    <meta name="twitter:image:alt"
42          content="Разработка мобильных приложений на Flutter | FITTIN - Создаем эффективные решения для e-commerce">
43
44    <!-- Фавикон (растровый .ico/.png — для Google Search, SVG — для современных браузеров) -->
45    <link rel="icon" href="/favicon.ico" sizes="48x48">
46    <link rel="icon" type="image/svg+xml" href="/images/Favicon.svg">
47    <link rel="icon" type="image/png" sizes="96x96" href="/images/favicon-96x96.png">
48    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
49    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
50    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
51    <link rel="manifest" href="/site.webmanifest">
52
53    <!-- Дополнительные SEO мета-теги -->
54    <meta name="format-detection" content="telephone=no">
55    <meta name="HandheldFriendly" content="true">
56    <meta name="apple-mobile-web-app-title" content="FITTIN">
57    <meta name="application-name" content="FITTIN">
58    <meta name="msapplication-TileColor" content="#000000">
59    <link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#000000">
60
61    <!-- Предварительная загрузка ресурсов для улучшения Core Web Vitals -->
62    <!-- Предзагрузка критических ресурсов -->
63    <link rel="preload" href="css/fonts.css?v=3.2" as="style">
64
65    <!-- Preconnect для внешних доменов для оптимизации критического пути -->
66    <link rel="preconnect" href="https://mc.yandex.ru">
67
68    <!-- Yandex.Metrika counter -->
69    
69<script type="text/javascript">
70        (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
71        m[i].l=1*new Date();
72        for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
73        k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
74        (window, document, "script", "https://mc.yandex.ru/metrika/tag.js?id=104370182", "ym");
75
76        ym(104370182, "init", {
77            ssr:true,
78            webvisor:true,
79            clickmap:true,
80            ecommerce:"dataLayer",
81            accurateTrackBounce:true,
82            trackLinks:true
83        });
84    </script>
84
85    <noscript><div><img src="https://mc.yandex.ru/watch/104370182" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
86    <!-- /Yandex.Metrika counter -->
87    <link rel="preconnect" href="https://unpkg.com">
88    <link rel="preconnect" href="https://ainews-back.fittin.ru">
89
90    <!-- DNS prefetch для дополнительных доменов -->
91    <link rel="dns-prefetch" href="//t.me">
92    <link rel="dns-prefetch" href="//hr-portal.fittin.ru">
93    <link rel="dns-prefetch" href="//ai-search.fittin.ru">
94    <link rel="dns-prefetch" href="//ai-assist.online">
95    <link rel="dns-prefetch" href="//ai-recruiter.fittin.ru">
96
97    <!-- Preload критических JavaScript модулей -->
98    <link rel="modulepreload" href="js/site-config.js">
99    <link rel="modulepreload" href="js/header-include.js?v=3.3">
100
101
102    <link rel="preload" href="fonts/Gilroy-Regular.woff" as="font" type="font/woff" crossorigin>
103    <link rel="preload" href="fonts/Gilroy-SemiBold.woff" as="font" type="font/woff" crossorigin>
104    <link rel="preload" href="fonts/Gilroy-Bold.woff" as="font" type="font/woff" crossorigin>
105
106    <!-- Предзагрузка критических изображений для LCP оптимизации -->
107    <link rel="preload" href="images/Hero-block-logo.png" as="image" media="(min-width: 769px)" fetchpriority="high">
108    <link rel="preload" href="images/hero-block-mob-shrt.webp" as="image" media="(max-width: 768px)" fetchpriority="high">
109
110    <!-- Критические инлайн-стили для устранения блокирующих запросов -->
111    <style>
112        /* Критические стили для первого экрана */
113        * {
114            box-sizing: border-box;
115        }
116
117        :root {
118            --anim-duration-base: 0.3s;
119            --anim-duration-slow: 0.5s;
120            --anim-duration-fast: 0.2s;
121        }
122
123        html {
124            height: 100%;
125            background-color: black;
126        }
127
128        body {
129            margin: 0;
130            background-color: #f8f9fa;
131            color: white;
132            position: relative;
133            min-height: 100vh;
134            overflow-x: hidden;
135            font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
136        }
137
138        /* Критические стили header */
139        .header {
140            position: fixed;
141            top: 0;
142            left: 0;
143            width: 100%;
144            background-color: rgba(255, 255, 255, 0.95);
145            backdrop-filter: blur(10px);
146            z-index: 1000;
147            padding: 15px 0;
148        }
149
150        .header__container {
151            max-width: 1200px;
152            margin: 0 auto;
153            padding: 0 20px;
154            display: flex;
155            align-items: center;
156            justify-content: space-between;
157        }
158
159        /* Критические стили hero блока (inline для LCP — не зависит от async hero-block.css) */
160        .hero {
161            position: relative;
162            width: 100%;
163            background: linear-gradient(to bottom left, #FBF6F2 0%, #EAE2DB 100%);
164            overflow: hidden;
165            display: flex;
166            align-items: center;
167        }
168
169        .hero > * {
170            position: relative;
171            z-index: 2;
172        }
173
174        .hero__content {
175            position: relative;
176            z-index: 10;
177            width: 100%;
178            max-width: 1400px;
179            margin: 0 auto;
180            padding: 120px 40px 80px 40px;
181            box-sizing: border-box;
182            display: flex;
183            flex-direction: column;
184            align-items: center;
185            min-height: calc(100vh - 180px);
186        }
187
188        .hero__title-top {
189            width: 100%;
190            max-width: 1200px;
191            margin: 20px auto 60px;
192            text-align: left;
193        }
194
195        .hero__title-main {
196            font-family: 'Gilroy', sans-serif;
197            font-size: clamp(60px, 14vw, 200px);
198            line-height: 1;
199            font-weight: 600;
200            text-transform: uppercase;
201            color: #FF6B00;
202            display: inline-block;
203            width: 100%;
204            text-align: left;
205        }
206
207        .hero__title-orange {
208            color: #FF6B00;
209        }
210
211        .text-container {
212            display: flex;
213            flex-direction: column;
214            gap: 40px;
215            width: 100%;
216            max-width: 1200px;
217            margin-bottom: 40px;
218        }
219
220        .text-left {
221            width: 100%;
222        }
223
224        .hero h1 {
225            font-family: 'Gilroy', sans-serif;
226            font-size: 60px;
227            line-height: 1;
228            color: #333;
229            margin: 0;
230            padding: 0;
231            font-weight: 700;
232            text-transform: uppercase;
233            text-align: left;
234        }
235
236        .hero h1 span {
237            display: block;
238            text-align: left;
239        }
240
241        .hero__title-black {
242            color: #000000;
243        }
244
245        .hero__buttons {
246            display: flex;
247            flex-direction: row;
248            gap: 20px;
249            align-items: center;
250            flex-wrap: wrap;
251            margin-top: auto;
252            width: 100%;
253            max-width: 1200px;
254        }
255
256        .hero .cta-button {
257            display: inline-flex;
258            align-items: center;
259            justify-content: center;
260            padding: 16px 40px;
261            height: 56px;
262            font-size: 16px;
263            font-weight: 600;
264            text-transform: uppercase;
265            letter-spacing: 0.5px;
266            border-radius: 28px;
267            background-color: #FF6B00;
268            color: #ffffff;
269            border: none;
270            text-decoration: none;
271            transition: all 0.3s ease;
272            white-space: nowrap;
273        }
274
275        .hero .cta-button:hover {
276            transform: scale(1.05);
277            background-color: #ff7a1a;
278            box-shadow: 0 6px 20px rgba(255, 107, 0, 0.3);
279        }
280
281        .hero .cta-button:active {
282            transform: scale(0.98);
283        }
284
285        .hero .cta-button-secondary {
286            display: inline-flex;
287            align-items: center;
288            justify-content: center;
289            padding: 16px 40px;
290            height: 56px;
291            font-size: 16px;
292            font-weight: 600;
293            text-transform: uppercase;
294            letter-spacing: 0.5px;
295            border-radius: 28px;
296            background-color: #ffffff;
297            color: #000000;
298            border: none;
299            text-decoration: none;
300            transition: all 0.3s ease;
301            white-space: nowrap;
302        }
303
304        .hero .cta-button-secondary:hover {
305            background-color: #f0f0f0;
306            transform: scale(1.05);
307        }
308
309        .hero .cta-button-secondary:active {
310            transform: scale(0.98);
311        }
312
313        .hero-description {
314            font-family: 'Gilroy', sans-serif;
315            font-size: 18px;
316            line-height: 1.5;
317            color: #000000;
318            margin: 0;
319            text-align: left;
320            max-width: 320px;
321            align-self: flex-end;
322        }
323
324        @media (max-width: 1200px) {
325            .hero__content {
326                max-width: 1100px;
327                padding: 40px 40px 60px 40px;
328            }
329
330            .hero__title-top {
331                margin-bottom: 50px;
332            }
333
334            .hero h1 {
335                font-size: 52px;
336            }
337
338            .hero .cta-button,
339            .hero .cta-button-secondary {
340                font-size: 16px;
341                height: 54px;
342            }
343
344            .hero-description {
345                font-size: 18px;
346                max-width: 250px;
347            }
348        }
349
350        @media (max-width: 1024px) {
351            .hero__content {
352                padding: 40px 30px 50px 30px;
353            }
354
355            .hero__title-top {
356                margin-bottom: 45px;
357            }
358
359            .hero h1 {
360                font-size: 46px;
361            }
362
363            .hero .cta-button,
364            .hero .cta-button-secondary {
365                padding: 14px 32px;
366                height: 52px;
367                font-size: 16px;
368            }
369
370            .hero-description {
371                font-size: 18px;
372                max-width: 230px;
373            }
374        }
375
376        @media (max-width: 1110px) and (min-width: 769px) {
377            .hero__content {
378                padding-top: 0;
379            }
380
381            .hero__title-top {
382                text-align: left;
383            }
384
385            .hero__title-main {
386                text-align: left;
387            }
388
389            .hero-description {
390                margin-top: 16px;
391                align-self: flex-start;
392                text-align: left;
393                max-width: 340px;
394            }
395        }
396
397        @media (max-width: 768px) {
398            .hero {
399                min-height: 100vh;
400            }
401
402            .hero__content {
403                padding: 40px 20px 40px 20px;
404            }
405
406            .hero__title-top {
407                margin-bottom: 40px;
408            }
409
410            .hero h1 {
411                font-size: 52px;
412                line-height: 1;
413            }
414
415            .text-container {
416                gap: 35px;
417            }
418
419            .hero__buttons {
420                gap: 15px;
421            }
422
423            .hero .cta-button,
424            .hero .cta-button-secondary {
425                padding: 12px 28px;
426                height: 50px;
427                font-size: 16px;
428            }
429
430            .hero-description {
431                font-size: 16px;
432                max-width: 60%;
433                margin-left: 0;
434                align-self: flex-start;
435            }
436
437            .hero-desktop-br {
438                display: none;
439            }
440        }
441
442        @media (max-width: 480px) {
443            .hero__content {
444                padding: 40px 15px 30px 15px;
445                min-height: calc(100vh - 70px);
446            }
447
448            .hero__title-top {
449                margin-bottom: 20px;
450            }
451
452            .hero h1 {
453                font-size: 36px;
454            }
455
456            .text-container {
457                gap: 25px;
458                margin-bottom: 25px;
459            }
460
461            .hero__buttons {
462                flex-direction: column;
463                gap: 12px;
464                align-items: flex-start;
465                width: 100%;
466            }
467
468            .hero .cta-button,
469            .hero .cta-button-secondary {
470                width: 100%;
471                height: 48px;
472                font-size: 14px;
473                padding: 10px 20px;
474            }
475
476            .hero-description {
477                font-size: 16px;
478                max-width: 100%;
479                align-self: flex-start;
480            }
481        }
482
483        @media (max-width: 360px) {
484            .hero h1 {
485                font-size: 32px;
486            }
487
488            .hero-description {
489                font-size: 16px;
490            }
491        }
492
493        @media (max-width: 320px) {
494            .hero h1 {
495                font-size: 28px;
496            }
497
498            .hero .cta-button,
499            .hero .cta-button-secondary {
500                font-size: 12px;
501                height: 44px;
502            }
503
504            .hero-description {
505                font-size: 13px;
506            }
507        }
508
509        @media (max-height: 600px) and (orientation: landscape) {
510            .hero {
511                min-height: 100vh;
512            }
513
514            .hero__content {
515                padding: 30px 40px 30px 40px;
516                min-height: calc(100vh - 60px);
517            }
518
519            .hero__title-top {
520                margin-bottom: 25px;
521            }
522
523            .hero h1 {
524                font-size: 32px;
525            }
526
527            .text-container {
528                gap: 20px;
529                margin-bottom: 25px;
530            }
531
532            .hero__buttons {
533                gap: 12px;
534            }
535
536            .hero .cta-button,
537            .hero .cta-button-secondary {
538                height: 44px;
539                font-size: 11px;
540                padding: 10px 20px;
541            }
542
543            .hero-description {
544                font-size: 11px;
545            }
546        }
547
548        /* Основные контейнеры */
549        .principle__container,
550        .cases__container,
551        .products__container,
552        .workflow__container {
553            max-width: 1200px;
554            margin: 0 auto;
555            width: 100%;
556            padding: 0 16px;
557        }
558
559        /* Безопасное скрытие некритических элементов с предотвращением CLS */
560        .cases, .products, .workflow, .testimonials, .social-media, .news, .faq, .contact-form {
561            opacity: 0.3;
562            transition: opacity 0.3s ease;
563            /* Резервируем минимальную высоту для предотвращения CLS */
564            min-height: 200px;
565            /* Стабилизируем макет */
566            contain: layout style;
567        }
568
569        body.loaded .cases,
570        body.loaded .products,
571        body.loaded .workflow,
572        body.loaded .testimonials,
573        body.loaded .social-media,
574        body.loaded .news,
575        body.loaded .faq,
576        body.loaded .contact-form {
577            opacity: 1;
578        }
579
580        /* Fallback для случаев без JavaScript */
581        .no-js .cases,
582        .no-js .products,
583        .no-js .workflow,
584        .no-js .testimonials,
585        .no-js .social-media,
586        .no-js .news,
587        .no-js .faq,
588        .no-js .contact-form {
589            opacity: 1 !important;
590        }
591
592        /* Стили для блока грядущего мероприятия */
593        .upcoming-event {
594            background: #fff;
595            padding-top: 80px;
596        }
597
598        /* Блок мероприятия скрыт по умолчанию, JS покажет если дата не прошла */
599        section.upcoming-event {
600            display: none;
601        }
602
603        .upcoming-event-section__title {
604            font-size: 36px;
605            color: #000;
606            margin-bottom: 40px;
607            text-transform: uppercase;
608            text-align: left;
609            font-weight: 700;
610            line-height: 1.2;
611            max-width: 1168px;
612            margin-left: auto;
613            margin-right: auto;
614            padding: 0 20px;
615        }
616
617        .upcoming-event__content {
618            display: flex;
619            align-items: stretch;
620            gap: 1.75rem;
621            max-width: 1168px;
622            margin: 0 auto;
623            padding: 0 20px;
624        }
625
626        .upcoming-event__left {
627            flex: 0 0 40%;
628            display: flex;
629            flex-direction: column;
630            gap: 1.75rem;
631        }
632
633        .upcoming-event__right-link {
634            display: block;
635            text-decoration: none;
636            color: inherit;
637        }
638
639        .upcoming-event__right {
640            flex: 1;
641            background: #fff;
642            border-radius: 16px;
643            border: 1px solid #e5e5e5;
644            overflow: hidden;
645            height: 100%;
646        }
647
648        /* Основная плашка с информацией о мероприятии */
649        .upcoming-event__main-card {
650            background: linear-gradient(135deg, #4A5568, #718096);
651            color: white;
652            padding: 2rem;
653            border-radius: 16px;
654            position: relative;
655        }
656
657        /* Бейдж со скидкой */
658        .upcoming-event__discount-badge {
659            position: absolute;
660            top: 3%;
661            right: 15%;
662            background: #ffffff;
663            color: #333;
664            padding: 0.8rem 1.2rem;
665            border-radius: 12px;
666            border: 1px solid #e5e7eb;
667            z-index: 20;
668            text-align: center;
669            min-width: 160px;
670        }
671
672        .upcoming-event__discount-text {
673            font-size: 0.8rem;
674            font-weight: 600;
675            text-transform: uppercase;
676            margin-bottom: 0.2rem;
677            opacity: 0.9;
678        }
679
680        .upcoming-event__discount-percent {
681            font-size: 1.4rem;
682            font-weight: 800;
683            line-height: 1;
684            color: #FF6B00;
685        }
686
687        /* Модальное окно расписания */
688        .schedule-modal {
689            display: none;
690            position: fixed;
691            top: 0;
692            left: 0;
693            width: 100%;
694            height: 100%;
695            z-index: 1000;
696        }
697
698        .schedule-modal.active {
699            display: flex;
700            align-items: center;
701            justify-content: center;
702        }
703
704        .schedule-modal__overlay {
705            position: absolute;
706            top: 0;
707            left: 0;
708            width: 100%;
709            height: 100%;
710            background: rgba(0, 0, 0, 0.7);
711            backdrop-filter: blur(5px);
712        }
713
714        .schedule-modal__content {
715            position: relative;
716            background: white;
717            border-radius: 16px;
718            max-width: 900px;
719            width: 90%;
720            max-height: 80vh;
721            overflow: hidden;
722            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
723            animation: modalSlideIn 0.3s ease-out;
724            display: flex;
725        }
726
727        @keyframes modalSlideIn {
728            from {
729                opacity: 0;
730                transform: translateY(-50px) scale(0.9);
731            }
732            to {
733                opacity: 1;
734                transform: translateY(0) scale(1);
735            }
736        }
737
738        .schedule-modal__header {
739            background: none;
740            color: white;
741            padding: 2rem 1.5rem;
742            display: flex;
743            flex-direction: column;
744            justify-content: center;
745            align-items: center;
746            min-width: 100px;
747            position: relative;
748        }
749
750        .schedule-modal__title {
751            font-size: 6rem;
752            font-weight: 700;
753            margin: 0;
754            text-transform: uppercase;
755            letter-spacing: 2px;
756            writing-mode: vertical-rl;
757            text-orientation: mixed;
758            transform: rotate(180deg);
759            color: #FF6B00;
760        }
761
762        .schedule-modal__close {
763            background: none;
764            border: none;
765            color: #6B7280;
766            font-size: 2rem;
767            font-weight: 300;
768            cursor: pointer;
769            padding: 0;
770            width: 40px;
771            height: 40px;
772            display: flex;
773            align-items: center;
774            justify-content: center;
775            transition: color 0.3s ease;
776            position: absolute;
777            top: 1rem;
778            right: 1rem;
779            z-index: 1001;
780        }
781
782        .schedule-modal__close:hover {
783            color: #374151;
784        }
785
786        .schedule-modal__body {
787            padding: 2rem 2rem 2rem 0;
788            max-height: 80vh;
789            overflow-y: auto;
790            flex: 1;
791            display: flex;
792            flex-direction: column;
793        }
794
795        .schedule-item {
796            display: flex;
797            gap: 1rem;
798            padding: 1.5rem 0;
799            position: relative;
800        }
801
802        .schedule-item::before {
803            content: '';
804            position: absolute;
805            left: 80px;
806            top: 0;
807            bottom: 0;
808            width: 1px;
809            background: #000;
810        }
811
812        .schedule-item__time {
813            font-size: 1.5rem;
814            font-weight: 700;
815            color: #000;
816            min-width: 80px;
817            flex-shrink: 0;
818            text-align: left;
819        }
820
821        .schedule-item__content {
822            flex: 1;
823            padding-left: 1rem;
824        }
825
826        .schedule-item__title {
827            font-size: 1.5rem;
828            font-weight: 700;
829            color: #000;
830            margin-bottom: 0.5rem;
831            text-transform: uppercase;
832            letter-spacing: 0.5px;
833        }
834
835        .schedule-item__description {
836            font-size: 0.95rem;
837            color: #000;
838            line-height: 1.5;
839            font-weight: 400;
840        }
841
842        @media (max-width: 768px) {
843            .schedule-modal__content {
844                width: 95%;
845                margin: 1rem;
846                flex-direction: column;
847            }
848
849            .schedule-modal__header {
850                padding: 1rem 1.5rem;
851                min-width: auto;
852                flex-direction: row;
853                justify-content: space-between;
854            }
855
856            .schedule-modal__title {
857                font-size: 1.5rem;
858                writing-mode: horizontal-tb;
859                transform: none;
860                letter-spacing: 1px;
861                color: #FF6B00;
862            }
863
864            .schedule-modal__close {
865                position: absolute;
866                top: 0.5rem;
867                right: 0.5rem;
868                width: 35px;
869                height: 35px;
870                font-size: 1.8rem;
871            }
872
873            .schedule-modal__body {
874                padding: 1.5rem;
875            }
876
877            .schedule-item {
878                flex-direction: column;
879                gap: 0.5rem;
880                padding-left: 0;
881            }
882
883            .schedule-item::before {
884                display: none;
885            }
886
887            .schedule-item__time {
888                min-width: auto;
889                font-size: 1rem;
890                margin-bottom: 0.5rem;
891            }
892
893            .upcoming-event-section__title {
894                padding: 0;
895                font-size: 24px;
896                margin-bottom: 20px;
897            }
898
899            .schedule-item__content {
900                padding-left: 0;
901            }
902
903            .schedule-item__title {
904                font-size: 1.1rem;
905            }
906
907            .schedule-item__description {
908                font-size: 0.9rem;
909            }
910        }
911
912
913        .upcoming-event__status-badge {
914            position: absolute;
915            top: 1.5rem;
916            right: 1.5rem;
917            padding: 0.4rem 1rem;
918            border-radius: 20px;
919            font-size: 0.8rem;
920            font-weight: 600;
921            text-transform: uppercase;
922            letter-spacing: 0.5px;
923            background: #FF6B00;
924            color: #fff;
925        }
926
927        .upcoming-event__title {
928            font-size: 1.6rem;
929            font-weight: 700;
930            color: white;
931            margin-top: 0;
932            margin-bottom: 1.5rem;
933            line-height: 1.3;
934        }
935
936        .upcoming-event__location {
937            margin-bottom: 1rem;
938        }
939
940        .upcoming-event__location-item {
941            font-size: 1rem;
942            color: white;
943            font-weight: 500;
944            margin-bottom: 0.3rem;
945        }
946
947        .upcoming-event__date {
948            font-size: 1.4rem;
949            color: white;
950            font-weight: 700;
951            margin-bottom: 1.5rem;
952            text-transform: uppercase;
953        }
954
955        .upcoming-event__links {
956            display: flex;
957            gap: 1.5rem;
958            align-items: center;
959        }
960
961        .upcoming-event__about-link {
962            color: white;
963            text-decoration: none;
964            font-size: 1rem;
965            font-weight: 600;
966            display: inline-block;
967            transition: color 0.3s ease;
968            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
969        }
970
971        .upcoming-event__about-link:hover {
972            color: #FF6B00;
973            border-bottom-color: #FF6B00;
974        }
975
976        .upcoming-event__schedule-link {
977            background: none;
978            border: none;
979            color: white;
980            text-decoration: none;
981            font-size: 1rem;
982
983            line-height: 25px;
984            display: inline-block;
985            transition: color 0.3s ease;
986            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
987            cursor: pointer;
988            padding: 0;
989        }
990
991        .upcoming-event__schedule-link:hover {
992            color: #FF6B00;
993            border-bottom-color: #FF6B00;
994        }
995
996        /* Плашка "Что вас ожидает" */
997        .upcoming-event__expectations-card {
998            background: #EDEDED;
999            padding: 1.5rem;
1000            border-radius: 16px;
1001            flex: 1;
1002            display: flex;
1003            flex-direction: column;
1004            justify-content: space-between;
1005        }
1006
1007        .upcoming-event__expectations-title {
1008            font-size: 1.2rem;
1009            font-weight: 700;
1010            color: #000;
1011            margin-bottom: 1rem;
1012            text-transform: uppercase;
1013        }
1014
1015        .upcoming-event__expectations-list {
1016            list-style: none;
1017            padding: 0;
1018            margin: 0;
1019        }
1020
1021        .upcoming-event__expectations-list li {
1022            font-size: 1rem;
1023            color: #000;
1024            margin-bottom: 0.4rem;
1025            padding-left: 1.5rem;
1026            position: relative;
1027        }
1028
1029        .upcoming-event__expectations-list li:before {
1030            content: "■";
1031            color: #000;
1032            font-weight: bold;
1033            position: absolute;
1034            left: 0;
1035        }
1036
1037        .upcoming-event__discount-text-card {
1038            color: #FF6B00;
1039            font-weight: 700;
1040            font-size: 1.1rem;
1041            text-align: left;
1042            text-transform: uppercase;
1043        }
1044
1045        /* Слайдер докладов */
1046        .upcoming-event__slider {
1047            position: relative;
1048            height: 100%;
1049            min-height: 450px;
1050        }
1051
1052        .upcoming-event__slider-content {
1053            display: flex;
1054            transition: transform 0.8s ease;
1055            height: 100%;
1056            width: 100%;
1057        }
1058
1059        .upcoming-event__slide {
1060            min-width: 100%;
1061            max-width: 100%;
1062            display: flex;
1063            flex-direction: column;
1064            opacity: 0;
1065            transition: opacity 0.4s ease;
1066            height: 100%;
1067            overflow: hidden;
1068            box-sizing: border-box;
1069            padding: 2rem;
1070        }
1071
1072        .upcoming-event__slide.active {
1073            opacity: 1;
1074        }
1075
1076        .upcoming-event__slide-header {
1077            display: flex;
1078            justify-content: space-between;
1079            align-items: flex-start;
1080            margin-bottom: 1rem;
1081        }
1082
1083        .upcoming-event__header-right {
1084            display: flex;
1085            flex-direction: column;
1086            align-items: flex-end;
1087            gap: 0.5rem;
1088        }
1089
1090        .upcoming-event__speakers {
1091            display: flex;
1092            flex-direction: column;
1093            gap: 1rem;
1094        }
1095
1096        .upcoming-event__speaker-info {
1097            display: flex;
1098            align-items: center;
1099            gap: 1rem;
1100        }
1101
1102        .upcoming-event__speaker-avatar {
1103            width: 60px;
1104            height: 60px;
1105            border-radius: 50%;
1106            object-fit: cover;
1107            border: 2px solid #e2e8f0;
1108        }
1109
1110        .upcoming-event__speaker-details {
1111            flex: 1;
1112        }
1113
1114        .upcoming-event__speaker-name {
1115            font-size: 1rem;
1116            font-weight: 600;
1117            color: #333;
1118            margin-bottom: 0.2rem;
1119        }
1120
1121        .upcoming-event__speaker-position {
1122            font-size: 0.9rem;
1123            color: #666;
1124        }
1125
1126        .upcoming-event__talk-time {
1127            font-size: 1rem;
1128            color: #666;
1129            font-weight: 500;
1130        }
1131
1132        .upcoming-event__slide-content {
1133            display: flex;
1134            flex-direction: column;
1135            height: auto;
1136            min-height: 300px;
1137            padding-bottom: 80px;
1138        }
1139
1140        .upcoming-event__talk-title {
1141            font-size: 2.5rem;
1142            font-weight: 700;
1143            color: #000;
1144            margin-top: 1rem;
1145            margin-bottom: 1rem;
1146            line-height: 1.1;
1147        }
1148
1149        .upcoming-event__talk-badge {
1150            display: inline-block;
1151            background: #FF6B00;
1152            color: #fff;
1153            padding: 0.5rem 1rem;
1154            border-radius: 4px;
1155            font-size: 0.9rem;
1156            font-weight: 600;
1157            text-transform: uppercase;
1158            margin-bottom: 1.5rem;
1159        }
1160
1161        .upcoming-event__talk-description {
1162            font-size: 1.1rem;
1163            color: #000;
1164            margin-bottom: 2rem;
1165            line-height: 1.4;
1166        }
1167
1168        .upcoming-event__key-topics-title {
1169            font-size: 1rem;
1170            font-weight: 700;
1171            color: #000;
1172            margin-bottom: 1rem;
1173            text-transform: uppercase;
1174        }
1175
1176        .upcoming-event__key-topics-list {
1177            list-style: none;
1178            padding: 0;
1179            margin: 0;
1180        }
1181
1182        .upcoming-event__key-topics-list li {
1183            font-size: 1rem;
1184            font-weight: 600;
1185            color: #000;
1186            margin-bottom: 0.8rem;
1187            padding-left: 1.5rem;
1188            position: relative;
1189            line-height: 1.4;
1190        }
1191
1192        .upcoming-event__key-topics-list li:before {
1193            content: "■";
1194            color: #000;
1195            font-weight: bold;
1196            position: absolute;
1197            left: 0;
1198        }
1199
1200
1201        .upcoming-event__slider-dots {
1202            display: flex;
1203            justify-content: center;
1204            gap: 12px;
1205            padding: 2rem 2rem;
1206            backdrop-filter: blur(10px);
1207            position: absolute;
1208            bottom: 0;
1209            left: 0;
1210            right: 0;
1211            z-index: 10;
1212        }
1213
1214        .upcoming-event__slider-dot {
1215            width: 40px;
1216            height: 6px;
1217            border-radius: 3px;
1218            background: #d1d5db;
1219            cursor: pointer;
1220            transition: all 0.3s ease;
1221            border: none;
1222            padding: 0;
1223        }
1224
1225        .upcoming-event__slider-dot.active {
1226            background: #FF6B00;
1227            width: 50px;
1228        }
1229
1230        .upcoming-event__slider-dot:hover {
1231            background: #6b7280;
1232        }
1233
1234        .upcoming-event__slider-dot.active:hover {
1235            background: #000;
1236        }
1237
1238        /* Адаптивность для блока мероприятия */
1239        @media (max-width: 992px) {
1240            .upcoming-event__content {
1241                flex-direction: column;
1242                gap: 20px;
1243            }
1244
1245            .upcoming-event__left {
1246                flex: none;
1247                gap: 20px;
1248            }
1249
1250            .upcoming-event__slider {
1251                min-height: 400px;
1252            }
1253
1254            .upcoming-event {
1255                padding: 40px 20px;
1256            }
1257        }
1258
1259        @media (max-width: 768px) {
1260            .upcoming-event {
1261                padding: 60px 20px;
1262            }
1263
1264            .upcoming-event__content {
1265                gap: 1rem;
1266                padding: 0;
1267            }
1268
1269            .upcoming-event__main-card {
1270                padding: 1.5rem;
1271            }
1272
1273            .upcoming-event__discount-badge {
1274                top: -15px;
1275                right: -8px;
1276                padding: 0.6rem 1rem;
1277                min-width: 140px;
1278            }
1279
1280            .upcoming-event__discount-text {
1281                font-size: 0.7rem;
1282            }
1283
1284            .upcoming-event__discount-percent {
1285                font-size: 1.2rem;
1286            }
1287
1288            .upcoming-event__expectations-card {
1289                padding: 1.2rem;
1290            }
1291
1292            .upcoming-event__discount-text-card {
1293                font-size: 1rem;
1294                margin-top: 1.2rem;
1295            }
1296
1297            .upcoming-event__title {
1298                font-size: 1.4rem;
1299                margin-bottom: 1rem;
1300            }
1301
1302            .upcoming-event__title br {
1303                display: none;
1304            }
1305
1306            .upcoming-event__date {
1307                font-size: 1.2rem;
1308                margin-bottom: 1rem;
1309            }
1310
1311            .upcoming-event__location-item {
1312                font-size: 0.9rem;
1313            }
1314
1315            .upcoming-event__expectations-title {
1316                font-size: 1rem;
1317            }
1318
1319            .upcoming-event__expectations-list li {
1320                font-size: 0.9rem;
1321            }
1322
1323            .upcoming-event__slider {
1324                min-height: 350px;
1325            }
1326
1327            .upcoming-event__slide {
1328                padding: 1.5rem;
1329            }
1330
1331            .upcoming-event__slide-header {
1332                flex-direction: column;
1333                gap: 1rem;
1334            }
1335
1336            .upcoming-event__speakers {
1337                width: 100%;
1338            }
1339
1340            .upcoming-event__speaker-info {
1341                width: 100%;
1342            }
1343
1344            .upcoming-event__header-right {
1345                align-items: flex-start;
1346                width: 100%;
1347            }
1348
1349            .upcoming-event__talk-title {
1350                font-size: 2rem;
1351                margin-bottom: 0.8rem;
1352            }
1353
1354            .upcoming-event__talk-badge {
1355                font-size: 0.8rem;
1356                padding: 0.4rem 0.8rem;
1357                margin-bottom: 1rem;
1358            }
1359
1360            .upcoming-event__talk-description {
1361                font-size: 1rem;
1362                margin-bottom: 1.5rem;
1363            }
1364
1365            .upcoming-event__key-topics-title {
1366                font-size: 0.9rem;
1367                margin-bottom: 0.8rem;
1368            }
1369
1370            .upcoming-event__key-topics-list li {
1371                font-size: 0.9rem;
1372                font-weight: 600;
1373                margin-bottom: 0.6rem;
1374            }
1375
1376
1377            .upcoming-event__slider-dots {
1378                padding: 0.8rem 1.5rem;
1379                gap: 8px;
1380            }
1381
1382            .upcoming-event__slide-content {
1383                padding-bottom: 70px;
1384            }
1385
1386            .upcoming-event__slider-dot {
1387                width: 30px;
1388                height: 4px;
1389            }
1390
1391            .upcoming-event__slider-dot.active {
1392                width: 40px;
1393            }
1394        }
1395
1396        @media (max-width: 480px) {
1397            .upcoming-event {
1398                padding: 40px 15px;
1399            }
1400
1401            .upcoming-event__main-card {
1402                padding: 1.2rem;
1403            }
1404
1405            .upcoming-event__discount-badge {
1406                top: -12px;
1407                right: -6px;
1408                padding: 0.5rem 0.8rem;
1409                min-width: 120px;
1410            }
1411
1412            .upcoming-event__discount-text {
1413                font-size: 0.65rem;
1414            }
1415
1416            .upcoming-event__discount-percent {
1417                font-size: 1rem;
1418            }
1419
1420            .upcoming-event__expectations-card {
1421                padding: 1rem;
1422            }
1423
1424            .upcoming-event__discount-text-card {
1425                font-size: 1rem;
1426                margin-top: 1rem;
1427            }
1428
1429            .upcoming-event__title {
1430                font-size: 1.2rem;
1431            }
1432
1433            .upcoming-event__date {
1434                font-size: 1rem;
1435            }
1436
1437            .upcoming-event__slide {
1438                padding: 1.2rem;
1439            }
1440
1441            .upcoming-event__talk-title {
1442                font-size: 1.8rem;
1443            }
1444
1445            .upcoming-event__speaker-avatar {
1446                width: 50px;
1447                height: 50px;
1448            }
1449
1450            .upcoming-event__speaker-name {
1451                font-size: 0.9rem;
1452            }
1453
1454            .upcoming-event__speaker-position {
1455                font-size: 0.8rem;
1456            }
1457
1458            .upcoming-event__slider-dots {
1459                padding: 0.6rem 1rem 20px 1rem;
1460                gap: 6px;
1461            }
1462
1463            .upcoming-event__slide-content {
1464                padding-bottom: 20px;
1465            }
1466
1467            .upcoming-event__slider-dot {
1468                width: 25px;
1469                height: 3px;
1470            }
1471
1472            .upcoming-event__slider-dot.active {
1473                width: 35px;
1474            }
1475        }
1476    </style>
1477
1478
1479    <!-- END: Общий шаблон head -->
1480
1481    <!-- Основные мета-теги -->
1482    <!-- ⚠️ КРИТИЧЕСКИ ВАЖНО! НЕ ИЗМЕНЯТЬ БЕЗ СОГЛАСОВАНИЯ! ⚠️ -->
1483    <!-- TITLE, DESCRIPTION, KEYWORDS - ОПТИМИЗИРОВАНЫ ДЛЯ SEO -->
1484    <!-- ЛЮБЫЕ ИЗМЕНЕНИЯ МОГУТ НЕГАТИВНО ПОВЛИЯТЬ НА ПОЗИЦИИ В ПОИСКЕ -->
1485    <!-- ДАТА ПОСЛЕДНЕЙ ОПТИМИЗАЦИИ: 24.10.2025 -->
1486    <!-- КОНТАКТ ДЛЯ СОГЛАСОВАНИЯ ИЗМЕНЕНИЙ: SEO-СПЕЦИАЛИСТ -->
1487    <title>Разработка мобильных приложений и сайтов на заказ — FITTIN</title>
1488    <meta name="description"
1489          content="Модульная Flutter-платформа для интернет-магазинов и корпоративного e-commerce. Первый релиз за 2–3 месяца, публикация в сторах. Обсудим ваш проект.">
1490    <meta name="keywords"
1491          content="разработка мобильных приложений на Flutter, Flutter разработка, кроссплатформенная разработка Flutter, разработка приложений Flutter, Flutter приложения, мобильная разработка Flutter, Flutter iOS Android, Flutter разработчики, заказать Flutter приложение, Flutter студия разработки, создание приложений Flutter, Flutter MVP разработка, Flutter eCommerce приложения, Flutter интернет магазин, Flutter с AI интеграцией, быстрая разработка Flutter, профессиональная Flutter разработка, Flutter приложения под ключ, Flutter разработка Москва, Flutter разработка России, кроссплатформенные приложения, мобильные приложения iOS Android, разработка мобильных приложений, создание мобильных приложений, заказать мобильное приложение, мобильная разработка, приложения для бизнеса, FITTIN Flutter, Flutter команда разработки">
1492    <!-- ⚠️ КОНЕЦ КРИТИЧЕСКИ ВАЖНОГО БЛОКА ⚠️ -->
1493
1494
1495    <!-- Технические мета-теги -->
1496    <meta name="robots"
1497          content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1, notranslate">
1498    <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
1499    <meta name="bingbot" content="index, follow">
1500    <meta name="slurp" content="index, follow">
1501    <meta name="facebookexternalhit" content="index, follow">
1502    <meta name="twitterbot" content="index, follow">
1503    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
1504    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
1505    <meta http-equiv="X-UA-Compatible" content="IE=edge">
1506
1507    <!-- Дополнительные SEO метатеги для 2025 -->
1508    <meta name="article:opinion" content="false">
1509    <meta name="article:content_tier" content="free">
1510    <meta name="page-topic" content="Разработка мобильных приложений на Flutter">
1511    <meta name="page-type" content="Главная страница компании">
1512    <meta name="audience" content="Разработчики, IT-директора, Предприниматели, Владельцы бизнеса">
1513    <meta name="content-language" content="ru">
1514    <meta name="geo.region" content="RU">
1515    <meta name="geo.country" content="Russia">
1516
1517    <!-- Метатеги для социальных сигналов -->
1518    <meta name="article:reading_time" content="Различное время чтения">
1519    <meta name="article:word_count" content="Обширный контент">
1520    <meta name="article:expertise_level" content="professional">
1521    <meta name="content:encoded"
1522          content="Профессиональная разработка мобильных приложений на Flutter для iOS и Android с интеграцией AI от лидеров рынка">
1523
1524    <!-- Дополнительные SEO мета-теги для Flutter разработки -->
1525    <meta name="subject" content="Разработка мобильных приложений на Flutter">
1526    <meta name="topic"
1527          content="Flutter разработка, кроссплатформенная разработка, мобильные приложения, разработка под ключ, быстрый запуск приложений, цифровое чтение, инновационные приложения, единая платформа для сайта и приложения, e-commerce решения, fashion ритейл технологии">
1528    <meta name="summary"
1529          content="Профессиональная разработка мобильных приложений на Flutter для iOS и Android с интеграцией AI">
1530    <meta name="Classification" content="Business">
1531    <meta name="designer" content="FITTIN Flutter Team">
1532    <meta name="reply-to" content="[email protected]">
1533    <meta name="owner" content="FITTIN">
1534    <meta name="url" content="https://fittin.ru">
1535    <meta name="identifier-URL" content="https://fittin.ru">
1536    <meta name="directory" content="submission">
1537    <meta name="category" content="Flutter разработка, мобильные приложения, кроссплатформенная разработка">
1538    <meta name="coverage" content="Worldwide">
1539    <meta name="distribution" content="Global">
1540    <meta name="rating" content="General">
1541    <meta name="target" content="all">
1542    <meta name="audience" content="developers, businesses, entrepreneurs">
1543    <meta name="revisit-after" content="7 days">
1544    <meta name="expires" content="3600">
1545    <meta name="cache-control" content="public, max-age=3600, must-revalidate">
1546    <meta name="subtitle" content="Эксперты Flutter-разработки с 2018 года">
1547    <meta name="HandheldFriendly" content="True">
1548    <meta name="MobileOptimized" content="320">
1549    <meta name="pagename" content="Разработка мобильных приложений на Flutter">
1550    <meta name="pagetopic" content="Flutter разработка">
1551    <meta name="page-type" content="Главная страница">
1552    <meta name="abstract"
1553          content="FITTIN - ведущая студия разработки мобильных приложений на Flutter в России. Создаем кроссплатформенные приложения для iOS и Android с интеграцией искусственного интеллекта.">
1554
1555    <!-- Мета-теги для поисковых систем -->
1556    <meta name="google-site-verification" content="v_g2FlF2eZN5Q0fupK9187jM-s6CHaPmKpXIWnxUeU8"/>
1557
1558    <!-- Дополнительные мета-теги для Flutter SEO -->
1559    <meta name="news_keywords"
1560          content="Flutter, разработка приложений, кроссплатформенная разработка, мобильные приложения, iOS, Android, AI интеграция, разработка под ключ, Flutter за 30 дней, быстрая разработка приложений, FITTIN 2025, Flutter против Laravel, e-commerce платформа, цифровая трансформация, Fashouse кейс, конференция ЭЛЕКТРОННАЯ ТОРГОВЛЯ 2025, единая платформа сайт приложение, fashion ритейл технологии, Рейтинг Рунета 2025 чемпионы">
1561    <meta name="standout" content="https://fittin.ru">
1562    <meta name="referrer" content="no-referrer-when-downgrade">
1563    <meta name="format-detection" content="telephone=no, date=no, email=no, address=no">
1564    <meta name="color-scheme" content="light dark">
1565    <meta name="supported-color-schemes" content="light dark">
1566
1567    <!-- Дополнительные метатеги для кэширования и производительности -->
1568    <meta name="copyright" content="Copyright 2025 FITTIN">
1569    <meta name="expires" content="Thu, 31 Dec 2025 23:59:59 GMT">
1570    <meta name="cache-control" content="public, max-age=3600, must-revalidate">
1571    <meta name="syndication-source" content="https://fittin.ru">
1572    <meta name="original-source" content="https://fittin.ru">
1573    <meta name="referrer" content="no-referrer-when-downgrade">
1574    <meta name="format-detection" content="telephone=no, date=no, email=no, address=no">
1575
1576    <!-- Геолокация и регион -->
1577    <meta name="geo.region" content="RU-MOW">
1578    <meta name="geo.placename" content="Москва">
1579    <meta name="geo.position" content="55.7558;37.6173">
1580    <meta name="ICBM" content="55.7558, 37.6173">
1581
1582    <!-- Дополнительные мета-теги для локального SEO -->
1583    <meta name="DC.title" content="Разработка мобильных приложений на Flutter | FITTIN">
1584    <meta name="DC.creator" content="FITTIN">
1585    <meta name="DC.subject" content="Flutter разработка, мобильные приложения, кроссплатформенная разработка">
1586    <meta name="DC.description" content="Профессиональная разработка мобильных приложений на Flutter для iOS и Android">
1587    <meta name="DC.publisher" content="FITTIN">
1588    <meta name="DC.contributor" content="FITTIN Flutter Team">
1589    <meta name="DC.date" content="2025-10-29">
1590    <meta name="DC.type" content="Text">
1591    <meta name="DC.format" content="text/html">
1592    <meta name="DC.identifier" content="https://fittin.ru">
1593    <meta name="DC.source" content="https://fittin.ru">
1594    <meta name="DC.language" content="ru">
1595    <meta name="DC.relation" content="https://fittin.ru">
1596    <meta name="DC.coverage" content="Россия, Москва, Flutter разработка">
1597    <meta name="DC.rights" content="Copyright 2025 FITTIN">
1598
1599    <!-- Мета-теги для местного поиска -->
1600    <meta name="locality" content="Москва">
1601    <meta name="region" content="Московская область">
1602    <meta name="country" content="Россия">
1603    <meta name="zipcode" content="101000">
1604    <meta name="coordinates" content="55.7558, 37.6173">
1605    <meta name="placename" content="Москва, Россия">
1606    <meta name="position" content="55.7558;37.6173">
1607    <meta name="region" content="RU-MOW">
1608
1609
1610    <!-- Дополнительные мета-теги для социальных сетей -->
1611    <!-- ⚠️ НЕ ИЗМЕНЯТЬ! ОПТИМИЗИРОВАНЫ ДЛЯ VK/OK/TELEGRAM ⚠️ -->
1612    <meta property="vk:image" content="https://fittin.ru/images/upbanner.webp">
1613    <meta property="vk:title" content="Разработка мобильных приложений на Flutter | FITTIN">
1614    <meta property="ok:image" content="https://fittin.ru/images/upbanner.webp">
1615    <meta property="telegram:image" content="https://fittin.ru/images/upbanner.webp">
1616
1617    <!-- Мобильные метатеги для SEO -->
1618    <meta name="mobile-web-app-capable" content="yes">
1619    <meta name="apple-mobile-web-app-title" content="FITTIN Flutter Разработка">
1620    <meta name="application-name" content="FITTIN Flutter">
1621    <meta name="apple-touch-startup-image" content="https://fittin.ru/images/upbanner.webp">
1622    <meta name="apple-touch-fullscreen" content="yes">
1623    <meta name="mobile-web-app-status-bar-style" content="black-translucent">
1624    <meta name="MobileOptimized" content="width">
1625    <meta name="HandheldFriendly" content="true">
1626    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
1627
1628    <!-- Дополнительные мета-теги для мобильных устройств (дублирующие удалены) -->
1629    <meta name="msapplication-TileColor" content="#000000">
1630    <meta name="msapplication-TileImage" content="https://fittin.ru/images/upbanner.webp">
1631    <meta name="msapplication-square70x70logo" content="https://fittin.ru/images/upbanner.webp">
1632    <meta name="msapplication-square150x150logo" content="https://fittin.ru/images/upbanner.webp">
1633    <meta name="msapplication-wide310x150logo" content="https://fittin.ru/images/upbanner.webp">
1634    <meta name="msapplication-square310x310logo" content="https://fittin.ru/images/upbanner.webp">
1635    <meta name="msapplication-notification" content="frequency=30;polling-uri=https://fittin.ru/notifications/">
1636
1637    <!-- Дублирующие предзагрузки удалены -->
1638
1639    <!-- Канонический URL -->
1640    <link rel="canonical" href="https://fittin.ru/">
1641    <link rel="alternate" href="https://fittin.ru/" hreflang="ru-RU">
1642    <link rel="alternate" href="https://fittin.ru/" hreflang="x-default">
1643
1644    <!-- Дополнительные мета-теги для Flutter SEO -->
1645    <meta name="article:publisher" content="FITTIN">
1646    <meta name="article:author" content="FITTIN Flutter Team">
1647    <meta name="article:section" content="Flutter разработка">
1648    <meta name="article:tag"
1649          content="Flutter, разработка приложений, кроссплатформенная разработка, мобильные приложения, iOS, Android">
1650    <meta name="article:published_time" content="2025-10-03T10:00:00+03:00">
1651    <meta name="article:modified_time" content="2025-10-03T10:00:00+03:00">
1652
1653    <!-- Мета-теги для поисковых роботов -->
1654    <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
1655    <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
1656    <meta name="slurp" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
1657    <meta name="duckduckbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
1658    <meta name="baiduspider" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
1659    <meta name="yandexbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
1660
1661    <!-- Мета-теги для социальных сетей -->
1662    <meta name="fb:app_id" content="ваш_facebook_app_id">
1663    <meta name="fb:admins" content="ваш_facebook_admin_id">
1664    <meta name="fb:pages" content="ваш_facebook_page_id">
1665
1666    <!-- Мета-теги для улучшения CTR -->
1667    <meta name="rating" content="5 stars">
1668    <meta name="price" content="От 300 000 рублей">
1669    <meta name="priceCurrency" content="RUB">
1670    <meta name="availability" content="InStock">
1671    <meta name="condition" content="New">
1672    <meta name="priceValidUntil" content="2025-12-31">
1673
1674    <!-- Предзагрузка критических ресурсов -->
1675    <link rel="dns-prefetch" href="//mc.yandex.ru">
1676
1677
1678    <!-- Критические CSS — загружаем синхронно -->
1679    <link rel="preload" href="css/main-critical.css?v=3.0" as="style">
1680    <link rel="preload" href="css/header.css?v=3.4" as="style">
1681    <link rel="stylesheet" href="css/fonts.css?v=3.2">
1682    <link rel="stylesheet" href="css/main-critical.css?v=3.0">
1683    <!-- header.css — критический ресурс: шапка всегда в первом экране, её разметка
1684         статична в HTML. Грузим синхронно, иначе первую секунду шапка стоит без
1685         стилей и мегаменю «вываливается» простыми ссылками (FOUC). -->
1686    <link rel="stylesheet" href="css/header.css?v=3.4">
1687
1688    <!-- Некритические CSS — загружаем асинхронно через preload+onload -->
1689    <link rel="preload" href="css/hero-block.css?v=3.0" as="style" onload="this.onload=null;this.rel='stylesheet'">
1690    <noscript><link rel="stylesheet" href="css/hero-block.css?v=3.0"></noscript>
1691
1692    <link rel="preload" href="css/main-deferred.css?v=5.7" as="style" onload="this.onload=null;this.rel='stylesheet'">
1693    <noscript><link rel="stylesheet" href="css/main-deferred.css?v=5.7"></noscript>
1694
1695    <link rel="preload" href="css/video-showcase.css?v=3.1" as="style" onload="this.onload=null;this.rel='stylesheet'">
1696    <noscript><link rel="stylesheet" href="css/video-showcase.css?v=3.1"></noscript>
1697
1698    <link rel="preload" href="css/reels-widget.css?v=3.1" as="style" onload="this.onload=null;this.rel='stylesheet'">
1699    <noscript><link rel="stylesheet" href="css/reels-widget.css?v=3.1"></noscript>
1700
1701    <link rel="preload" href="css/fix-footer.css?v=3.0" as="style" onload="this.onload=null;this.rel='stylesheet'">
1702    <noscript><link rel="stylesheet" href="css/fix-footer.css?v=3.0"></noscript>
1703
1704    <!-- Детектор JavaScript -->
1705    
1705<script>document.documentElement.classList.remove('no-js');
1706    document.documentElement.classList.add('js');</script>
1706
1707    <noscript>
1708        <style>.no-js .cases, .no-js .products, .no-js .workflow, .no-js .testimonials, .no-js .social-media, .no-js .news, .no-js .faq, .no-js .contact-form {
1709            opacity: 1 !important;
1710        }</style>
1711    </noscript>
1712
1713    <!-- Скрипт для оптимизации Core Web Vitals с обработкой ошибок -->
1714    
1714<script>
1715        // Оптимизация загрузки страницы с защитой от ошибок
1716        (function () {
1717            'use strict';
1718
1719            // Переменные для отслеживания состояния
1720            let isShown = false;
1721            let loadTimeout = null;
1722            const MAX_WAIT_TIME = 3000; // Максимальное время ожидания 3 сек
1723
1724            // Безопасная функция для получения performance.now()
1725            function getTime() {
1726                return (typeof performance !== 'undefined' && performance.now)
1727                    ? performance.now()
1728                    : Date.now();
1729            }
1730
1731            const loadStart = getTime();
1732
1733            // Показываем скрытые элементы с защитой от повторного вызова
1734            function showHiddenElements() {
1735                if (isShown) return;
1736                isShown = true;
1737
1738                // Очищаем timeout
1739                if (loadTimeout) {
1740                    clearTimeout(loadTimeout);
1741                }
1742
1743                try {
1744                    document.body.classList.add('loaded');
1745
1746                    // Безопасный querySelectorAll с fallback
1747                    const selector = '.cases, .products, .workflow, .testimonials, .social-media, .news, .faq, .contact-form';
1748                    const hiddenElements = document.querySelectorAll ?
1749                        document.querySelectorAll(selector) : [];
1750
1751                    // Показываем элементы с предотвращением CLS
1752                    Array.prototype.forEach.call(hiddenElements, function (el, index) {
1753                        if (!el) return;
1754
1755                        setTimeout(function () {
1756                            try {
1757                                // Плавное появление без сдвига макета
1758                                el.style.opacity = '1';
1759                                el.style.minHeight = 'auto'; // Убираем резервную высоту
1760                                el.style.transition = 'opacity 0.3s ease, min-height 0.1s ease 0.3s';
1761
1762                                // Уведомляем о завершении загрузки для аналитики
1763                                if (index === hiddenElements.length - 1 && typeof gtag !== 'undefined') {
1764                                    gtag('event', 'page_load_optimized', {
1765                                        'load_time': getTime() - loadStart
1766                                    });
1767                                }
1768                            } catch (e) {
1769                                // Fallback: просто показываем элемент
1770                                el.style.opacity = '1';
1771                            }
1772                        }, Math.min(index * 50, 500)); // Ограничиваем максимальную задержку
1773                    });
1774
1775                } catch (e) {
1776                    // Критический fallback: убираем все ограничения
1777                    document.documentElement.className += ' force-show';
1778                }
1779            }
1780
1781            // Принудительный показ через timeout (защита от зависания)
1782            function forceShow() {
1783                showHiddenElements();
1784            }
1785
1786            // Устанавливаем защитный timeout
1787            loadTimeout = setTimeout(forceShow, MAX_WAIT_TIME);
1788
1789            // Проверка загрузки критических CSS
1790            function checkCriticalCSS() {
1791                const cssLoaded = window.cssLoaded || {};
1792                const criticalLoaded = cssLoaded.hero && cssLoaded.header;
1793
1794                if (criticalLoaded || getTime() - loadStart > 1500) {
1795                    return true; // Либо загружено, либо ждем слишком долго
1796                }
1797                return false;
1798            }
1799
1800            // Запуск после загрузки DOM с проверкой CSS
1801            function initShow() {
1802                function attemptShow() {
1803                    if (checkCriticalCSS()) {
1804                        showHiddenElements();
1805                    } else {
1806                        // Перепроверяем через 50мс, максимум 10 раз (500мс)
1807                        setTimeout(function () {
1808                            if (getTime() - loadStart < 2000) {
1809                                attemptShow();
1810                            } else {
1811                                showHiddenElements(); // Принудительно показываем
1812                            }
1813                        }, 50);
1814                    }
1815                }
1816
1817                // Небольшая задержка для критических стилей
1818                setTimeout(attemptShow, 100);
1819            }
1820
1821            // Умная инициализация с учетом состояния DOM
1822            if (typeof document !== 'undefined') {
1823                if (document.readyState === 'loading') {
1824                    document.addEventListener('DOMContentLoaded', initShow);
1825                } else if (document.readyState === 'interactive' || document.readyState === 'complete') {
1826                    setTimeout(initShow, 10);
1827                }
1828
1829                // Дополнительная защита для очень медленных соединений
1830                document.addEventListener('load', function () {
1831                    setTimeout(forceShow, 500);
1832                });
1833            }
1834        })();
1835    </script>
1835
1836
1837    <!-- Критические CSS стили для принудительного показа -->
1838    <style>
1839        .force-show .cases,
1840        .force-show .products,
1841        .force-show .workflow,
1842        .force-show .testimonials,
1843        .force-show .social-media,
1844        .force-show .news,
1845        .force-show .faq,
1846        .force-show .contact-form {
1847            opacity: 1 !important;
1848            min-height: auto !important;
1849        }
1850    </style>
1851
1852    <!-- Стили для раскрывающихся FAQ -->
1853    <style>
1854        .faq__question {
1855            cursor: pointer;
1856            transition: all 0.3s ease;
1857        }
1858
1859        .faq__answer {
1860            transition: all 0.3s ease;
1861            overflow: hidden;
1862        }
1863
1864        .faq__icon {
1865            transition: transform 0.3s ease;
1866            position: relative;
1867        }
1868
1869        .faq__icon::before,
1870        .faq__icon::after {
1871            content: '';
1872            position: absolute;
1873            background-color: #FF6B00 !important;
1874            transition: all 0.3s ease;
1875        }
1876
1877        .faq__item.active .faq__icon::before,
1878        .faq__item.active .faq__icon::after {
1879            background-color: #666666 !important;
1880        }
1881
1882        .faq__icon::before {
1883            width: 2px !important;
1884            height: 12px !important;
1885            top: 50% !important;
1886            left: 50% !important;
1887            transform: translate(-50%, -50%) !important;
1888        }
1889
1890        .faq__icon::after {
1891            width: 12px !important;
1892            height: 2px !important;
1893            top: 50% !important;
1894            left: 50% !important;
1895            transform: translate(-50%, -50%) rotate(0deg) !important;
1896        }
1897
1898        .faq__item.active .faq__icon::before {
1899            opacity: 1 !important;
1900            background-color: #666666 !important;
1901        }
1902
1903        .faq__item.active .faq__icon::after {
1904            background-color: #666666 !important;
1905            opacity: 1 !important;
1906            transform: translate(-50%, -50%) rotate(0deg) !important;
1907        }
1908
1909        .faq__item.active .faq__answer {
1910            padding-top: 15px;
1911            padding-bottom: 15px;
1912        }
1913
1914        /* Убираем тени у кнопки "Все вопросы" */
1915        .faq__more-button {
1916            box-shadow: none !important;
1917        }
1918
1919        .faq__more-button:hover {
1920            box-shadow: none !important;
1921        }
1922
1923        /* Стили для блока мероприятий из events.html */
1924        .events-section {
1925            padding: 80px 0;
1926            background: #fff;
1927        }
1928
1929        .events-grid {
1930            display: flex;
1931            flex-direction: column;
1932            gap: 1.5rem;
1933        }
1934
1935        .event-card {
1936            background: #fff;
1937            border-radius: 16px;
1938            overflow: hidden;
1939            transition: all 0.3s ease;
1940            display: flex;
1941            align-items: stretch;
1942        }
1943
1944        .event-card-left {
1945            background: linear-gradient(135deg, #4A5568, #718096);
1946            color: white;
1947            padding: 2rem;
1948            flex: 0 0 33.33%;
1949            display: flex;
1950            flex-direction: column;
1951            justify-content: space-between;
1952            position: relative;
1953            min-height: 300px;
1954            width: 33.33%;
1955            max-width: 33.33%;
1956            overflow: hidden;
1957            border-radius: 24px;
1958        }
1959
1960        .event-card[data-categories*="upcoming"] .event-card-left {
1961            background: linear-gradient(135deg, #4A5568, #718096);
1962        }
1963
1964        .event-card-right {
1965            flex: 1;
1966            padding: 2rem;
1967            display: flex;
1968            flex-direction: column;
1969            justify-content: space-between;
1970            position: relative;
1971            background: #f9f9f9;
1972            border-radius: 24px;
1973        }
1974
1975        .event-card-content {
1976            padding: 0;
1977        }
1978
1979        .event-date {
1980            font-size: 1.8rem;
1981            color: white;
1982            font-weight: 700;
1983            margin-bottom: 1rem;
1984            line-height: 1.1;
1985            text-transform: uppercase;
1986        }
1987
1988        .event-talks-count {
1989            font-size: 1.1rem;
1990            color: white;
1991            font-weight: 600;
1992        }
1993
1994        .event-talk-subtitle {
1995            font-size: 0.8rem;
1996            color: rgba(255, 255, 255, 0.7);
1997            margin-bottom: 1rem;
1998        }
1999
2000        .event-title {
2001            font-size: 1.8rem;
2002            font-weight: 700;
2003            color: #000;
2004            margin-bottom: 0.5rem;
2005            margin-top: 3rem;
2006            line-height: 1.3;
2007            padding-right: 140px;
2008        }
2009
2010        .event-topic {
2011            font-size: 1rem;
2012            color: white;
2013            font-weight: 600;
2014            font-style: italic;
2015            margin-bottom: 1.5rem;
2016            line-height: 1.3;
2017            white-space: normal;
2018            word-wrap: break-word;
2019            overflow-wrap: break-word;
2020            width: 100%;
2021            max-width: 100%;
2022            box-sizing: border-box;
2023        }
2024
2025        .event-status-badge {
2026            position: absolute;
2027            top: 2rem;
2028            right: 2rem;
2029            padding: 0.4rem 1rem;
2030            border-radius: 20px;
2031            font-size: 0.8rem;
2032            font-weight: 600;
2033            text-transform: uppercase;
2034            letter-spacing: 0.5px;
2035        }
2036
2037        .event-status-badge.upcoming {
2038            background: #FF6B00;
2039            color: #fff;
2040            font-weight: 600;
2041            border: none;
2042        }
2043
2044        .event-about-link {
2045            color: #4c576a;
2046            text-decoration: none;
2047            font-size: 18px;
2048            font-weight: 600;
2049            margin-bottom: 1rem;
2050            display: inline-block;
2051            transition: color 0.3s ease;
2052        }
2053
2054        .event-about-link:hover {
2055            color: rgb(119, 119, 119);
2056        }
2057
2058        .event-bottom-section {
2059            display: flex;
2060            justify-content: space-between;
2061            align-items: center;
2062            margin-top: auto;
2063        }
2064
2065        .event-tags {
2066            display: flex;
2067            gap: 0.5rem;
2068            flex-wrap: wrap;
2069        }
2070
2071        .event-tag {
2072            background: #f0f2f5;
2073            color: #666;
2074            padding: 0.3rem 0.8rem;
2075            border-radius: 15px;
2076            font-size: 14px;
2077            font-weight: 500;
2078        }
2079
2080        .event-link-button {
2081            display: flex;
2082            align-items: center;
2083            justify-content: center;
2084            padding: 0 20px;
2085            height: 36px;
2086            background: linear-gradient(135deg, #4A5568, #718096);
2087            color: #ffffff;
2088            text-decoration: none;
2089            border-radius: 18px;
2090            font-size: 14px;
2091            font-weight: 500;
2092            transition: all 0.3s ease;
2093            text-transform: none;
2094            letter-spacing: 0;
2095            position: relative;
2096            overflow: hidden;
2097            white-space: nowrap;
2098            min-width: 120px;
2099        }
2100
2101        .event-link-button:hover {
2102            background: #e9ecef;
2103            color: #333;
2104            border-color: #dee2e6;
2105            transform: translateY(-1px);
2106            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
2107        }
2108
2109        .event-speaker {
2110            display: flex;
2111            align-items: flex-start;
2112            gap: 1rem;
2113            margin-top: auto;
2114        }
2115
2116        .speaker-avatar {
2117            width: 60px;
2118            height: 60px;
2119            border-radius: 50%;
2120            object-fit: cover;
2121            border: 2px solid rgba(255, 255, 255, 0.3);
2122        }
2123
2124        .speaker-info {
2125            flex: 1;
2126        }
2127
2128        .speaker-name {
2129            font-size: 1rem;
2130            font-weight: 600;
2131            color: white;
2132            margin-bottom: 0.2rem;
2133        }
2134
2135        .speaker-position {
2136            font-size: 0.8rem;
2137            color: rgba(255, 255, 255, 0.8);
2138        }
2139
2140        .talks-slider {
2141            position: relative;
2142            overflow: hidden;
2143            flex: 1;
2144            display: flex;
2145            flex-direction: column;
2146            min-height: 0;
2147            touch-action: pan-x;
2148            -webkit-user-select: none;
2149            -moz-user-select: none;
2150            -ms-user-select: none;
2151            user-select: none;
2152        }
2153
2154        .talks-slider-content {
2155            display: flex;
2156            transition: transform 0.4s ease;
2157            height: 100%;
2158            width: 100%;
2159        }
2160
2161        .talk-slide {
2162            min-width: 100%;
2163            max-width: 100%;
2164            display: flex;
2165            flex-direction: column;
2166            justify-content: space-between;
2167            opacity: 0;
2168            transition: opacity 0.4s ease;
2169            height: 100%;
2170            overflow: hidden;
2171            box-sizing: border-box;
2172        }
2173
2174        .talk-slide.active {
2175            opacity: 1;
2176        }
2177
2178        .slider-dots {
2179            display: flex;
2180            justify-content: center;
2181            gap: 8px;
2182            margin-top: 1rem;
2183            padding: 0;
2184        }
2185
2186        .slider-dot {
2187            width: 24px;
2188            height: 4px;
2189            border-radius: 2px;
2190            background: rgba(255, 255, 255, 0.3);
2191            cursor: pointer;
2192            transition: all 0.3s ease;
2193            border: none;
2194            padding: 0;
2195        }
2196
2197        .slider-dot.active {
2198            background: rgba(255, 255, 255, 0.9);
2199            width: 32px;
2200        }
2201
2202        .slider-dot:hover {
2203            background: rgba(255, 255, 255, 0.6);
2204        }
2205
2206        .animated-arrow {
2207            display: inline-block;
2208        }
2209
2210        @media (max-width: 768px) {
2211            .event-card {
2212                flex-direction: column;
2213            }
2214
2215            .event-card-left {
2216                flex: 0 0 auto;
2217                width: 100%;
2218                max-width: 100%;
2219                min-height: auto;
2220                max-height: none;
2221            }
2222
2223            .event-card-right {
2224                flex: 0 0 auto;
2225            }
2226
2227            .event-title {
2228                padding-right: 0;
2229                margin-top: 1rem;
2230                font-size: 1.4rem;
2231                padding-right: 110px;
2232            }
2233
2234            .event-bottom-section {
2235                flex-direction: column;
2236                align-items: flex-start;
2237                gap: 1rem;
2238            }
2239
2240            .event-link-button {
2241                width: 100%;
2242            }
2243        }
2244    </style>
2245
2246
2247    <!-- Мета-теги для ускорения загрузки и производительности -->
2248    <meta name="theme-color" content="#000000">
2249    <meta http-equiv="Cache-Control" content="public, max-age=31536000, immutable">
2250    <meta http-equiv="Permissions-Policy" content="interest-cohort=()">
2251    <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSubDomains; preload">
2252    <meta http-equiv="X-Content-Type-Options" content="nosniff">
2253    <meta http-equiv="Referrer-Policy" content="no-referrer-when-downgrade">
2254
2255
2256</head>
2257<body>
2258<!-- Шапка сайта -->
2259<div class="header"><!--NAV:header--><div class="header__container">
2260            <a href="https://fittin.ru/" class="header__logo" aria-label="FITTIN - разработка мобильных приложений">
2261                <img src="/images/LogoFittin.webp" alt="FITTIN - разработка мобильных приложений на Flutter" width="112" height="40">
2262            </a>
2263            <nav class="header__nav" itemscope itemtype="https://schema.org/SiteNavigationElement">
2264                <ul class="header__menu">
2265                    <li><a href="https://fittin.ru/all_cases" itemprop="url"><span itemprop="name">Кейсы</span></a></li>
2266                    <li><a href="https://fittin.ru/tariffs" itemprop="url"><span itemprop="name">Тарифы</span></a></li>
2267                    <li class="header__dropdown">
2268                        <a href="#" class="header__dropdown-toggle" itemprop="url">
2269                            <span itemprop="name">Услуги</span>
2270                            <svg class="header__dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2271                        <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2272                    </svg>
2273                        </a>
2274                        <div class="header__dropdown-menu header__dropdown-menu--services">
2275                            <div class="header__services-nav">
2276
2277                                <!-- Левая колонка: категории -->
2278                                <ul class="header__services-categories">
2279                                    <li class="header__services-cat active" data-cat="platform">Платформа e-commerce</li>
2280                                    <li class="header__services-cat" data-cat="mobile">Мобильная разработка</li>
2281                                    <li class="header__services-cat" data-cat="sites">Сайты и платформы</li>
2282                                    <!-- Веб-разработка скрыта: все пункты — заглушки без страниц
2283                                    <li class="header__services-cat" data-cat="web">Веб-разработка</li>
2284                                    -->
2285                                    <li class="header__services-cat" data-cat="ai">ИИ-продукты</li>
2286                                    <li class="header__services-cat" data-cat="testing">Тестирование</li>
2287                                    <li class="header__services-cat" data-cat="audit">Аудит и поддержка</li>
2288                                    <li class="header__services-cat" data-cat="autstaff">Аутстафф</li>
2289                                </ul>
2290
2291                                <!-- Правая колонка: панели -->
2292                                <div class="header__services-panels">
2293
2294                                    <!-- Платформа -->
2295                                    <div class="header__services-panel active" data-panel="platform">
2296                                        <a href="https://fittin.ru/mobilnye-prilozheniya-ecommerce" class="header__services-link">Мобильное приложение для интернет-магазина</a>
2297                                        <a href="https://fittin.ru/sajty-dlya-internet-magazinov" class="header__services-link">Сайт интернет-магазина</a>
2298                                        <a href="https://fittin.ru/kompleksnaya-razrabotka-ecommerce" class="header__services-link">Приложение + сайт интернет-магазина на одной базе</a>
2299                                        <a href="https://fittin.ru/integraciya-prilozheniya-s-crm" class="header__services-link">Интеграция приложения с CRM</a>
2300                                        <a href="https://fittin.ru/nastroyka-bitrix24-dlya-internet-magazina" class="header__services-link">Настройка CRM Битрикс24</a>
2301                                        <a href="https://fittin.ru/push-uvedomleniya" class="header__services-link">Push-уведомления для приложения</a>
2302                                        <a href="https://fittin.ru/zapusk-programmy-loyalnosti" class="header__services-link">
2302Программа лояльности в приложении</a>
2303                                        <a href="https://fittin.ru/erp-integratsiya-dlya-internet-magazina" class="header__services-link">ERP-интеграция для интернет-магазина</a>
2304                                        <a href="https://fittin.ru/podklyuchenie-prilozheniya-k-iiko" class="header__services-link">Интеграция приложения с iiko</a>
2305                                        <a href="https://fittin.ru/krossplatformennaya-razrabotka-na-flutter" class="header__services-link">Кроссплатформенная разработка на Flutter</a>
2306                                        <a href="https://fittin.ru/kastomnaya-razrabotka-mobilnogo-prilozheniya" class="header__services-link">Кастомная разработка vs готовое решение</a>
2307                                        <a href="https://fittin.ru/razrabotka-mini-apps-telegram" class="header__services-link">Разработка Mini Apps в Telegram</a>
2308                                        <!-- нет страницы: <a href="#" class="header__services-link">Административная панель интернет-магазина</a> -->
2309                                    </div>
2310
2311                                    <!-- Мобильная разработка -->
2312                                    <div class="header__services-panel" data-panel="mobile">
2313                                        <div class="header__services-col">
2314                                            <a href="https://fittin.ru/razrabotka-mvp" class="header__services-link">Разработка MVP</a>
2315                                            <a href="https://fittin.ru/razrabotka-prilozheniya-dlya-startapa" class="header__services-link">Разработка приложения для стартапа</a>
2316                                            <a href="https://fittin.ru/razrabotka-mobilnyh-prilozheniy-na-zakaz" class="header__services-link">Мобильные приложения на заказ</a>
2317                                            <a href="https://fittin.ru/korporativnye-prilozheniya" class="header__services-link">Корпоративные мобильные приложения</a>
2318                                            <a href="https://fittin.ru/prilozheniya-dlya-restoranov" class="header__services-link">Приложения для ресторанов и кафе</a>
2319                                            <a href="https://fittin.ru/prilozheniya-dlya-kofeen" class="header__services-link">Приложения для кофеен и сетей кофеен</a>
2320                                            <a href="https://fittin.ru/prilozheniya-dlya-dostavki-edy" class="header__services-link">Приложения для доставки еды</a>
2321                                            <!-- нет страницы: <a href="#" class="header__services-link">Кроссплатформенное приложение</a> -->
2322                                            <a href="https://fittin.ru/gejmifikaciya" class="header__services-link">Геймификация приложения</a>
2323                                            <a href="https://fittin.ru/mobilnoe-prilozhenie-pod-klyuch-ios-android" class="header__services-link">iOS и Android приложения под ключ</a>
2324                                            <a href="https://fittin.ru/razrabotka-prilozheniya-dlya-android-na-flutter" class="header__services-link">Приложения для Android на Flutter</a>
2325                                            <a href="https://fittin.ru/razrabotka-prilozheniya-dlya-ios-na-flutter" class="header__services-link">Приложения для iOS на Flutter</a>
2326                                            <a href="https://fittin.ru/prilozhenie-dlya-magazina-odezhdy-i-obuvi" class="header__services-link">Приложения для магазина одежды и обуви</a>
2327                                            <a href="https://fittin.ru/prilozhenie-dlya-magazina-detskih-tovarov" class="header__services-link">Приложения для магазина детских товаров</a>
2328                                        </div>
2329                                        <div class="header__services-col">
2330                                            <a href="https://fittin.ru/prilozhenie-dlya-magazina-bytovoy-tehniki" class="header__services-link">Приложения для магазина бытовой теÑ
2330…ники</a>
2331                                            <a href="https://fittin.ru/prilozhenie-dlya-apteki" class="header__services-link">Приложения для аптеки и аптечной сети</a>
2332                                            <a href="https://fittin.ru/prilozhenie-dlya-produktovogo-magazina-i-supermarketa" class="header__services-link">Приложения для продуктового магазина и супермаркета</a>
2333                                            <a href="https://fittin.ru/prilozhenie-dlya-magazina-nastolnyh-igr" class="header__services-link">Приложения для магазина настольных игр и хобби</a>
2334                                            <a href="https://fittin.ru/prilozhenie-dlya-knizhnogo-magazina-i-media" class="header__services-link">Приложения для книжного магазина и медиа</a>
2335                                            <a href="https://fittin.ru/prilozhenie-dlya-magazina-optiki" class="header__services-link">Приложения для магазина оптики</a>
2336                                            <a href="https://fittin.ru/prilozhenie-dlya-magazina-tovarov-dlya-doma-i-remonta" class="header__services-link">Приложения для магазина товаров для дома и ремонта</a>
2337                                            <a href="https://fittin.ru/razrabotka-b2b-prilozheniy-dlya-yuridicheskih-lic" class="header__services-link">B2B-приложения для продаж юридическим лицам</a>
2338                                            <a href="https://fittin.ru/prilozhenie-dlya-yuvelirnogo-magazina" class="header__services-link">Приложения для ювелирного магазина</a>
2339                                            <a href="https://fittin.ru/prilozhenie-dlya-marketpleysa" class="header__services-link">Приложения для маркетплейса</a>
2340                                            <a href="https://fittin.ru/prilozhenie-dlya-sluzhby-dostavki" class="header__services-link">Приложения для доставки и курьерской службы</a>
2341                                            <a href="https://fittin.ru/razrabotka-ux-ui-dizajna-prilozheniya-i-sajta" class="header__services-link">UX/UI-дизайн приложения и сайта</a>
2342                                            <a href="https://fittin.ru/redizajn-prilozheniya-i-sajta" class="header__services-link">Редизайн приложения и сайта</a>
2343                                        </div>
2344                                    </div>
2345
2346                                    <!-- Сайты -->
2347                                    <div class="header__services-panel" data-panel="sites">
2348                                        <a href="https://fittin.ru/razrabotka-po-na-zakaz" class="header__services-link">Разработка ПО на заказ</a>
2349                                        <a href="https://fittin.ru/razrabotka-na-django" class="header__services-link">Разработка на Django</a>
2350                                        <a href="https://fittin.ru/razrabotka-na-fastapi" class="header__services-link">Разработка на FastAPI</a>
2351                                        <a href="https://fittin.ru/razrabotka-meditsinskih-saytov" class="header__services-link">Медицинские сайты и приложения</a>
2352                                        <a href="https://fittin.ru/kastomnye-sajty" class="header__services-link">Кастомные сайты и лендинги</a>
2353                                        <a href="https://fittin.ru/razrabotka-korporativnogo-sajta" class="header__services-link">Корпоративный сайт для бизнеса</a>
2354                                        <a href="https://fittin.ru/sayt-dlya-logisticheskoy-kompanii" class="header__services-link">Сайт для логистической компании</a>
2355                                        <a href="https://fittin.ru/razrabotka-informatsionnyh-saytov-i-portalov" class="header__services-link">Разработка информационных сайтов и порталов</a>
2356                                        <a href="https://fittin.ru/razrabotka-saas-platformy" class="header__services-link">Разработка SaaS-платформы под ключ</a>
2357                                        <a href="https://fittin.ru/razrabotka-lms-platformy" class="header__services-link">Разработка LMS-платформы для обучения</a>
2358                                        <!-- нет страницы: <a href="#" class="header__services-link">Доработка и редизайн сайта</a> -->
2359                                        <!-- нет страницы: <a href="#" class="header__services-link">SEO-продвижение сайтов</a> -->
2360                                    </div>
2361
2362                                    <!-- Веб-разработка скрыта: все пункты — заглушки без страниц
2363                                    <div class="header__services-panel" data-panel="web">
2364                                        <a href="#" class="header__services-link">Кастомная веб-разработка</a>
2365                                        <a href="#" class="header__services-link">Веб-платформы и торговые площадки</a>
2366                                        <a href="#" class="header__services-link">Разработка маркетплейсов</a>
2367                                        <a href="#" class="header__services-link">
2367B2B-порталы и кабинеты</a>
2368                                    </div>
2369                                    -->
2370
2371                                    <!-- ИИ-продукты -->
2372                                    <div class="header__services-panel" data-panel="ai">
2373                                        <div class="header__services-col">
2374                                            <a href="https://fittin.ru/products_contentzavod" class="header__services-link" target="_blank" rel="noopener">Контентзавод</a>
2375                                            <a href="https://fittin.ru/products_salesynergy" class="header__services-link" target="_blank" rel="noopener">SaleSynergy</a>
2376                                            <a href="https://ai-assist.online/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_assistant" class="header__services-link" target="_blank" rel="noopener">Чат-бот и встроенный ассистент</a>
2377                                            <a href="https://ai-search.fittin.ru/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_search" class="header__services-link" target="_blank" rel="noopener">Интеллектуальный поиск</a>
2378                                            <a href="https://fittin.ru/AIPhotoEditor" class="header__services-link" target="_blank" rel="noopener">Генерация продающих изображений</a>
2379                                            <a href="https://ai-recruiter.fittin.ru/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_recruiter" class="header__services-link" target="_blank" rel="noopener">Автоматизация подбора персонала</a>
2380                                        </div>
2381                                        <div class="header__services-col">
2382                                            <a href="https://fittin.ru/vnedrenie-ii-v-biznes-processy" class="header__services-link">Внедрение ИИ в бизнес-процессы</a>
2383                                            <a href="https://fittin.ru/ii-assistent-dlya-sotrudnikov" class="header__services-link">ИИ-ассистент для сотрудников</a>
2384                                            <a href="https://fittin.ru/razrabotka-ii-agentov-dlya-biznesa" class="header__services-link">Разработка ИИ-агентов для бизнеса</a>
2385                                            <a href="https://fittin.ru/razrabotka-chat-botov-s-ii-dlya-internet-magazinov" class="header__services-link">Разработка чат-ботов с ИИ для интернет-магазинов</a>
2386                                            <a href="https://fittin.ru/razrabotka-chat-botov-s-ii-dlya-biznesa" class="header__services-link">Разработка чат-ботов с ИИ для бизнеса</a>
2387                                        </div>
2388                                    </div>
2389
2390                                    <!-- Тестирование -->
2391                                    <div class="header__services-panel" data-panel="testing">
2392                                        <a href="https://fittin.ru/testirovanie-i-qa-mobilnyh-prilozhenij" class="header__services-link">Тестирование и QA</a>
2393                                        <a href="https://fittin.ru/nagruzochnoe-testirovanie" class="header__services-link">Нагрузочное тестирование</a>
2394                                        <a href="https://fittin.ru/ab-testirovanie-prilozhenij-i-sajtov" class="header__services-link">A/B-тестирование</a>
2395                                    </div>
2396
2397                                    <!-- Аудит и поддержка -->
2398                                    <div class="header__services-panel" data-panel="audit">
2399                                        <a href="https://fittin.ru/kompleksnyy-audit-internet-magazina" class="header__services-link">Комплексный аудит интернет-магазина</a>
2400                                        <a href="https://fittin.ru/audit-mobiln
2400ogo-prilozheniya" class="header__services-link">Аудит мобильного приложения</a>
2401                                        <a href="https://fittin.ru/audit-ux-ui" class="header__services-link">Аудит UX/UI</a>
2402                                        <a href="https://fittin.ru/audit-koda" class="header__services-link">Аудит кода</a>
2403                                        <a href="https://fittin.ru/seo-audit-internet-magazina" class="header__services-link">SEO-аудит интернет-магазина</a>
2404                                        <a href="https://fittin.ru/razrabotka-tz" class="header__services-link">Разработка технического задания</a>
2405                                        <a href="https://fittin.ru/biznes-analitika-dlya-it-proektov" class="header__services-link">Бизнес-аналитика для IT-проектов</a>
2406                                        <a href="https://fittin.ru/tehnicheskaya-podderzhka-prilozhenij" class="header__services-link">Техническая поддержка мобильных приложений</a>
2407                                    </div>
2408
2409                                    <!-- Аутстафф -->
2410                                    <div class="header__services-panel" data-panel="autstaff">
2411                                        <a href="https://fittin.ru/autstaffing-flutter-dart-razrabotchikov" class="header__services-link">Flutter / Dart-разработчики</a>
2412                                        <a href="https://fittin.ru/autstaffing-backend-razrabotchikov" class="header__services-link">
2412Backend-разработчики</a>
2413                                        <a href="https://fittin.ru/autstaffing-ux-ui-dizajnerov" class="header__services-link">UX/UI-дизайнеры</a>
2414                                        <a href="https://fittin.ru/autstaffing-qa-inzhenerov" class="header__services-link">QA-инженеры</a>
2415                                        <a href="https://fittin.ru/autstaffing-devops-inzhenerov" class="header__services-link">DevOps-инженеры</a>
2416                                    </div>
2417
2418                                </div>
2419                            </div>
2420                        </div>
2421                    </li>
2422                    <li class="header__dropdown">
2423                        <a href="#" class="header__dropdown-toggle" itemprop="url">
2424                            <span itemprop="name">Медиа</span>
2425                            <svg class="header__dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2426                        <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2427                    </svg>
2428                        </a>
2429                        <div class="header__dropdown-menu">
2430                            <div class="header__dropdown-container">
2431                                <a href="https://fittin.ru/blog" class="header__dropdown-item" itemprop="url">
2432                                    <div class="header__dropdown-card">
2433                                        <div class="header__dropdown-title">Блог</div>
2434                                        <p class="header__dropdown-description">Статьи и инсайты компании</p>
2435                                    </div>
2436                                </a>
2437                                <a href="https://fittin.ru/articles" class="header__dropdown-item" itemprop="url">
2438                                    <div class="header__dropdown-card">
2439                                        <div class="header__dropdown-title">Новости</div>
2440                                        <p class="header__dropdown-description">Последние новости из мира<br>технологий и разработки</p>
2441                                    </div>
2442                                </a>
2443                                <a href="https://fittin.ru/reels" class="header__dropdown-item" itemprop="url">
2444                                    <div class="header__dropdown-card">
2445                                        <div class="header__dropdown-title">Рилсы</div>
2446                                        <p class="header__dropdown-description">Короткие видео о наших решениях</p>
2447                                    </div>
2448                                </a>
2449                                <a href="https://fittin.ru/events" class="header__dropdown-item" itemprop="url">
2450                                    <div class="header__dropdown-card">
2451                                        <div class="header__dropdown-title">Мероприятия</div>
2452                                        <p class="header__dropdown-description">Конференции, выставки и события<br>с участием FITTIN</p>
2453                                    </div>
2454                                </a>
2455                                <a href="#" class="header__dropdown-item" itemprop="url" style="display: none;">
2456                                    <div class="header__dropdown-card">
2457                                        <div class="header__dropdown-title">Подкасты</div>
2458                                        <p class="header__dropdown-description">Беседы с экспертами индустрии</p>
2459                                    </div>
2460                                </a>
2461                            </div>
2462                        </div>
2463                    </li>
2464                    <li class="header__dropdown">
2465                        <a href="#" class="header__dropdown-toggle" itemprop="url">
2466                            <span itemprop="name">Компания</span>
2467                            <svg class="header__dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
2468                        <path d="M6 9L12 15L18 9" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
2469                    </svg>
2470                        </a>
2471                        <div class="header__dropdown-menu">
2472                            <div class="header__dropdown-container" style="gap: 16px;">
2473                                <a href="https://fittin.ru/o-nas" class="header__dropdown-item" itemprop="url">
2474                                    <div class="header__dropdown-card">
2475                                        <div class="header__dropdown-title">О нас</div>
2476                                        <p class="header__dropdown-description">История, миссия и ценности<br>компании FITTIN</p>
2477                                    </div>
2478                                </a>
2479                                <a href="https://fittin.ru/partners" class="header__dropdown-item" itemprop="url">
2480                                    <div class="header__dropdown-card">
2481                                        <div class="header__dropdown-title">Партнёры</div>
2482                                        <p class="header__dropdown-description">Наши технологические<br>и бизнес-партнёры</p>
2483                                    </div>
2484                                </a>
2485                                <a href="https://hr-portal.fittin.ru/" class="header__dropdown-item" itemprop="url">
2486                                    <div class="header__dropdown-card">
2487                                        <div class="header__dropdown-title">Карьера</div>
2488                                        <p class="header__dropdown-description">Вакансии и возможности<br>для развития в команде</p>
2489                                    </div>
2490                                </a>
2491                                <a href="https://fittin.ru/contacts" class="header__dropdown-item" itemprop="url">
2492                                    <div class="header__dropdown-card">
2493                                        <div class="header__dropdown-title">Контакты</div>
2494                                        <p class="header__dropdown-description">Телефоны, почта и способы<br>связи с нами</p>
2495                                    </div>
2496                                </a>
2497                            </div>
2498                        </div>
2499                    </li>
2500                </ul>
2501            </nav>
2502            <div class="header__contacts">
2503                <div class="header__cta-group">
2504                    <div class="header__phone-wrapper">
2505                        <a href="tel:+78004441127" class="header__phone-icon-btn" aria-label="Позвонить +7 (800) 444-11-27">
2506                            <svg class="header__phone-svg" width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2507                                <circle class="header__phone-bg" cx="22" cy="22" r="22"/>
2508                                <path class="header__phone-mark" d="M23.832 26.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 27 25h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 12 14a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384z"/>
2509                            </svg>
2510                        </a>
2511                        <div class="header__phone-tooltip">
2512                            <a href="tel:+78004441127" class="phone-tooltip__number">+7 (800) 444-11-27</a>
2513                            <div class="phone-tooltip__text">Позвоните — обсудим ваш проект</div>
2514                        </div>
2515                    </div>
2516                    <div class="header__telegram-wrapper">
2517                        <a href="https://t.me/FittinSales" class="header__telegram-icon-btn" target="_blank" rel="noopener" title="Написать в Telegram" aria-label="Написать в Telegram">
2518                            <svg class="header__telegram-svg" width="20" height="20" viewBox="10.97 14.16 19.74 16.3" preserveAspectRatio="none" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
2519                                <path class="header__telegram-bg" fill-rule="evenodd" clip-rule="evenodd" d="M22 44C34.1503 44 44 34.1503 44 22C44 9.84974 34.1503 0 22 0C9.84973 0 0 9.84974 0 22C0 34.1503 9.84973 44 22 44ZM12.3896 21.1789C11.5316 21.5201 11.0821 21.8539 11.0412 22.1802C10.9721 22.7319 11.6628 22.9491 12.6035 23.2448C12.7314 23.2851 12.864 23.3268 12.9999 23.3709C13.9254 23.6718 15.1702 24.0237 15.8174 24.0377C16.4045 24.0504 17.0597 23.8083 17.783 23.3116C22.7199 19.9791 25.2684 18.2947 25.4284 18.2583C25.5412 18.2327 25.
25196977 18.2005 25.8036 18.2947C25.9096 18.3889 25.8992 18.5673 25.888 18.6152C25.8195 18.9069 23.1081 21.4277 21.7049 22.7323C21.2674 23.139 20.9571 23.4274 20.8937 23.4933C20.7516 23.6409 20.6068 23.7805 20.4676 23.9147C19.6078 24.7435 18.9631 25.365 20.5033 26.38C21.2434 26.8677 21.8357 27.2711 22.4265 27.6735C23.0719 28.1129 23.7155 28.5512 24.5482 29.0971C24.7604 29.2362 24.963 29.3806 25.1604 29.5213C25.9113 30.0567 26.586 30.5377 27.4195 30.461C27.9039 30.4164 28.4042 29.961 28.6582 28.6027C29.2587 25.3927 30.439 18.4376 30.7117 15.5716C30.7356 15.3205 30.7056 14.9991 30.6814 14.858C30.6573 14.717 30.6068 14.516 30.4235 14.3672C30.2063 14.191 29.871 14.1538 29.7211 14.1565L12.3896 21.1789Z"/>
2520                                <path class="header__telegram-mark" d="M11.0412 22.1802C11.0821 21.8539 11.5316 21.5201 12.3896 21.1789L29.7211 14.1565C29.871 14.1538 30.2063 14.191 30.4235 14.3672C30.6068 14.516 30.6573 14.717 30.6814 14.858C30.7056 14.9991 30.7356 15.3205 30.7117 15.5716C30.439 18.4376 29.2587 25.3927 28.6582 28.6027C28.4042 29.961 27.9039 30.4164 27.4195 30.461C26.586 30.5377 25.9113 30.0567 25.1604 29.5213C24.963 29.3806 24.7604 29.2362 24.5482 29.0971C23.7155 28.5512 23.0719 28.1129 22.4265 27.6735C21.8357 27.2711 21.2434 26.8677 20.5033 26.38C18.9631 25.365 19.6078 24.7435 20.4676 23.9147C20.6068 23.7805 20.7516 23.6409 20.8937 23.4933C20.9571 23.4274 21.2674 23.139 21.7049 22.7323C23.1081 21.4277 25.8195 18.9069 25.888 18.6152C25.8992 18.5673 25.9096 18.3889 25.8036 18.2947C25.6977 18.2005 25.5412 18.2327 25.4284 18.2583C25.2684 18.2947 22.7199 19.9791 17.783 23.3116C17.0597 23.8083 16.4045 24.0504 15.8174 24.0377C15.1702 24.0237 13.9254 23.6718 12.9999 23.3709C12.864 23.3268 12.7314 23.2851 12.6035 23.2448C11.6628 22.9491 10.9721 22.7319 11.0412 22.1802Z"/>
2521                            </svg>
2522                        </a>
2523                        <div class="header__telegram-tooltip">
2524                            <div class="telegram-tooltip__content">
2525                                <div class="telegram-tooltip__avatar">
2526                                    <img src="/images/CCO-Fittin.webp" alt="Сергей CCO FITTIN" width="40" height="40">
2527                                </div>
2528                                <div class="telegram-tooltip__info">
2529                                    <div class="telegram-tooltip__name">Сергей CCO FITTIN</div>
2530                                    <div class="telegram-tooltip__text">Напишите мне в Telegram</div>
2531                                </div>
2532                            </div>
2533                        </div>
2534                    </div>
2535                    <a href="/contacts" class="header__discuss-project">Обсудить проект</a>
2536                </div>
2537            </div>
2538            <div class="header__burger">
2539                <span></span>
2540                <span></span>
2541                <span></span>
2542            </div>
2543        </div>
2544        <!-- Мобильное меню -->
2545        <div class="mobile-menu">
2546            <ul class="mobile-menu__list">
2547                <li class="mobile-menu__item"><a href="https://fittin.ru/all_cases" class="mobile-menu__link">Кейсы</a></li>
2548                <li class="mobile-menu__item"><a href="https://fittin.ru/tariffs" class="mobile-menu__link">Тарифы</a></li>
2549                <li class="mobile-menu__item mobile-menu__dropdown">
2550                    <span class="mobile-menu__dropdown-toggle">
2551                        Услуги
2552                        <svg class="mobile-menu__dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
2553                            <path d="m6 9 6 6 6-6"/>
2554                        </svg>
2555                    </span>
2556                    <ul class="mobile-menu__dropdown-items">
2557                        <!-- Платформа -->
2558                        <li class="mobile-menu__subdropdown">
2559                            <span class="mobile-menu__subdropdown-toggle">
2560                                Платформа<br>e-commerce
2561                                <svg class="mobile-menu__subdropdown-arrow" width="16" height="16" viewB
2561ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
2562                            </span>
2563                            <ul class="mobile-menu__subdropdown-items">
2564                                <li><a href="https://fittin.ru/mobilnye-prilozheniya-ecommerce" class="mobile-menu__link">Мобильное приложение для интернет-магазина</a></li>
2565                                <li><a href="https://fittin.ru/sajty-dlya-internet-magazinov" class="mobile-menu__link">Сайт интернет-магазина</a></li>
2566                                <li><a href="https://fittin.ru/kompleksnaya-razrabotka-ecommerce" class="mobile-menu__link">Приложение + сайт интернет-магазина на одной базе</a></li>
2567                                <li><a href="https://fittin.ru/integraciya-prilozheniya-s-crm" class="mobile-menu__link">Интеграция приложения с CRM</a></li>
2568                                <li><a href="https://fittin.ru/nastroyka-bitrix24-dlya-internet-magazina" class="mobile-menu__link">Настройка CRM Битрикс24</a></li>
2569                                <li><a href="https://fittin.ru/push-uvedomleniya" class="mobile-menu__link">Push-уведомления для приложения</a></li>
2570                                <li><a href="https://fittin.ru/zapusk-programmy-loyalnosti" class="mobile-menu__link">Программа лояльности в приложении</a></li>
2571                                <li><a href="https://fittin.ru/erp-integratsiya-dlya-internet-magazina" class="mobile-menu__link">ERP-интеграция для интернет-магазина</a></li>
2572                                <li><a href="https://fittin.ru/podklyuchenie-prilozheniya-k-iiko" class="mobile-menu__link">Интеграция приложения с iiko</a></li>
2573                                <li><a href="https://fittin.ru/krossplatformennaya-razrabotka-na-flutter" class="mobile-menu__link">Кроссплатформенная разработка на Flutter</a></li>
2574                                <li><a href="https://fittin.ru/kastomnaya-razrabotka-mobilnogo-prilozheniya" class="mobile-menu__link">Кастомная разработка vs готовое решение</a></li>
2575                                <li><a href="https://fittin.ru/razrabotka-mini-apps-telegram" class="mobile-menu__link">Разработка Mini Apps в Telegram</a></li>
2576                            </ul>
2577                        </li>
2578
2579                        <!-- Мобильная разработка -->
2580                        <li class="mobile-menu__subdropdown">
2581                            <span class="mobile-menu__subdropdown-toggle">
2582                                Мобильная разработка
2583                                <svg class="mobile-menu__subdropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
2584                            </span>
2585                            <ul class="mobile-menu__subdropdown-items">
2586                                <li><a href="https://fittin.ru/razrabotka-mvp" class="mobile-menu__link">Разработка MVP</a></li>
2587                                <li><a href="https://fittin.ru/razrabotka-prilozheniya-dlya-startapa" class="mobile-menu__link">Разработка приложения для стартапа</a></li>
2588                                <li><a href="https://fittin.ru/razrabotka-mobilnyh-prilozheniy-na-zakaz" class="mobile-menu__link">Мобильные приложения на заказ</a></li>
2589                                <li><a href="https://fittin.ru/korporativnye-prilozheniya" class="mobile-menu__link">Корпоративные мобильные приложения</a></li>
2590                                <li><a href="https://fittin.ru/prilozheniya-dlya-restoranov" class="mobile-menu__link">Приложения для ресторанов и кафе</a></li>
2591                                <li><a href="https://fittin.ru/prilozheniya-dlya-kofeen" class="mobile-menu__link">Приложения для кофеен и сетей кофеен</a></li>
2592                                <li><a href="https://fittin.ru/prilozheniya-dlya-dostavki-edy" class="mobile-menu__link">Приложения для доставки еды</a></li>
2593                                <li><a href="https://fittin.ru/gejmifikaciya" class="mobile-menu__link">Геймификация приложения</a></li>
2594                                <li><a href="https://fittin.ru/mobilnoe-prilozhenie-pod-klyuch-ios-android" class="mobile-menu__link">iOS и Android приложения под ключ</a></li>
2595                                <li><a href="https://fittin.ru/razrabotka-prilozheniya-dlya-android-na-flutter" class="mobile-menu__link">Приложения для Android на Flutter</a></li>
2596                                <li><a href="https://fittin.ru/razrabotka-prilozheniya-dlya-ios-na-flutter" class="mobile-menu__link">Приложения для iOS на Flutter</a></li>
2597                                <li><a href="https://fittin.ru/prilozhenie-dlya-magazina-odezhdy-i-obuvi" class="mobile-menu__link">Приложения для магазина одежды и обуви</a></li>
2598                                <li><a href="https://fittin.ru/prilozhenie-dlya-magazina-detskih-tovarov" class="mobile-menu__link">Приложения для магазина детских товаров</a></li>
2599                                <li><a href="https://fittin.ru/prilozhenie-dlya-magazina-bytovoy-tehniki" class="mobile-menu__link">Приложения для магазина бытовой теÑ
2599…ники</a></li>
2600                                <li><a href="https://fittin.ru/prilozhenie-dlya-apteki" class="mobile-menu__link">Приложения для аптеки и аптечной сети</a></li>
2601                                <li><a href="https://fittin.ru/prilozhenie-dlya-produktovogo-magazina-i-supermarketa" class="mobile-menu__link">Приложения для продуктового магазина и супермаркета</a></li>
2602                                <li><a href="https://fittin.ru/prilozhenie-dlya-magazina-nastolnyh-igr" class="mobile-menu__link">Приложения для магазина настольных игр и хобби</a></li>
2603                                <li><a href="https://fittin.ru/prilozhenie-dlya-knizhnogo-magazina-i-media" class="mobile-menu__link">Приложения для книжного магазина и медиа</a></li>
2604                                <li><a href="https://fittin.ru/prilozhenie-dlya-magazina-optiki" class="mobile-menu__link">Приложения для магазина оптики</a></li>
2605                                <li><a href="https://fittin.ru/prilozhenie-dlya-magazina-tovarov-dlya-doma-i-remonta" class="mobile-menu__link">Приложения для магазина товаров для дома и ремонта</a></li>
2606                                <li><a href="https://fittin.ru/razrabotka-b2b-prilozheniy-dlya-yuridicheskih-lic" class="mobile-menu__link">B2B-приложения для продаж юридическим лицам</a></li>
2607                                <li><a href="https://fittin.ru/prilozhenie-dlya-yuvelirnogo-magazina" class="mobile-menu__link">Приложения для ювелирного магазина</a></li>
2608                                <li><a href="https://fittin.ru/prilozhenie-dlya-marketpleysa" class="mobile-menu__link">Приложения для маркетплейса</a></li>
2609                                <li><a href="https://fittin.ru/prilozhenie-dlya-sluzhby-dostavki" class="mobile-menu__link">Приложения для доставки и курьерской службы</a></li>
2610                                <li><a href="https://fittin.ru/razrabotka-ux-ui-dizajna-prilozheniya-i-sajta" class="mobile-menu__link">UX/UI-дизайн приложения и сайта</a></li>
2611                                <li><a href="https://fittin.ru/redizajn-prilozheniya-i-sajta" class="mobile-menu__link">Редизайн приложения и сайта</a></li>
2612                            </ul>
2613                        </li>
2614
2615                        <!-- Сайты -->
2616                        <li class="mobile-menu__subdropdown">
2617                            <span class="mobile-menu__subdropdown-toggle">
2618                                Сайты и платформы
2619                                <svg class="mobile-menu__subdropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
2620                            </span>
2621                            <ul class="mobile-menu__subdropdown-items">
2622                                <li><a href="https://fittin.ru/razrabotka-po-na-zakaz" class="mobile-menu__link">Разработка ПО на заказ</a></li>
2623                                <li><a href="https://fittin.ru/razrabotka-na-django" class="mobile-menu__link">Разработка на Django</a></li>
2624                                <li><a href="https://fittin.ru/razrabotka-na-fastapi" class="mobile-menu__link">Разработка на FastAPI</a></li>
2625                                <li><a href="https://fittin.ru/razrabotka-meditsinskih-saytov" class="mobile-menu__link">Медицинские сайты и приложения</a></li>
2626                                <li><a href="https://fittin.ru/kastomnye-sajty" class="mobile-menu__link">Кастомные сайты и лендинги</a></li>
2627                                <li><a href="https://fittin.ru/razrabotka-korporativnogo-sajta" class="mobile-menu__link">Корпоративный сайт для бизнеса</a></li>
2628                                <li><a href="https://fittin.ru/sayt-dlya-logisticheskoy-kompanii" class="mobile-menu__link">Сайт для логистической компании</a></li>
2629                                <li><a href="https://fittin.ru/razrabotka-informatsionnyh-saytov-i-portalov" class="mobile-menu__link">Разработка информационных сайтов и порталов</a></li>
2630                                <li><a href="https://fittin.ru/razrabotka-saas-platformy" class="mobile-menu__link">Разработка SaaS-платформы под ключ</a></li>
2631                                <li><a href="https://fittin.ru/razrabotka-lms-platformy" class="mobile-menu__link">Разработка LMS-платформы для обучения</a></li>
2632                            </ul>
2633                        </li>
2634
2635                        <!-- ИИ-продукты -->
2636                        <li class="mobile-menu__subdropdown">
2637                            <span class="mobile-menu__subdropdown-toggle">
2638                                ИИ-продукты
2639                                <svg class="mobile-menu__subdropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
2640                            </span>
2641                            <ul class="mobile-menu__subdropdown-items">
2642                                <li><a href="https://fittin.ru/products_contentzavod" class="mobile-menu__link" target="_blank" rel="noopener">Контентзавод</a></li>
2643                                <li><a href="https://fittin.ru/products_salesynergy" class="mobile-menu__link" target="_blank" rel="noopener">SaleSynergy</a></li>
2644                                <li><a href="https://ai-assist.online/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_assistant" class="mobile-menu__link" target="_blank" rel="noopener">Чат-бот и встроенный ассистент</a></li>
2645                                <li><a href="https://ai-search.fittin.ru/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_search" class="mobile-menu__link" target="_blank" rel="noopener">Интеллектуальный поиск</a></li>
2646                                <li><a href="https://fittin.ru/AIPhotoEditor" class="mobile-menu__link" target="_blank" rel="noopener">Генерация продающих изображений</a></li>
2647                                <li><a href="https://ai-recruiter.fittin.ru/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_recruiter" class="mobile-menu__link" target="_blank" rel="noopener">Автоматизация подбора персонала</a></li>
2648                                <li><a href="https://fittin.ru/vnedrenie-ii-v-biznes-processy" class="mobile-menu__link">Внедрение ИИ в бизнес-процессы</a></li>
2649                                <li><a href="https://fittin.ru/ii-assistent-dlya-sotrudnikov" class="mobile-menu__link">ИИ-ассистент для сотрудников</a></li>
2650                                <li><a href="https://fittin.ru/razrabotka-ii-agentov-dlya-biznesa" class="mobile-menu__link">Разработка ИИ-агентов для бизнеса</a></li>
2651                                <li><a href="https://fittin.ru/razrabotka-chat-botov-s-ii-dlya-internet-magazinov" class="mobile-menu__link">Разработка чат-ботов с ИИ для интернет-магазинов</a></li>
2652                                <li><a href="https://fittin.ru/razrabotka-chat-botov-s-ii-dlya-biznesa" class="mobile-menu__link">Разработка чат-ботов с ИИ для бизнеса</a></li>
2653                            </ul>
2654                        </li>
2655
2656                        <!-- Тестирование -->
2657                        <li class="mobile-menu__subdropdown">
2658                            <span class="mobile-menu__subdropdown-toggle">
2659                                Тестирование
2660                                <svg class="mobile-menu__subdropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
2661                            </span>
2662                            <ul class="mobile-menu__subdropdown-items">
2663                                <li><a href="https://fittin.ru/testirovanie-i-qa-mobilnyh-prilozhenij" class="mobile-menu__link">Тестирование и QA</a></li>
2664                                <li><a href="https://fittin.ru/nagruzochnoe-testirovanie" class="mobile-menu__link">Нагрузочное тестирование</a></li>
2665                                <li><a href="https://fittin.ru/ab-testirovanie-prilozhenij-i-sajtov" class="mobile-menu__link">A/B-тестирование</a></li>
2666                            </ul>
2667                        </li>
2668
2669                        <!-- Аудит и поддержка -->
2670                        <li class="mobile-menu__subdropdown">
2671                            <span class="mobile-menu__subdropdown-toggle">
2672                                Аудит и поддержка
2673                                <svg class="mobile-menu__subdropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
2674                            </span>
2675                            <ul class="mobile-menu__subdropdown-items">
2676                                <li><a href="https://fittin.ru/kompleksnyy-audit-internet-magazina" class="mobile-menu__link">Комплексный аудит интернет-магазина</a></li>
2677                                <li><a href="https://fittin.ru/audit-mobilnogo-prilozheniya" class="mobile-menu__link">Аудит мобильного приложения</a></li>
2678                                <li><a href="https://fittin.ru/audit-ux-ui" class="mobile-menu__link">Аудит UX/UI</a></li>
2679                                <li><a href="https://fittin.ru/audit-koda" class="mobile-menu__link">Аудит кода</a></li>
2680                                <li><a href="https://fittin.ru/seo-audit-internet-magazina" class="mobile-menu__link">SEO-аудит интернет-магазина</a></li>
2681                                <li><a href="https://fittin.ru/razrabotka-tz" class="mobile-menu__link">Разработка технического задания</a></li>
2682                                <li><a href="https://fittin.ru/biznes-analitika-dlya-it-proektov" class="mobile-menu__link">Бизнес-аналитика для IT-проектов</a></li>
2683                                <li><a href="https://fittin.ru/tehnicheskaya-podderzhka-prilozhenij" class="mobile-menu__link">Техническая поддержка мобильных приложений</a></li>
2684                            </ul>
2685                        </li>
2686
2687                        <!-- Аутстафф -->
2688                        <li class="mobile-menu__subdropdown">
2689                            <span class="mobile-menu__subdropdown-toggle">
2690                                Аутстафф
2691                                <svg class="mobile-menu__subdropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>
2692                            </span>
2693                            <ul class="mobile-menu__subdropdown-items">
2694                                <li><a href="https://fittin.ru/autstaffing-flutter-dart-razrabotchikov" class="mobile-menu__link">Flutter / Dart-разработчики</a></li>
2695                                <li><a href="https://fittin.ru/autstaffing-backend-razrabotchikov" class="mobile-menu__link">Backend-разработчики</a></li>
2696                                <li><a href="https://fittin.ru/autstaffing-ux-ui-dizajnerov" class="mobile-menu__link">UX/UI-дизайнеры</a></li>
2697                                <li><a href="https://fittin.ru/autstaffing-qa-inzhenerov" class="mobile-menu__link">QA-инженеры</a></li>
2698                                <li><a href="https://fittin.ru/autstaffing-devops-inzhenerov" class="mobile-menu__link">DevOps-инженеры</a></li>
2699                            </ul>
2700                        </li>
2701                        <!-- Веб-разработка скрыта: все пункты — заглушки без страниц (как на desktop) -->
2702                    </ul>
2703                </li>
2704                <li class="mobile-menu__item mobile-menu__dropdown">
2705                    <span class="mobile-menu__dropdown-toggle">
2706                        Медиа
2707                        <svg class="mobile-menu__dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
2708                            <path d="m6 9 6 6 6-6"/>
2709                        </svg>
2710                    </span>
2711                    <ul class="mobile-menu__dropdown-items">
2712                        <li><a href="https://fittin.ru/blog" class="mobile-menu__link">Блог</a></li>
2713                        <li><a href="https://fittin.ru/articles" class="mobile-menu__link">Новости</a></li>
2714                        <li><a href="https://fittin.ru/reels" class="mobile-menu__link">Рилсы</a></li>
2715                        <li><a href="https://fittin.ru/events" class="mobile-menu__link">Мероприятия</a></li>
2716                        <li style="display: none;"><a href="#" class="mobile-menu__link">Подкасты</a></li>
2717                    </ul>
2718                </li>
2719                <li class="mobile-menu__item mobile-menu__dropdown">
2720                    <span class="mobile-menu__dropdown-toggle">
2721                        Компания
2722                        <svg class="mobile-menu__dropdown-arrow" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
2723                            <path d="m6 9 6 6 6-6"/>
2724                        </svg>
2725                    </span>
2726                    <ul class="mobile-menu__dropdown-items">
2727                        <li><a href="https://fittin.ru/o-nas" class="mobile-menu__link">О нас</a></li>
2728                        <li><a href="https://fittin.ru/partners" class="mobile-menu__link">Партнёры</a></li>
2729                        <li><a href="https://hr-portal.fittin.ru/" class="mobile-menu__link">Карьера</a></li>
2730                        <li><a href="https://fittin.ru/contacts" class="mobile-menu__link">Контакты</a></li>
2731                    </ul>
2732                </li>
2733            </ul>
2734            <div class="mobile-menu__contacts">
2735                <a href="tel:+78004441127" class="mobile-menu__phone">+7 (800) 444-11-27</a>
2736                <div class="mobile-menu__telegram-cta">
2737                    <div class="mobile-telegram-cta__header">
2738                        <div class="mobile-telegram-cta__avatar">
2739                            <img src="/images/CCO-Fittin.webp" alt="Сергей CCO FITTIN" width="48" height="48">
2740                            <div class="mobile-telegram-cta__status"></div>
2741                        </div>
2742                        <div class="mobile-telegram-cta__info">
2743                            <div class="mobile-telegram-cta__name">Сергей CCO FITTIN</div>
2744                        </div>
2745                    </div>
2746                    <a href="https://t.me/FittinSales" class="mobile-telegram-cta__button" target="_blank" rel="noopener">
2747                        Написать в Telegram
2748                    </a>
2749                </div>
2750            </div>
2751        </div>
2752        <div class="mobile-menu__overlay"></div><!--/NAV:header--></div>
2753
2754<main itemscope itemtype="https://schema.org/WebPage">
2755
2756    <!-- Главная секция -->
2757    <section class="hero" itemscope itemtype="https://schema.org/WPHeader">
2758        <div class="hero__content">
2759            <div class="hero__title-top">
2760                <h1 itemprop="headline">
2761                    <span class="hero__title-main">Разработка</span>
2762                    <span class="hero__title-black">мобильных<br>приложений</span>
2763                    <span class="hero__title-orange">и сайтов</span>
2764                    <span class="hero__title-black">на заказ</span>
2765                </h1>
2766            </div>
2767            <div class="hero__bottom">
2768                <div class="hero__buttons">
2769                    <a class="cta-button" href="#" style="font-weight: 500;"
2770                       title="Заказать разработку мобильного приложения">ОБСУДИТЬ ПРОЕКТ</a>
2771                    <a class="cta-button-secondary" href="/kalkulyator-stoimosti-razrabotki-prilozheniya" target="_blank" rel="noopener noreferrer"
2772                       title="Калькулятор стоимости разработки мобильного приложения">РАССЧИТАТЬ СТОИМОСТЬ</a>
2773                </div>
2774                <div class="text-container">
2775                    <p itemprop="description" class="hero-description">Создаем мобильные приложения и&nbsp;сайты для&nbsp;бизнеса,
2776                        разрабатываем интернет-магазины на&nbsp;модульной Flutter-платформе. Используем ИИ,
2777                        чтобы ваши продукты опережали не&nbsp;только конкурентов, но&nbsp;и&nbsp;алгоритмы.</p>
2778                </div>
2779            </div>
2780        </div>
2781    </section>
2782
2783    <!-- Блог (копия секции, белый фон) -->
2784    <style>
2785        .blog--light .blog__link::after { background-color: #000000; }
2786        @media (max-width: 768px) {
2787            .blog--light { padding-top: 36px !important; padding-bottom: 36px !important; }
2788        }
2789        @media (max-width: 480px) {
2790            .blog--light { padding-top: 24px !important; padding-bottom: 24px !important; }
2791        }
2792    </style>
2793    <section class="blog blog--light" style="padding-top: 80px; padding-bottom: 80px; background: #ffffff; color: #000000;">
2794        <div class="blog__container">
2795            <h2 class="blog__title" style="margin-top: 0; color: #000000;">БЛОГ КОМПАНИИ <span style="display:inline-block;background:#FF6B00;color:#fff;font-size:16px;font-weight:600;padding:6px 14px;border-radius:20px;vertical-align:middle;margin-left:12px;letter-spacing:0.5px;">НОВОЕ</span></h2>
2796
2797            <div class="blog__content">
2798                <div class="blog__image">
2799                    <img src="images/blog/runet-rating-2026.webp"
2800                         alt="FITTIN — в топ-10 Рейтинга Рунета 2026 по разработке мобильных приложений"
2801                         width="422" height="222"
2802                         style="width:100%;max-width:422px;height:auto;aspect-ratio:1200/630;object-fit:cover;"
2803                         loading="lazy" decoding="async">
2804                </div>
2805                <div class="blog__text">
2806                    <h3 class="blog__heading" style="color: #000000;">FITTIN — в топ-10 Рейтинга Рунета 2026 по разработке мобильных приложений</h3>
2807                    <p class="blog__description" style="color: #000000;">Рейтинг Рунета опубликовал итоги цикла «Разработка и развитие мобильных приложений» — 2026: FITTIN в первой десятке. 66 проектов в карточке, методология оценки и кейсы Gulliver, IDOL, Сатурн, Fitomarket.</p>
2808                    <a href="/blog/fittin-rejting-runeta-2026-mobilnye-prilozheniya"
2809                       class="blog__link"
2810                       style="color: #000000;"
2811                       title="FITTIN — в топ-10 Рейтинга Рунета 2026 по разработке мобильных приложений">ЧИТАТЬ
2812                        СТАТЬЮ</a>
2813                </div>
2814            </div>
2815        </div>
2816    </section>
2817
2818    <!-- Блок с предстоящим вебинаром (скрывается автоматически после data-event-date + data-event-time по МСК) -->
2819    <section class="upcoming-event" data-event-date="2026-03-17" data-event-time="22:19">
2820        <div class="container">
2821            <h2 class="upcoming-event-section__title">ПРЕДСТОЯЩИЕ МЕРОПРИЯТИЯ</h2>
2822            <div class="upcoming-event__content">
2823                <div class="upcoming-event__left">
2824                    <div class="upcoming-event__main-card">
2825                        <h2 class="upcoming-event__title">Экономика внимания 2026: Брендинг, Алгоритмы и&nbsp;Нейротехнологии</h2>
2826                        <div class="upcoming-event__location">
2827                            <div class="upcoming-event__location-item">Онлайн</div>
2828                        </div>
2829                        <div class="upcoming-event__date">17 марта 17:00</div>
2830                        <div class="upcoming-event__links">
2831                            <a href="webinar-economy-2026" class="upcoming-event__about-link"
2832                               target="_self" rel="noopener">Бесплатная регистрация</a>
2833                        </div>
2834                    </div>
2835
2836                    <div class="upcoming-event__expectations-card">
2837                        <h3 class="upcoming-event__expectations-title">ЧТО ВАС ОЖИДАЕТ</h3>
2838                        <ul class="upcoming-event__expectations-list">
2839                            <li class="articles-title">как мозг пользователя выбирает продукт за 0,5 секунды</li>
2840                            <li class="articles-title">брендинг и нейротехнологии в цифровых продуктах</li>
2841                            <li class="articles-title">алгоритмы и практические кейсы от экспертов</li>
2842                        </ul>
2843                    </div>
2844                </div>
2845
2846                <a href="https://fittin.ru/webinar-economy-2026" class="upcoming-event__right-link">
2847                    <div class="upcoming-event__right">
2848                    <div class="upcoming-event__slider">
2849                        <div class="upcoming-event__slider-content">
2850                            <div class="upcoming-event__slide active">
2851                                <div class="upcoming-event__slide-header">
2852                                    <div class="upcoming-event__speaker-info">
2853                                        <img src="images/Maria-FITTIN.webp" alt="Мария Чуйко"
2854                                             class="upcoming-event__speaker-avatar" decoding="async" loading="lazy" width="360" height="360">
2855                                        <div class="upcoming-event__speaker-details">
2856                                            <div class="upcoming-event__speaker-name">Мария Чуйко</div>
2857                                            <div class="upcoming-event__speaker-position">Бренд-директор FITTIN</div>
2858                                        </div>
2859                                    </div>
2860                                    <div class="upcoming-event__header-right">
2861                                        <div class="upcoming-event__talk-badge">Онлайн</div>
2862                                    </div>
2863                                </div>
2864                                <div class="upcoming-event__slide-content">
2865                                    <h3 class="upcoming-event__talk-title">ЭКОНОМИКА ВНИМАНИЯ 2026</h3>
2866                                    <p class="upcoming-event__talk-description articles-title">
2867                                        Практический вебинар о том, как проектировать и продвигать продукты, которые мозг пользователя выбирает за 0,5 секунды.
2868                                    </p>
2869                                    <div class="upcoming-event__key-topics">
2870                                        <h4 class="upcoming-event__key-topics-title">СПИКЕРЫ</h4>
2871                                        <ul class="upcoming-event__key-topics-list">
2872                                            <li class="articles-title">Мария Чуйко — бренд-директор FITTIN</li>
2873                                            <li class="articles-title">Артём Лукичёв — старший арт-директор CreativePeople
2873</li>
2874                                            <li class="articles-title">Алла Рауд — руководитель направления ASO в IT-Agency</li>
2875                                        </ul>
2876                                    </div>
2877                                </div>
2878                            </div>
2879                        </div>
2880                        <div class="upcoming-event__slider-dots">
2881                            <button class="upcoming-event__slider-dot active" data-slide="0"></button>
2882                        </div>
2883                    </div>
2884                </div>
2885                </a>>
2886            </div>
2887        </div>
2888    </section>
2889
2890    <!-- Блок с предстоящим мероприятием -->
2891    <section class="events-section" style="padding: 80px 0; background: #fff; display: none;">
2892        <div class="container" style="max-width: 1168px; margin: 0 auto; padding: 0 20px;">
2893            <div class="events-grid">
2894                <!-- Вебинар: Зачем e-commerce нужны оба канала (предстоящее мероприятие) -->
2895                <div class="event-card" data-categories="all, webinars, upcoming" itemscope
2896                    itemtype="https://schema.org/Event">
2897                    <meta itemprop="eventStatus" content="https://schema.org/EventScheduled">
2898                    <meta itemprop="eventAttendanceMode" content="https://schema.org/OnlineEventAttendanceMode">
2899                    <div class="event-card-left">
2900                        <div>
2901                            <div class="event-date">
2902                                <time itemprop="startDate" datetime="">6 февраля</time>
2903                            </div>
2904                            <div class="event-talks-count">3 доклада</div>
2905                            <div class="event-talk-subtitle">по московскому времени</div>
2906                        </div>
2907
2908                        <div class="talks-slider">
2909                            <div class="talks-slider-content">
2910                                <div class="talk-slide active">
2911                                    <div>
2912                                        <div class="event-topic">"Зачем мобильное приложение в 2026 году"</div>
2913                                    </div>
2914                                    <div class="event-speaker">
2915                                        <img width="360" height="360" src="images/Maria-FITTIN.webp" alt="Мария Чуйко" class="speaker-avatar" loading="lazy" decoding="async">
2916                                        <div class="speaker-info">
2917                                            <div class="speaker-name">Мария Чуйко</div>
2918                                            <div class="speaker-position">Бренд-директор FITTIN</div>
2919                                        </div>
2920                                    </div>
2921                                </div>
2922
2923                                <div class="talk-slide">
2924                                    <div>
2925                                        <div class="event-topic">"Зачем e-commerce нужны оба канала: сайт привлекает, а приложение удерживает"</div>
2926                                    </div>
2927                                    <div class="event-speaker">
2928                                        <img width="240" height="360" src="images/speaker-Nikita.webp" alt="Никита Зотов" class="speaker-avatar" loading="lazy" decoding="async">
2929                                        <div class="speaker-info">
2930                                            <div class="speaker-name">Никита Зотов</div>
2931                                            <div class="speaker-position">E-commerce Development Manager</div>
2932                                        </div>
2933                                    </div>
2934                                </div>
2935
2936                                <div class="talk-slide">
2937                                    <div>
2938                                        <div class="event-topic">"Зачем e-commerce нужны оба канала"</div>
2939                                    </div>
2940                                    <div class="event-speaker">
2941                                        <img width="254" height="360" src="images/speaker3.webp" alt="Забродина Варвара" class="speaker-avatar" loading="lazy" decoding="async">
2942                                        <div class="speaker-info">
2943                                            <div class="speaker-name">Забродина Варвара</div>
2944                                            <div class="speaker-position">Директор по электронной коммерции Пан Чемодан</div>
2945                                        </div>
2946                                    </div>
2947                                </div>
2948                            </div>
2949
2950                            <div class="slider-dots">
2951                                <button class="slider-dot active" data-slide="0"></button>
2952                                <button class="slider-dot" data-slide="1"></button>
2953                                <button class="slider-dot" data-slide="2"></button>
2954                            </div>
2955                        </div>
2956                    </div>
2957                    <div class="event-card-right">
2958                        <div class="event-card-content">
2959                            <div class="event-status-badge upcoming">Предстоящее</div>
2960                            <h2 class="event-title" itemprop="name">
2961                                Зачем e-commerce нужны оба канала: сайт привлекает, а приложение удерживает
2962                            </h2>
2963                            <div itemprop="location" itemscope itemtype="https://schema.org/VirtualLocation">
2964                                <meta itemprop="url" content="https://fittin.ru/webinar-Ecommerce">
2965                            </div>
2966                            <a href="webinar-Ecommerce#registration" class="event-about-link" target="_self"
2967                                rel="noopener" itemprop="url">О мероприятии</a>
2968                            <p style="margin-top: 0.5rem; font-size: 1rem; color: #4c576a; display: flex; align-items: center; gap: 8px;">
2969                                <span class="animated-arrow" style="display: inline-block; color: #FF6B00; font-size: 1.6rem;">» </span>
2970                                <a href="webinar-Ecommerce" target="_self" style="color: #FF6B00; text-decoration: none;">Подробная информация и регистрация</a>
2971                            </p>
2972                            <p style="margin-top: 0.5rem; margin-bottom: 0.5rem; font-size: 1rem; color: #4c576a;">
2973                                Регистрация обязательна
2974                            </p>
2975                            <meta itemprop="description"
2976                                content="Вебинар о важности использования сайта и мобильного приложения в e-commerce. Узнайте, как сайт привлекает клиентов, а приложение удерживает их.">
2977                        </div>
2978                        <div class="event-bottom-section">
2979                            <div class="event-tags">
2980                                <span class="event-tag">Вебинар</span>
2981                                <span class="event-tag">E-commerce</span>
2982                                <span class="event-tag">Мобильные приложения</span>
2983                            </div>
2984                        </div>
2985                    </div>
2986                </div>
2987            </div>
2988        </div>
2989    </section>
2990
2991    <!-- Блок с достижениями 119 -->
2992    <section class="achievements-119">
2993        <div class="achievements-119__container">
2994
2995            <div class="achievements-119__content" id="achievementsContent">
2996                <!-- Левая часть с цифрой и текстом -->
2997                <div class="achievements-119__left">
2998                    <div class="achievements-119__number" id="counter119" style="visibility: hidden;">119</div>
2999                    <div class="achievements-119__subtitle">ЗАНЯЛИ <span class="achievements-119__highlight">11 ПЕРВЫХ МЕСТ</span><br>В
3000                        РЕЙТИНГЕ РУНЕТА
3001                    </div>
3002                    <div class="achievements-119__description" style="visibility: hidden;">Заняли <span
3003                            class="achievements-119__highlight">11 первых мест</span> в Рейтинге Рунета
3004                    </div>
3005                </div>
3006
3007                <!-- Правая часть с дипломом и декоративными элементами -->
3008                <div class="achievements-119__right">
3009                    <div class="achievements-119__visual-group">
3010                        <!-- Контейнер для SVG и дипломов в мобильных адаптивах -->
3011                        <div class="achievements-119__awards-container-mobile">
3012                            <!-- Стопка дипломов как колода карт -->
3013                            <div class="diploma-stack">
3014                                <!-- Анимируемые дипломы: черный → красный → синий (как было) -->
3015                                <picture>
3016                                    <source srcset="images/Novii.webp" type="image/webp">
3017                                    <img width="989" height="1400" src="images/Novii.webp" alt="Диплом Awards"
3018                                         class="achievements-119__diploma diploma-card active diploma-clickable"
3019                                         loading="lazy" decoding="async" data-diploma="0" onclick="openDiplomaModal(this)">
3020                                </picture><!-- Черный диплом -->
3021                                <picture>
3022                                    <source srcset="images/Diplom1.webp" type="image/webp">
3023                                    <img width="989" height="1400" src="images/Diplom1.webp" alt="Диплом 1"
3024                                         class="achievements-119__diploma diploma-card diploma-clickable"
3025                                         loading="lazy" decoding="async" data-diploma="1" onclick="openDiplomaModal(this)">
3026                                </picture><!-- Красный диплом -->
3027                                <picture>
3028                                    <!--<source srcset="images/Diplom3.webp" type="image/webp">
3029    <img width="989" height="1400" src="images/Diplom3.webp" alt="Диплом 3" class="achievements-119__diploma diploma-card diploma-clickable" loading="lazy" decoding="async" data-diploma="2" onclick="openDiplomaModal(this)">
3030</picture>--><!-- Синий диплом -->
3031                                    <!-- Остальные дипломы в новом порядке: сначала первые места, потом вторые, потом третьи -->
3032                                    <!-- ПЕРВЫЕ МЕСТА (дипломы со звездами) -->
3033
3034                                    <picture>
3035                                        <source srcset="images/Diplom3.webp" type="image/webp">
3036                                        <img width="989" height="1400" src="images/Diplom3.webp" alt="Диплом 1 место"
3037                                             class="achievements-119__diploma diploma-card diploma-clickable"
3038                                             loading="lazy" decoding="async" data-diploma="6" onclick="openDiplomaModal(this)">
3039                                    </picture>
3040                                    <picture>
3041                                        <source srcset="images/Diplom4.webp" type="image/webp">
3042                                        <img width="989" height="1400" src="images/Diplom4.webp" alt="Диплом 1 место"
3043                                             class="achievements-119__diploma diploma-card diploma-clickable"
3044                                             loading="lazy" decoding="async" data-diploma="7" onclick="openDiplomaModal(this)">
3045                                    </picture>
3046                                    <picture>
3047                                        <source srcset="images/Diplom5.webp" type="image/webp">
3048                                        <img width="989" height="1400" src="images/Diplom5.webp" alt="Диплом 1 место"
3049                                             class="achievements-119__diploma diploma-card diploma-clickable"
3050                                             loading="lazy" decoding="async" data-diploma="8" onclick="openDiplomaModal(this)">
3051                                    </picture>
3052                                    <picture>
3053                                        <source srcset="images/Diplom6.webp" type="image/webp">
3054                                        <img width="989" height="1400" src="images/Diplom6.webp" alt="Диплом 1 место"
3055                                             class="achievements-119__diploma diploma-card diploma-clickable"
3056                                             loading="lazy" decoding="async" data-diploma="9" onclick="openDiplomaModal(this)">
3057                                    </picture>
3058                                    <picture>
3059                                        <source srcset="images/Diplom7.webp" type="image/webp">
3060                                        <img width="989" height="1400" src="images/Diplom7.webp" alt="Диплом 1 место"
3061                                             class="achievements-119__diploma diploma-card diploma-clickable"
3062                                             loading="lazy" decoding="async" data-diploma="10" onclick="openDiplomaModal(this)">
3063                                    </picture>
3064                                    <picture>
3065                                        <source srcset="images/Diplom2.webp" type="image/webp">
3066                                        <img width="989" height="1400" src="images/Diplom2.webp" alt="Диплом 1 место"
3067                                             class="achievements-119__diploma diploma-card diploma-clickable"
3068                                             loading="lazy" decoding="async" data-diploma="11" onclick="openDiplomaModal(this)">
3069                                    </picture>
3070                                    <picture>
3071                                        <source srcset="images/diplom-_11_.webp" type="image/webp">
3072                                        <img width="990" height="1400" src="images/diplom-_11_.webp" alt="Диплом 1 место"
3073                                             class="achievements-119__diploma diploma-card diploma-clickable"
3074                                             loading="lazy" decoding="async" data-diploma="12" onclick="openDiplomaModal(this)">
3075                                    </picture>
3076                                    <picture>
3077                                        <source srcset="images/diplom-_12_.webp" type="image/webp">
3078                                        <img width="990" height="1400" src="images/diplom-_12_.webp" alt="Диплом 1 место"
3079                                             class="achievements-119__diploma diploma-card diploma-clickable"
3080                                             loading="lazy" decoding="async" data-diploma="13" onclick="openDiplomaModal(this)">
3081                                    </picture>
3082                                    <!--<picture>
3083    <source srcset="images/Diplom8.webp" type="image/webp">
3084    <img width="989" height="1400" src="images/Diplom8.webp" alt="Диплом 1 место" class="achievements-119__diploma diploma-card diploma-clickable" loading="lazy" data-diploma="11" onclick="openDiplomaModal(this)">
3085</picture>
3086                                <picture>
3087    <source srcset="images/Diplom9.webp" type="image/webp">
3088    <img width="989" height="1400" src="images/Diplom9.webp" alt="Диплом 1 место" class="achievements-119__diploma diploma-card diploma-clickable" loading="lazy" data-diploma="12" onclick="openDiplomaModal(this)">
3089</picture>
3090
3091                                <picture>
3092    <source srcset="images/dva.webp" type="image/webp">
3093    <img width="989" height="1400" src="images/dva.webp" alt="Диплом 2 место" class="achievements-119__diploma diploma-card diploma-clickable" loading="lazy" data-diploma="13" onclick="openDiplomaModal(this)">
3094</picture>
3095
3096                               <picture>
3097    <source srcset="images/Odin.webp" type="image/webp">
3098    <img width="989" height="1400" src="images/Odin.webp" alt="Диплом 3 место" class="achievements-119__diploma diploma-card diploma-clickable" loading="lazy" data-diploma="14" onclick="openDiplomaModal(this)">
3099</picture>
3100                                <picture>
3101    <source srcset="images/tri.webp" type="image/webp">
3102    <img width="989" height="1400" src="images/tri.webp" alt="Диплом 3 место" class="achievements-119__diploma diploma-card diploma-clickable" loading="lazy" data-diploma="15" onclick="openDiplomaModal(this)">
3103</picture>-->
3104                            </div>
3105                            <img width="800" height="899" src="images/Dvavmeste.webp" alt="Dvavmeste" class="achievements-119__dvavmeste"
3106                                 loading="lazy" decoding="async">
3107                        </div>
3108                    </div>
3109                </div>
3110            </div>
3111
3112            <!-- Подзаголовок над бегущей строкой -->
3113            <div class="achievements-119__awards-subtitle" id="awardsSubtitle"
3114                 style="position: relative;">
3115                <span class="achievements-119__awards-subtitle-number">119</span> <span
3116                    class="achievements-119__awards-subtitle-word">Профессиональных</span> <span
3117                    class="achievements-119__awards-subtitle-text">наград и достижений</span>
3118
3119
3120            </div>
3121
3122            <!-- Блок с наградами - точная копия основного блока наград -->
3123            <div class="achievements-119__awards-section" id="awardsContent">
3124                <div class="achievements-119__awards-container">
3125                    <div class="achievements-119__awards-grid">
3126                        <!-- 1 карточка -->
3127                        <a href="https://ratingruneta.ru/apps/voronezh/" target="_blank" rel="noopener noreferrer"
3128                           class="award-card-link" style="color: inherit; text-decoration: none; display: block;">
3129                            <div class="award-card">
3130                                <div class="award-card__image-container">
3131                                    <picture>
3132                                        <source srcset="images/gold.webp" type="image/webp">
3133                                        <img width="200" height="300" src="images/gold.webp" alt="Топ-1 Рейтинга Рунета 2025"
3134                                             class="award-card__image" loading="lazy" decoding="async">
3135                                    </picture>
3136                                </div>
3137                                <div class="award-card__content">
3138                                    <div class="award-card__main-content">
3139                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3140                                        <div class="award-card__provider">Мобильные&nbsp;приложения: Воронеж</div>
3141                                    </div>
3142                                    <div class="award-card__bottom">
3143                                        <div class="award-card__year">Рейтинг Рунета</div>
3144                                    </div>
3145                                </div>
3146                            </div>
3147                        </a>
3148
3149                        <!-- 2 карточка -->
3150                        <a href="https://ratingruneta.ru/complex-developers/optics/" target="_blank"
3151                           rel="noopener noreferrer" class="award-card-link"
3152                           style="color: inherit; text-decoration: none; display: block;">
3153                            <div class="award-card">
3154                                <div class="award-card__image-container">
3155                                    <picture>
3156                                        <source srcset="images/RR.webp" type="image/webp">
3157                                        <img width="200" height="300" src="images/RR.webp" alt="Рейтинг Рунета" class="award-card__image"
3158                                             loading="lazy" decoding="async">
3159                                    </picture>
3160                                </div>
3161                                <div class="award-card__content">
3162                                    <div class="award-card__main-content">
3163                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3164                                        <div class="award-card__provider">Комплексные разработчики: «Оптика»</div>
3165                                    </div>
3166                                    <div class="award-card__bottom">
3167                                        <div class="award-card__year">Рейтинг Рунета</div>
3168                                    </div>
3169                                </div>
3170                            </div>
3171                        </a>
3172
3173                        <!-- 3 карточка -->
3174                        <div class="award-card">
3175                            <div class="award-card__image-container">
3176                                <picture>
3177                                    <source srcset="images/One.webp" type="image/webp">
3178                                    <img width="200" height="300" src="images/One.webp" alt="Топ-1 Рейтинга Рунета 2025"
3179                                         class="award-card__image" loading="lazy" decoding="async">
3180                                </picture>
3181                            </div>
3182                            <div class="award-card__content">
3183                                <div class="award-card__main-content">
3184                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3185                                    <div class="award-card__provider">Разработка мобильных приложений: «Семья, дети»
3186                                    </div>
3187                                </div>
3188                                <div class="award-card__bottom">
3189                                    <div class="award-card__year">Рейтинг Рунета</div>
3190                                </div>
3191                            </div>
3192                        </div>
3193
3194                        <!-- 4 карточка -->
3195                        <div class="award-card">
3196                            <div class="award-card__image-container">
3197                                <picture>
3198                                    <source srcset="images/Nagrada4.webp" type="image/webp">
3199                                    <img width="200" height="300" src="images/Nagrada4.webp" alt="Награда за электронику"
3200                                         class="award-card__image" loading="lazy" decoding="async">
3201                                </picture>
3202                            </div>
3203                            <div class="award-card__content">
3204                                <div class="award-card__main-content">
3205                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3206                                    <div class="award-card__provider">Разработка мобильных приложений: «Электроника»
3207                                    </div>
3208                                </div>
3209                                <div class="award-card__bottom">
3210                                    <div class="award-card__year">Рейтинг Рунета</div>
3211                                </div>
3212                            </div>
3213                        </div>
3214
3215                        <!-- 5 карточка -->
3216                        <div class="award-card">
3217                            <div class="award-card__image-container">
3218                                <picture>
3219                                    <source srcset="images/MONETA.webp" type="image/webp">
3220                                    <img width="300" height="300" src="images/MONETA.webp" alt="Награда издательское дело"
3221                                         class="award-card__image" loading="lazy" decoding="async">
3222                                </picture>
3223                            </div>
3224                            <div class="award-card__content">
3225                                <div class="award-card__main-content">
3226                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3227                                    <div class="award-card__provider">Разработка мобильных приложений: «Издательское
3228                                        дело, печать»
3229                                    </div>
3230                                </div>
3231                                <div class="award-card__bottom">
3232                                    <div class="award-card__year">Рейтинг Рунета</div>
3233                                </div>
3234                            </div>
3235                        </div>
3236
3237                        <!-- 6 карточка -->
3238                        <a href="https://ratingruneta.ru/apps/clothing-trade/" target="_blank" rel="noopener noreferrer"
3239                           class="award-card-link" style="color: inherit; text-decoration: none; display: block;">
3240                            <div class="award-card">
3241                                <div class="award-card__image-container">
3242                                    <picture>
3243                                        <source srcset="images/Ruka.webp" type="image/webp">
3244                                        <img width="200" height="300" src="images/Ruka.webp" alt="Награда одежда и аксессуары"
3245                                             class="award-card__image" loading="lazy" decoding="async">
3246                                    </picture>
3247                                </div>
3248                                <div class="award-card__content">
3249                                    <div class="award-card__main-content">
3250                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3251                                        <div class="award-card__provider">Мобильные&nbsp;приложения: «Одежда, обувь,
3252                                            трикотаж, аксессуары: торговля»
3253                                        </div>
3254                                    </div>
3255                                    <div class="award-card__bottom">
3256                                        <div class="award-card__year">Рейтинг Рунета</div>
3257                                    </div>
3258                                </div>
3259                            </div>
3260                        </a>
3261
3262                        <!-- 7 карточка -->
3263                        <div class="award-card">
3264                            <div class="award-card__image-container">
3265                                <picture>
3266                                    <source srcset="images/Kubok5.webp" type="image/webp">
3267                                    <img width="200" height="300" src="images/Kubok5.webp" alt="Награда строительство" class="award-card__image"
3268                                         loading="lazy" decoding="async">
3269                                </picture>
3270                            </div>
3271                            <div class="award-card__content">
3272                                <div class="award-card__main-content">
3273                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3274                                    <div class="award-card__provider">Мобильные&nbsp;приложения: «Строительство ремонт,
3275                                        строительные услуги, проектирование&nbsp;и&nbsp;др.»
3276                                    </div>
3277                                </div>
3278                                <div class="award-card__bottom">
3279                                    <div class="award-card__year">Рейтинг Рунета</div>
3280                                </div>
3281                            </div>
3282                        </div>
3283
3284                        <!-- 8 карточка -->
3285                        <div class="award-card">
3286                            <div class="award-card__image-container">
3287                                <picture>
3288                                    <source srcset="images/ZOLOTO.webp" type="image/webp">
3289                                    <img width="200" height="300" src="images/ZOLOTO.webp" alt="Награда детские товары" class="award-card__image"
3290                                         loading="lazy" decoding="async">
3291                                </picture>
3292                            </div>
3293                            <div class="award-card__content">
3294                                <div class="award-card__main-content">
3295                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3296                                    <div class="award-card__provider">Мобильные&nbsp;приложения: «Торговля товарами для
3297                                        детей/семей»
3298                                    </div>
3299                                </div>
3300                                <div class="award-card__bottom">
3301                                    <div class="award-card__year">Рейтинг Рунета</div>
3302                                </div>
3303                            </div>
3304                        </div>
3305
3306                        <!-- 9 карточка -->
3307                        <div class="award-card">
3308                            <div class="award-card__image-container">
3309                                <picture>
3310                                    <source srcset="images/Rukazolotaya.webp" type="image/webp">
3311                                    <img width="200" height="300" src="images/Rukazolotaya.webp" alt="Награда оптика" class="award-card__image"
3312                                         loading="lazy" decoding="async">
3313                                </picture>
3314                            </div>
3315                            <div class="award-card__content">
3316                                <div class="award-card__main-content">
3317                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3318                                    <div class="award-card__provider">Мобильные&nbsp;приложения: «Оптика: торговля»
3319                                    </div>
3320                                </div>
3321                                <div class="award-card__bottom">
3322                                    <div class="award-card__year">Рейтинг Рунета</div>
3323                                </div>
3324                            </div>
3325                        </div>
3326
3327                        <!-- 10 карточка -->
3328                        <a href="https://ratingruneta.ru/apps/#simple" target="_blank" rel="noopener noreferrer"
3329                           class="award-card-link" style="color: inherit; text-decoration: none; display: block;">
3330                            <div class="award-card">
3331                                <div class="award-card__image-container">
3332                                    <picture>
3333                                        <source srcset="images/10nagrada.webp" type="image/webp">
3334                                        <img width="200" height="300" src="images/10nagrada.webp" alt="Награда простые" class="award-card__image"
3335                                             loading="lazy" decoding="async">
3336                                    </picture>
3337                                </div>
3338                                <div class="award-card__content">
3339                                    <div class="award-card__main-content">
3340                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3341                                        <div class="award-card__provider">Мобильные&nbsp;приложения: «Простые»</div>
3342                                    </div>
3343                                    <div class="award-card__bottom">
3344                                        <div class="award-card__year">Рейтинг Рунета</div>
3345                                    </div>
3346                                </div>
3347                            </div>
3348                        </a>
3349
3350                        <!-- ДУБЛИКАТЫ ДЛЯ БЕСКОНЕЧНОГО СКРОЛЛА -->
3351                        <!-- Дубликат 1 -->
3352                        <a href="https://ratingruneta.ru/apps/voronezh/" target="_blank" rel="noopener noreferrer"
3353                           class="award-card-link" style="color: inherit; text-decoration: none; display: block;">
3354                          
3354  <div class="award-card">
3355                                <div class="award-card__image-container">
3356                                    <picture>
3357                                        <source srcset="images/gold.webp" type="image/webp">
3358                                        <img width="200" height="300" src="images/gold.webp" alt="Топ-1 Рейтинга Рунета 2025"
3359                                             class="award-card__image" loading="lazy" decoding="async">
3360                                    </picture>
3361                                </div>
3362                                <div class="award-card__content">
3363                                    <div class="award-card__main-content">
3364                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3365                                        <div class="award-card__provider">Мобильные&nbsp;приложения: Воронеж</div>
3366                                    </div>
3367                                    <div class="award-card__bottom">
3368                                        <div class="award-card__year">Рейтинг Рунета</div>
3369                                    </div>
3370                                </div>
3371                            </div>
3372                        </a>
3373
3374                        <!-- Дубликат 2 -->
3375                        <a href="https://ratingruneta.ru/complex-developers/optics/" target="_blank"
3376                           rel="noopener noreferrer" class="award-card-link"
3377                           style="color: inherit; text-decoration: none; display: block;">
3378                            <div class="award-card">
3379                                <div class="award-card__image-container">
3380                                    <picture>
3381                                        <source srcset="images/RR.webp" type="image/webp">
3382                                        <img width="200" height="300" src="images/RR.webp" alt="Рейтинг Рунета" class="award-card__image"
3383                                             loading="lazy" decoding="async">
3384                                    </picture>
3385                                </div>
3386                                <div class="award-card__content">
3387                                    <div class="award-card__main-content">
3388                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3389                                        <div class="award-card__provider">Комплексные разработчики: «Оптика»</div>
3390                                    </div>
3391                                    <div class="award-card__bottom">
3392                                        <div class="award-card__year">Рейтинг Рунета</div>
3393                                    </div>
3394                                </div>
3395                            </div>
3396                        </a>
3397
3398                        <!-- Дубликат 3 -->
3399                        <div class="award-card">
3400                            <div class="award-card__image-container">
3401                                <picture>
3402                                    <source srcset="images/One.webp" type="image/webp">
3403                                    <img width="200" height="300" src="images/One.webp" alt="Топ-1 Рейтинга Рунета 2025"
3404                                         class="award-card__image" loading="lazy" decoding="async">
3405                                </picture>
3406                            </div>
3407                            <div class="award-card__content">
3408                                <div class="award-card__main-content">
3409                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3410                                    <div class="award-card__provider">Разработка мобильных приложений: «Семья, дети»
3411                                    </div>
3412                                </div>
3413                                <div class="award-card__bottom">
3414                                    <div class="award-card__year">Рейтинг Рунета</div>
3415                                </div>
3416                            </div>
3417                        </div>
3418
3419                        <!-- Дубликат 4 -->
3420                        <div class="award-card">
3421                            <div class="award-card__image-container">
3422                                <picture>
3423                                    <source srcset="images/Nagrada4.webp" type="image/webp">
3424                                    <img width="200" height="300" src="images/Nagrada4.webp" alt="Награда за электронику"
3425                                         class="award-card__image" loading="lazy" decoding="async">
3426                                </picture>
3427                            </div>
3428                            <div class="award-card__content">
3429                                <div class="award-card__main-content">
3430                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3431                                    <div class="award-card__provider">Разработка мобильных приложений: «Электроника»
3432                                    </div>
3433                                </div>
3434                                <div class="award-card__bottom">
3435                                    <div class="award-card__year">Рейтинг Рунета</div>
3436                                </div>
3437                            </div>
3438                        </div>
3439
3440                        <!-- Дубликат 5 -->
3441                        <div class="award-card">
3442                            <div class="award-card__image-container">
3443                                <picture>
3444                                    <source srcset="images/MONETA.webp" type="image/webp">
3445                                    <img width="300" height="300" src="images/MONETA.webp" alt="Награда издательское дело"
3446                                         class="award-card__image" loading="lazy" decoding="async">
3447                                </picture>
3448                            </div>
3449                            <div class="award-card__content">
3450                                <div class="award-card__main-content">
3451                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3452                                    <div class="award-card__provider">Разработка мобильных приложений: «Издательское
3453                                        дело, печать»
3454                                    </div>
3455                                </div>
3456                                <div class="award-card__bottom">
3457                                    <div class="award-card__year">Рейтинг Рунета</div>
3458                                </div>
3459                            </div>
3460                        </div>
3461
3462                        <!-- Дубликат 6 -->
3463                        <a href="https://ratingruneta.ru/apps/clothing-trade/" target="_blank" rel="noopener noreferrer"
3464                           class="award-card-link" style="color: inherit; text-decoration: none; display: block;">
3465                            <div class="award-card">
3466                                <div class="award-card__image-container">
3467                                    <picture>
3468                                        <source srcset="images/Ruka.webp" type="image/webp">
3469                                        <img width="200" height="300" src="images/Ruka.webp" alt="Награда одежда и аксессуары"
3470                                             class="award-card__image" loading="lazy" decoding="async">
3471                                    </picture>
3472                                </div>
3473                                <div class="award-card__content">
3474                                    <div class="award-card__main-content">
3475                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3476                                        <div class="award-card__provider">Мобильные&nbsp;приложения: «Одежда, обувь,
3477                                            трикотаж, аксессуары: торговля»
3478                                        </div>
3479                                    </div>
3480                                    <div class="award-card__bottom">
3481                                        <div class="award-card__year">Рейтинг Рунета</div>
3482                                    </div>
3483                                </div>
3484                            </div>
3485                        </a>
3486
3487                        <!-- Дубликат 7 -->
3488                        <div class="award-card">
3489                            <div class="award-card__image-container">
3490                                <picture>
3491                                    <source srcset="images/Kubok5.webp" type="image/webp">
3492                                    <img width="200" height="300" src="images/Kubok5.webp" alt="Награда строительство" class="award-card__image"
3493                                         loading="lazy" decoding="async">
3494                                </picture>
3495                            </div>
3496                            <div class="award-card__content">
3497                                <div class="award-card__main-content">
3498                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3499                                    <div class="award-card__provider">Мобильные&nbsp;приложения: «Строительство ремонт,
3500                                        строительные услуги, проектирование&nbsp;и&nbsp;др.»
3501                                    </div>
3502                                </div>
3503                                <div class="award-card__bottom">
3504                                    <div class="award-card__year">Рейтинг Рунета</div>
3505                                </div>
3506                            </div>
3507                        </div>
3508
3509                        <!-- Дубликат 8 -->
3510                        <div class="award-card">
3511                            <div class="award-card__image-container">
3512                                <picture>
3513                                    <source srcset="images/ZOLOTO.webp" type="image/webp">
3514                                    <img width="200" height="300" src="images/ZOLOTO.webp" alt="Награда детские товары" class="award-card__image"
3515                                         loading="lazy" decoding="async">
3516                                </picture>
3517                            </div>
3518                            <div class="award-card__content">
3519                                <div class="award-card__main-content">
3520                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3521                                    <div class="award-card__provider">Мобильные&nbsp;приложения: «Торговля товарами для
3522                                        детей/семей»
3523                                    </div>
3524                                </div>
3525                                <div class="award-card__bottom">
3526                                    <div class="award-card__year">Рейтинг Рунета</div>
3527                                </div>
3528                            </div>
3529                        </div>
3530
3531                        <!-- Дубликат 9 -->
3532                        <div class="award-card">
3533                            <div class="award-card__image-container">
3534                                <picture>
3535                                    <source srcset="images/Rukazolotaya.webp" type="image/webp">
3536                                    <img width="200" height="300" src="images/Rukazolotaya.webp" alt="Награда оптика" class="award-card__image"
3537                                         loading="lazy" decoding="async">
3538                                </picture>
3539                            </div>
3540                            <div class="award-card__content">
3541                                <div class="award-card__main-content">
3542                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3543                                    <div class="award-card__provider">Мобильные&nbsp;приложения: «Оптика: торговля»
3544                                    </div>
3545                                </div>
3546                                <div class="award-card__bottom">
3547                                    <div class="award-card__year">Рейтинг Рунета</div>
3548                                </div>
3549                            </div>
3550                        </div>
3551
3552                        <!-- Дубликат 10 -->
3553                        <a href="https://ratingruneta.ru/apps/#simple" target="_blank" rel="noopener noreferrer"
3554                           class="award-card-link" style="color: inherit; text-decoration: none; display: block;">
3555                            <div class="award-card">
3556                                <div class="award-card__image-container">
3557                                    <picture>
3558                                        <source srcset="images/10nagrada.webp" type="image/webp">
3559                                        <img width="200" height="300" src="images/10nagrada.webp" alt="Награда простые" class="award-card__image"
3560                                             loading="lazy" decoding="async">
3561                                    </picture>
3562                                </div>
3563                                <div class="award-card__content">
3564                                    <div class="award-card__main-content">
3565                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3566                                        <div class="award-card__provider">Мобильные&nbsp;приложения: «Простые»</div>
3567                                    </div>
3568                                    <div class="award-card__bottom">
3569                                        <div class="award-card__year">Рейтинг Рунета</div>
3570                                    </div>
3571                                </div>
3572                            </div>
3573                        </a>
3574
3575                        <!-- ТРЕТИЙ НАБОР ДУБЛИКАТОВ ДЛЯ БЕСКОНЕЧНОГО СКРОЛЛА -->
3576                        <!-- Дубликат 3-1 -->
3577                        <a href="https://ratingruneta.ru/apps/voronezh/" target="_blank" rel="noopener noreferrer"
3578                           class="award-card-link" style="color: inherit; text-decoration: none; display: block;">
3579                            <div class="award-card">
3580                                <div class="award-card__image-container">
3581                                    <picture>
3582                                        <source srcset="images/gold.webp" type="image/webp">
3583                                        <img width="200" height="300" src="images/gold.webp" alt="Топ-1 Рейтинга Рунета 2025"
3584                                             class="award-card__image" loading="lazy" decoding="async">
3585                                    </picture>
3586                                </div>
3587                                <div class="award-card__content">
3588                                    <div class="award-card__main-content">
3589                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3590                                        <div class="award-card__provider">Мобильные&nbsp;прилоÐ
3590¶ÐµÐ½Ð¸Ñ: Воронеж</div>
3591                                    </div>
3592                                    <div class="award-card__bottom">
3593                                        <div class="award-card__year">Рейтинг Рунета</div>
3594                                    </div>
3595                                </div>
3596                            </div>
3597                        </a>
3598
3599                        <!-- Дубликат 3-2 -->
3600                        <a href="https://ratingruneta.ru/complex-developers/optics/" target="_blank"
3601                           rel="noopener noreferrer" class="award-card-link"
3602                           style="color: inherit; text-decoration: none; display: block;">
3603                            <div class="award-card">
3604                                <div class="award-card__image-container">
3605                                    <picture>
3606                                        <source srcset="images/RR.webp" type="image/webp">
3607                                        <img width="200" height="300" src="images/RR.webp" alt="Рейтинг Рунета" class="award-card__image"
3608                                             loading="lazy" decoding="async">
3609                                    </picture>
3610                                </div>
3611                                <div class="award-card__content">
3612                                    <div class="award-card__main-content">
3613                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3614                                        <div class="award-card__provider">Комплексные разработчики: «Оптика»</div>
3615                                    </div>
3616                                    <div class="award-card__bottom">
3617                                        <div class="award-card__year">Рейтинг Рунета</div>
3618                                    </div>
3619                                </div>
3620                            </div>
3621                        </a>
3622
3623                        <!-- Дубликат 3-3 -->
3624                        <div class="award-card">
3625                            <div class="award-card__image-container">
3626                                <picture>
3627                                    <source srcset="images/One.webp" type="image/webp">
3628                                    <img width="200" height="300" src="images/One.webp" alt="Топ-1 Рейтинга Рунета 2025"
3629                                         class="award-card__image" loading="lazy" decoding="async">
3630                                </picture>
3631                            </div>
3632                            <div class="award-card__content">
3633                                <div class="award-card__main-content">
3634                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3635                                    <div class="award-card__provider">Разработка мобильных приложений: «Семья, дети»
3636                                    </div>
3637                                </div>
3638                                <div class="award-card__bottom">
3639                                    <div class="award-card__year">Рейтинг Рунета</div>
3640                                </div>
3641                            </div>
3642                        </div>
3643
3644                        <!-- Дубликат 3-4 -->
3645                        <div class="award-card">
3646                            <div class="award-card__image-container">
3647                                <picture>
3648                                    <source srcset="images/Nagrada4.webp" type="image/webp">
3649                                    <img width="200" height="300" src="images/Nagrada4.webp" alt="Награда за электронику"
3650                                         class="award-card__image" loading="lazy" decoding="async">
3651                                </picture>
3652                            </div>
3653                            <div class="award-card__content">
3654                                <div class="award-card__main-content">
3655                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3656                                    <div class="award-card__provider">Разработка мобильных приложений: «Электроника»
3657                                    </div>
3658                                </div>
3659                                <div class="award-card__bottom">
3660                                    <div class="award-card__year">Рейтинг Рунета</div>
3661                                </div>
3662                            </div>
3663                        </div>
3664
3665                        <!-- Дубликат 3-5 -->
3666                        <div class="award-card">
3667                            <div class="award-card__image-container">
3668                                <picture>
3669                                    <source srcset="images/MONETA.webp" type="image/webp">
3670                                    <img width="300" height="300" src="images/MONETA.webp" alt="Награда издательское дело"
3671                                         class="award-card__image" loading="lazy" decoding="async">
3672                                </picture>
3673                            </div>
3674                            <div class="award-card__content">
3675                                <div class="award-card__main-content">
3676                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3677                                    <div class="award-card__provider">Разработка мобильных приложений: «Издательское
3678                                        дело, печать»
3679                                    </div>
3680                                </div>
3681                                <div class="award-card__bottom">
3682                                    <div class="award-card__year">Рейтинг Рунета</div>
3683                                </div>
3684                            </div>
3685                        </div>
3686
3687                        <!-- Дубликат 3-6 -->
3688                        <a href="https://ratingruneta.ru/apps/clothing-trade/" target="_blank" rel="noopener noreferrer"
3689                           class="award-card-link" style="color: inherit; text-decoration: none; display: block;">
3690                            <div class="award-card">
3691                                <div class="award-card__image-container">
3692                                    <picture>
3693                                        <source srcset="images/Ruka.webp" type="image/webp">
3694                                        <img width="200" height="300" src="images/Ruka.webp" alt="Награда одежда и аксессуары"
3695                                             class="award-card__image" loading="lazy" decoding="async">
3696                                    </picture>
3697                                </div>
3698                                <div class="award-card__content">
3699                                    <div class="award-card__main-content">
3700                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3701                                        <div class="award-card__provider">Мобильные&nbsp;приложения: «Одежда, обувь,
3702                                            трикотаж, аксессуары: торговля»
3703                                        </div>
3704                                    </div>
3705                                    <div class="award-card__bottom">
3706                                        <div class="award-card__year">Рейтинг Рунета</div>
3707                                    </div>
3708                                </div>
3709                            </div>
3710                        </a>
3711
3712                        <!-- Дубликат 3-7 -->
3713                        <div class="award-card">
3714                            <div class="award-card__image-container">
3715                                <picture>
3716                                    <source srcset="images/Kubok5.webp" type="image/webp">
3717                                    <img width="200" height="300" src="images/Kubok5.webp" alt="Награда строительство" class="award-card__image"
3718                                         loading="lazy" decoding="async">
3719                                </picture>
3720                            </div>
3721                            <div class="award-card__content">
3722                                <div class="award-card__main-content">
3723                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3724                                    <div class="award-card__provider">Мобильные&nbsp;приложения: «Строительство ремонт,
3725                                        строительные услуги, проектирование&nbsp;и&nbsp;др.»
3726                                    </div>
3727                                </div>
3728                                <div class="award-card__bottom">
3729                                    <div class="award-card__year">Рейтинг Рунета</div>
3730                                </div>
3731                            </div>
3732                        </div>
3733
3734                        <!-- Дубликат 3-8 -->
3735                        <div class="award-card">
3736                            <div class="award-card__image-container">
3737                                <picture>
3738                                    <source srcset="images/ZOLOTO.webp" type="image/webp">
3739                                    <img width="200" height="300" src="images/ZOLOTO.webp" alt="Награда детские товары" class="award-card__image"
3740                                         loading="lazy" decoding="async">
3741                                </picture>
3742                            </div>
3743                            <div class="award-card__content">
3744                                <div class="award-card__main-content">
3745                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3746                                    <div class="award-card__provider">Мобильные&nbsp;приложения: «Торговля товарами для
3747                                        детей/семей»
3748                                    </div>
3749                                </div>
3750                                <div class="award-card__bottom">
3751                                    <div class="award-card__year">Рейтинг Рунета</div>
3752                                </div>
3753                            </div>
3754                        </div>
3755
3756                        <!-- Дубликат 3-9 -->
3757                        <div class="award-card">
3758                            <div class="award-card__image-container">
3759                                <picture>
3760                                    <source srcset="images/Rukazolotaya.webp" type="image/webp">
3761                                    <img width="200" height="300" src="images/Rukazolotaya.webp" alt="Награда оптика" class="award-card__image"
3762                                         loading="lazy" decoding="async">
3763                                </picture>
3764                            </div>
3765                            <div class="award-card__content">
3766                                <div class="award-card__main-content">
3767                                    <div class="award-card__year award-card__year--first-place">1 место</div>
3768                                    <div class="award-card__provider">Мобильные&nbsp;приложения: «Оптика: торговля»
3769                                    </div>
3770                                </div>
3771                                <div class="award-card__bottom">
3772                                    <div class="award-card__year">Рейтинг Рунета</div>
3773                                </div>
3774                            </div>
3775                        </div>
3776
3777                        <!-- Дубликат 3-10 -->
3778                        <a href="https://ratingruneta.ru/apps/#simple" target="_blank" rel="noopener noreferrer"
3779                           class="award-card-link" style="color: inherit; text-decoration: none; display: block;">
3780                            <div class="award-card">
3781                                <div class="award-card__image-container">
3782                                    <picture>
3783                                        <source srcset="images/10nagrada.webp" type="image/webp">
3784                                        <img width="200" height="300" src="images/10nagrada.webp" alt="Награда простые" class="award-card__image"
3785                                             loading="lazy" decoding="async">
3786                                    </picture>
3787                                </div>
3788                                <div class="award-card__content">
3789                                    <div class="award-card__main-content">
3790                                        <div class="award-card__year award-card__year--first-place">1 место</div>
3791                                        <div class="award-card__provider">Мобильные&nbsp;приложения: «Простые»</div>
3792                                    </div>
3793                                    <div class="award-card__bottom">
3794                                        <div class="award-card__year">Рейтинг Рунета</div>
3795                                    </div>
3796                                </div>
3797                            </div>
3798                        </a>
3799                    </div>
3800                </div>
3801            </div>
3802        </div>
3803
3804        <!-- Блок с дополнительным текстом ПОД бегущей строкой в блоке 119 -->
3805        <div class="achievements-119__footer">
3806            <div class="achievements-119__footer-content">
3807                <div class="achievements-119__footer-text">
3808                    Нас отмечают за технологии,<br>дизайн и клиентский опыт
3809                </div>
3810                <a href="#" class="achievements-119__footer-button">Все достижения</a>
3811            </div>
3812        </div>
3813
3814        </div>
3815    </section>
3816
3817    <!-- Основной контент -->
3818    <div class="content-wrapper">
3819        <!-- Дублирующий блок услуг удален -->
3820
3821        <!-- Наши продукты -->
3822        <section class="our-products">
3823            <div class="our-products__container">
3824                <h2 class="our-products__title">НАШИ ПРОДУКТЫ: МОБИЛЬНЫЕ ПРИЛОЖЕНИЯ, САЙТЫ И ИИ-РЕШЕНИЯ</h2>
3825                <div class="our-products__grid">
3826                    <!-- 1. Большая карточка -->
3827                    <div class="product-card product-card--wide product-card--black"
3828                         data-heading="ПРИЛОЖЕНИЕ И САЙТ НА FLUTTER">
3829                        <div class="product-card__content">
3830                            <h3 class="product-card__title">Приложение и сайт<br>на&nbsp;Flutter</h3>
3831                            <p class="product-card__description">Кроссплатформенная разработка с&nbsp;единой кодовой
3832                                базой для&nbsp;веб и&nbsp;мобильных платформ.</p>
3833                            <a href="https://fittin.ru/mobilnye-prilozheniya-ecommerce" class="product-card__cta"
3834                               target="_blank" rel="noopener">О продукте</a>
3835                        </div>
3836                    </div>
3837
3838                    <!-- 2. Ряд: AI-рекрутер | AI-сайт -->
3839                    <div class="product-card product-card--gray" data-heading="AI-РЕКРУТЕР">
3840      
3840                  <div class="product-card__content">
3841                            <h3 class="product-card__title"><span class="ai-mark">ИИ</span>-рекрутер ДЛЯ РИТЕЙЛА</h3>
3842                            <p class="product-card__description">Автоматизированная система подбора персонала с&nbsp;анализом
3843                                резюме и&nbsp;профилей кандидатов.</p>
3844                            <a href="https://ai-recruiter.fittin.ru/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_recruiter"
3845                               class="product-card__cta" target="_blank" rel="noopener">О продукте</a>
3846                        </div>
3847                    </div>
3848
3849                    <div class="product-card product-card--orange" data-heading="AI-САЙТ">
3850                        <div class="product-card__content">
3851                            <h3 class="product-card__title"><span class="ai-mark">ИИ</span>-сайт</h3>
3852                            <p class="product-card__description">Умные веб-решения с&nbsp;интеграцией искусственного
3853                                интеллекта и&nbsp;машинного обучения.</p>
3854                            <a href="https://ai-site.fittin.ru/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_site"
3855                               class="product-card__cta" target="_blank" rel="noopener">О продукте</a>
3856                        </div>
3857                    </div>
3858
3859                    <!-- 3. Ряд: AI-ассистент | КОНТЕНТЗАВОД -->
3860                    <div class="product-card product-card--black" data-heading="AI-АССИСТЕНТ">
3861                        <div class="product-card__content">
3862                            <h3 class="product-card__title"><span class="ai-mark">ИИ</span>-ассистент</h3>
3863                            <p class="product-card__description">Персональный виртуальный помощник на&nbsp;базе
3864                                искусственного интеллекта для&nbsp;автоматизации задач.</p>
3865                            <a href="https://ai-assist.online/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_assistant"
3866                               class="product-card__cta" target="_blank" rel="noopener">О продукте</a>
3867                        </div>
3868                    </div>
3869
3870                    <div class="product-card product-card--gray" data-heading="КОНТЕНТЗАВОД">
3871                        <div class="product-card__content">
3872                            <h3 class="product-card__title">КОНТЕНТЗАВОД</h3>
3873                            <p class="product-card__description">Автоматическая публикация до&nbsp;5&nbsp;оптимизированных для&nbsp;продвижения в&nbsp;поисковых системах статей в&nbsp;день.</p>
3874                            <a href="https://contentzavod.guru/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=news_ai"
3875                               class="product-card__cta" target="_blank" rel="noopener">О продукте</a>
3876                        </div>
3877                    </div>
3878
3879                    <!-- 4. Большая карточка: Обработка отзывов -->
3880                    <div class="product-card product-card--wide product-card--black"
3881                         data-heading="ОБРАБОТКА ОТЗЫВОВ НА МАРКЕТПЛЕЙСАХ">
3882                        <div class="product-card__content">
3883                            <h3 class="product-card__title">Обработка отзывов и&nbsp;вопросов на&nbsp;маркетплейсах с&nbsp;помощью
3884                                нейросети</h3>
3885                            <p class="product-card__description">Генерируйте ответы и&nbsp;отправляйте их&nbsp;на&nbsp;маркетплейс
3886                                в&nbsp;один клик.</p>
3887                            <a href="https://salesynergy.ru/" class="product-card__cta" target="_blank" rel="noopener">О
3888                                продукте</a>
3889                        </div>
3890                    </div>
3891
3892                    <!-- 5. Ряд: AI-обработка фото | AI-поиск -->
3893                    <div class="product-card product-card--gray" data-heading="AI-ОБРАБОТКА ФОТО">
3894                        <div class="product-card__content">
3895                            <h3 class="product-card__title"><span class="ai-mark">ИИ</span>-обработка<br>фото ТОВАРОВ</h3>
3896                            <p class="product-card__description">Оптимизация изображений<br>для продающей визуализации.
3897                            </p>
3898                            <a href="images/AI-Photo.pdf" class="product-card__cta" target="_blank" rel="noopener">О
3899                                продукте</a>
3900                        </div>
3901                    </div>
3902
3903                    <div class="product-card product-card--orange" data-heading="AI-ПОИСК">
3904                        <div class="product-card__content">
3905                            <h3 class="product-card__title"><span class="ai-mark">ИИ</span>-поиск ПО КАТАЛОГУ</h3>
3906                            <p class="product-card__description">Продвинутая поисковая система с&nbsp;использованием
3907                                машинного обучения и&nbsp;нейронных сетей.</p>
3908                            <a href="https://ai-search.fittin.ru/?utm_source=fittin.ru&utm_medium=organic&utm_campaign=ai_search"
3909                               class="product-card__cta" target="_blank" rel="noopener">О продукте</a>
3910                        </div>
3911                    </div>
3912
3913                    <!-- 6. Большая карточка: Геймификация -->
3914                    <div class="product-card product-card--wide product-card--black appear-animation appear-visible"
3915                         data-heading="ГЕЙМИФИКАЦИЯ">
3916                        <div class="product-card__content">
3917                            <h3 class="product-card__title">Игровые механики</h3>
3918                            <p class="product-card__description">Интеграция игровых механик в&nbsp;мобильное приложение
3919                                и сайт: система лояльности, квесты, рейтинги для&nbsp;роста конверсии.</p>
3920                            <a href="https://fittin.ru/gejmifikaciya" class="product-card__cta" target="_blank"
3921                               rel="noopener">О продукте</a>
3922                        </div>
3923                    </div>
3924                </div>
3925            </div>
3926        </section>
3927
3928        <!-- Видео-блок -->
3929        <section class="video-showcase" style="display: none;">
3930            <div class="video-showcase__container">
3931                <h2 class="video-showcase__title">ИНТЕРВЬЮ С&nbsp;КЛИЕНТАМИ</h2>
3932                <p class="video-showcase__subtitle">Сергей Олин, сооснователь и&nbsp;генеральный директор Fashouse, и&nbsp;Виктория
3933                    Рамакаева, руководитель клиентского сервиса Maxma, делятся опытом сотрудничества с&nbsp;FITTIN</p>
3934                <div class="video-showcase__wrapper">
3935                    <video
3936                            class="video-showcase__player"
3937                            controls
3938                            preload="metadata"
3939                            poster="images/S26-image.png"
3940                            playsinline
3941                            webkit-playsinline
3942                            x-webkit-airplay="allow"
3943                            data-poster-fallback="images/S26-image.png">
3944                        <source src="https://storage.yandexcloud.net/webflutter/Oborot2025/Fashouse.mp4"
3945                                type="video/mp4">
3946                        Ваш браузер не поддерживает воспроизведение видео.
3947                    </video>
3948                </div>
3949            </div>
3950        </section>
3951
3952        <!-- Скрипт для фикса poster в Safari -->
3953        
3953<script>
3954            (function () {
3955                // Фикс для Safari - принудительная установка poster
3956                const video = document.querySelector('.video-showcase__player');
3957                if (video) {
3958                    const posterUrl = video.getAttribute('poster') || video.getAttribute('data-poster-fallback');
3959
3960                    // Устанавливаем poster через JavaScript для Safari
3961                    if (posterUrl) {
3962                        video.poster = posterUrl;
3963
3964                        // Дополнительно устанавливаем background-image как fallback
3965                        const wrapper = video.parentElement;
3966                        if (wrapper) {
3967                            wrapper.style.backgroundImage = `url(${posterUrl})`;
3968                            wrapper.style.backgroundSize = 'cover';
3969                            wrapper.style.backgroundPosition = 'center';
3970                        }
3971
3972                        // Принудительная загрузка poster для Safari
3973                        video.load();
3974                    }
3975
3976                    // Убираем background при начале воспроизведения
3977                    video.addEventListener('play', function () {
3978                        const wrapper = this.parentElement;
3979                        if (wrapper) {
3980                            wrapper.style.backgroundImage = 'none';
3981                        }
3982                    });
3983                }
3984            })();
3985        </script>
3985
3986        <!-- Принцип компании -->
3987        <section class="principle">
3988            <div class="principle__container">
3989                <h2 class="principle__title">
3990                    <span>Главный принцип компании —</span>
3991                    <span>достижение бизнес-целей клиентов через цифровые продукты</span>
3992                </h2>
3993                <a href="https://fittin.ru/all_cases" class="principle__button"
3994                   title="Заказать разработку мобильного приложения" style="font-weight: 500;">Наши кейсы</a>
3995            </div>
3996        </section>
3997
3998        <!-- Технологии против затрат -->
3999        <section class="profit-tech" id="profit-tech" aria-labelledby="profit-tech-title">
4000            <div class="profit-tech__container">
4001                <h2 id="profit-tech-title" class="profit-tech__title">Технологии против затрат: как наши решения повышают прибыль</h2>
4002                <div class="profit-tech__grid">
4003                    <div class="profit-tech__branch profit-tech__branch--desktop">
4004                    <article class="profit-tech-card profit-tech-card--plaque-end profit-tech-card--shift-down">
4005                        <div class="profit-tech-card__visual profit-tech-m--l1">
4006                            <img src="images/cases/Cases Main/photo1-bw.webp" alt=""
4007                                 class="profit-tech-card__image profit-tech-card__image--bw" loading="lazy" decoding="async" width="600" height="400">
4008                            <img src="images/cases/Cases Main/photo1.webp" alt=""
4009                                 class="profit-tech-card__image profit-tech-card__image--color" loading="lazy" decoding="async" width="600" height="400" aria-hidden="true">
4010                            <div class="profit-tech-card__lens" aria-hidden="true">
4011                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tl"></span>
4012                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tr"></span>
4013                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--br"></span>
4014                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--bl"></span>
4015                            </div>
4016                        </div>
4017                        <div class="profit-tech-card__plaque profit-tech-card__plaque--dark profit-tech-m--r1">
4018                            <h3 class="profit-tech-card__brand profit-tech-card__brand--gulliver-svg">
4019                                <svg width="126" height="15" viewBox="0 0 126 15" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="GULLIVER">
4020                                    <title>GULLIVER</title>
4021                                    <path d="M6.1787 0.074146C9.47305 -0.320994 11.7047 0.856738 13.2698 3.76254L9.99213 5.09522C9.56767 4.30629 9.00922 3.50376 8.1304 3.25343C6.12167 2.75479 4.61157 3.50781 3.90519 5.53902C2.80983 8.68899 5.13842 12.3932 8.68699 10.9128C9.43047 10.6026 9.7592 9.7546 9.98478 9.00108L7.09714 8.9977L7.09773 6.35262L8.44519 6.35532L13.9814 6.35169C14.0043 8.23302 13.7008 10.0304 12.5953 11.6057C10.5013 14.5898 5.55367 14.9492 2.70836 12.8352C1.27531 11.7555 0.333889 10.1471 0.0941182 8.36887C-0.509363 4.16325 1.82075 0.682612 6.1787 0.074146Z" fill="black"/>
4022                                    <path d="M28.9383 0.404624L32.4048 0.402344L32.4051 3.38393L32.4155 6.71765C32.4188 8.80614 32.5644 10.7529 30.9478 12.3899C28.816 14.5932 24.3366 14.691 22.1414 12.5399C20.4988 10.9303 20.785 8.00631 20.7843 5.85902L20.7874 0.403949L24.2669 0.408004L24.2587 6.12414C24.2576 7.30094 24.0289 9.50627 24.9131 10.3553C26.191 11.5823 28.5445 11.0907 28.8169 9.15853C28.9888 7.93915 28.9454 6.86331 28.9451 5.63353L28.9383 0.404624Z" fill="black"/>
4023                                    <path d="M89.9865 0.400024C91.2276 0.416415 92.5033 0.401629 93.7478 0.401967C93.311 1.55748 92.6985 2.89683 92.2042 4.04719C90.9234 7.23543 89.428 10.5546 88.083 13.7383L85.3668 13.7434C83.672 9.3953 81.3757 4.72536 79.7891 0.414387C80.9719 0.374932 82.3456 0.406783 83.5428 0.404924L86.7397 8.45827C87.1469 7.6173 87.5913 6.41321 87.947 5.52079L89.9865 0.400024Z" fill="black"/>
4024                                    <path d="M98.8704 0.40625L106.441 0.410642C106.454 1.37201 106.441 2.3528 106.439 3.31585C105.092 3.29 103.685 3.30698 102.333 3.30343L102.33 5.61395C103.611 5.58269 104.945 5.60043 106.231 5.60195L106.227 8.48224L102.338 8.47624L102.337 10.0375L102.338 10.8656L106.442 10.8631C106.455 11.8066 106.442 12.7914 106.441 13.7381L98.8594 13.7375C98.9312 9.35498 98.8628 4.80644 98.8704 0.40625Z" fill="black"/>
4025                                    <path d="M55.6505 0.408596L59.12 0.402344L59.1186 10.8627L63.3029 10.861L63.2979 13.7377L55.6484 13.7377L55.6505 0.408596Z" fill="black"/>
4026                                    <path d="M40.742 0.402746L44.2081 0.398438L44.2025 10.8619L48.3589 10.8601L48.3609 13.7337L40.7266 13.7412L40.742 0.402746Z" fill="black"/>
4027                                    <path d="M70.2732 0.401816L73.7388 0.398438L73.7371 13.7331L70.2656 13.7399C70.3172 9.32925 70.2715 4.82 70.2732 0.401816Z" fill="black"/>
4028                                    <path d="M114.055 0.406542C115.892 0.39966 120.469 0.140562 121.785 0.913377C124.809 2.68753 124.65 7.14402 120.979 8.30498C122.103 9.92582 123.893 12.1558 125.138 13.7337L123.087 13.7366L120.806 13.7376L117.524 8.69756L117.519 13.7395L114.057 13.7415L114.055 0.406542ZM117.518 3.06865C117.525 4.1782 117.525 5.28829 117.517 6.39775C118.368 6.38815 119.11 6.44774 119.804 5.88506C121.168 3.78274 119.399 3.04728 117.518 3.06865Z" fill="black"/>
4029                                </svg>
4030                            </h3>
4031                            <p class="profit-tech-card__text"><span class="profit-tech-card__accent">50%</span>&nbsp;— прибыли через мобильное приложение</p>
4032                            <div class="profit-tech-card__cta-row profit-tech-card__cta-row--arrow-start">
4033                                <a class="profit-tech-card__arrow" href="all_cases/gulliver" aria-label="О проекте Gulliver">
4034                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
4035                                </a>
4036                                <a class="profit-tech-card__pill" href="all_cases/gulliver">О проекте</a>
4037                            </div>
4038                        </div>
4039                    </article>
4040                    <article class="profit-tech-card profit-tech-card--plaque-start profit-tech-card--shift-up">
4041                        <div class="profit-tech-card__visual profit-tech-card__visual--lens-hint profit-tech-m--r2">
4042                            <img src="images/cases/Cases Main/photo2-bw.webp" alt=""
4043                                 class="profit-tech-card__image profit-tech-card__image--bw" loading="lazy" decoding="async" width="600" height="400">
4044                            <img src="images/cases/Cases Main/photo2.webp" alt=""
4045                                 class="profit-tech-card__image profit-tech-card__image--color" loading="lazy" decoding="async" width="600" height="400" aria-hidden="true">
4046                            <div class="profit-tech-card__lens" aria-hidden="true">
4047                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tl"></span>
4048                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tr"></span>
4049                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--br"></span>
4050                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--bl"></span>
4051                            </div>
4052                        </div>
4053                        <div class="profit-tech-card__plaque profit-tech-card__plaque--light profit-tech-m--l2">
4054                            <h3 class="profit-tech-card__brand profit-tech-card__brand--glvr-svg">
4055                                <svg width="70" height="15" viewBox="0 0 70 15" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="GLVR">
4056                                    <title>GLVR</title>
4057                                    <path d="M14.4899 6.6133C14.4899 8.12223 14.3204 9.35339 13.9851 10.3057C13.4693 11.7523 12.6218 12.8681 11.4385 13.6475C10.3 14.3949 8.9472 14.7707 7.38681 14.7707C4.84699 14.7707 2.89964 13.9011 1.53953 12.1663C0.512133 10.8487 0 9.27688 0 7.45138C0 5.42775 0.602356 3.72751 1.80237 2.35066C3.16562 0.782508 5.06866 0 7.51457 0C9.14745 0 10.5316 0.420866 11.6664 1.25893C12.4758 1.85695 13.1679 2.73642 13.7426 3.90154L10.3381 5.29935C10.0471 4.66307 9.70863 4.18664 9.32425 3.86693C8.7704 3.4183 8.10962 3.19239 7.34508 3.19239C5.78469 3.19239 4.69472 3.99903 4.08245 5.61277C3.85037 6.20711 3.73669 6.81927 3.73669 7.45191C3.73669 8.76953 4.15182 9.86493 4.98573 10.7449C5.60164 11.3985 6.42513 11.725 7.45251 11.725C8.36571 11.725 9.09219 11.4577 9.62517 10.9252C9.97824 10.5741 10.2098 10.0557 10.3172 9.36753H7.34875V6.61383H14.4899V6.6133ZM30.426 14.3325H22.5166V0.417197H26.1078V11.3283H30.426V14.3325ZM51.0814 0.417197L45.1824 14.3325H42.3871L36.5706 0.417197H40.4835L43.8156 8.87696L47.1788 0.417197H51.0814ZM69.7642 14.3325H65.3011L61.8756 9.01272V14.3325H58.2845V0.417197H63.8757C65.5124 0.417197 66.7201 0.910915 67.5051 1.89835C68.1381 2.69449 68.4568 3.63002 68.4568 4.70448C68.4568 5.93876 68.0933 6.92306 67.3637 7.6563C66.8963 8.1254 66.2528 8.45244 65.4367 8.63694L69.7642 14.3325ZM64.72 4.90573C64.72 4.40886 64.5401 3.99114 64.1804 3.65046C63.8443 3.33076 63.2978 3.17092 62.5474 3.17092H61.8762V6.65471H62.5474C63.3052 6.65471 63.8517 6.49485 64.1804 6.17514C64.5401 5.82713 64.72 5.40311 64.72 4.90573Z" fill="black"/>
4058                                </svg>
4059                            </h3>
4060                            <p class="profit-tech-card__text"><span class="profit-tech-card__accent">x3</span>&nbsp;— рост конверсии сайта с технологией Flutter</p>
4061                            <div class="profit-tech-card__cta-row profit-tech-card__cta-row--arrow-start">
4062                                <a class="profit-tech-card__arrow" href="https://glvr-wear.com/" target="_blank" rel="noopener" aria-label="Сайт GLVR">
4063                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
4064                                </a>
4065                                <a class="profit-tech-card__pill" href="https://glvr-wear.com/" target="_blank" rel="noopener">О проекте</a>
4066                            </div>
4067                        </div>
4068                    </article>
4069                    <article class="profit-tech-card profit-tech-card--reverse profit-tech-card--plaque-end profit-tech-card--shift-up-soft">
4070                        <div class="profit-tech-card__visual profit-tech-m--l4">
4071                            <img src="images/cases/Cases Main/photo3-bw.webp" alt=""
4072                                 class="profit-tech-card__image profit-tech-card__image--bw" loading="lazy" decoding="async" width="600" height="400">
4073                            <img src="images/cases/Cases Main/photo3.webp" alt=""
4074                                 class="profit-tech-card__image profit-tech-card__image--color" loading="lazy" decoding="async" width="600" height="400" aria-hidden="true">
4075                            <div class="profit-tech-card__lens" aria-hidden="true">
4076                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tl"></span>
4077                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tr"></span>
4078                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--br"></span>
4079                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--bl"></span>
4080                            </div>
4081                        </div>
4082                        <div class="profit-tech-card__plaque profit-tech-card__plaque--light profit-tech-card__plaque--idol profit-tech-m--r4">
4083                            <h3 class="profit-tech-card__brand profit-tech-card__brand--idol-svg">
4084                                <svg width="63" height="20" viewBox="0 0 63 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="ÍDOL">
4085                                    <title>ÍDOL</title>
4086                                    <g clip-path="url(#profit-tech-idol-clip-d)">
4087                                        <path d="M8.20878 2.66187L1.24312 5.89765L0 3.23579L6.96416 0L8.20878 2.66187Z" fill="black"/>
4088                                        <path d="M6.47857 19.473H2.51762V6.82281H6.47857V19.473Z" fill="black"/>
4089                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M17.8131 6.82281H9.43397V19.473H17.831C25.224 19.473 26.7375 16.0385 26.7375 13.3183V12.8086C26.7375 9.96892 25.1343 6.82281 17.8131 6.82281ZM17.5083 16.4285H13.3949V9.81498H17.5083C22.0609 9.81498 22.5883 11.7714 22.5883 13.0627V13.1644C22.5883 14.4572 21.9907 16.4285 17.5083 16.4285Z" fill="black"/>
4090                                        <path fill-rule="evenodd" clip-rule="evenodd" d="M38.2409 6.60161C46.1957 6.60161 47.1295 10.5981 47.1295 12.8595V13.3691C47.1295 15.5961 46.2121 19.6942 38.2409 19.6942H37.5103C29.5032 19.6942 28.6037 15.5961 28.6037 13.3691V12.8535C28.6037 10.5922 29.5002 6.59563 37.5103 6.59563L38.2409 6.60161ZM42.9833 12.9775C42.9833 11.5323 42.1495 9.66253 37.8673 9.66253C33.5149 9.66253 32.7499 11.5323 32.7499 12.9775V13.1823C32.7499 14.6276 33.5837 16.6198 37.8673 16.6198C42.1167 16.6198 42.9833 14.6769 42.9833 13.2197V12.9775Z" fill="black"/>
4091                                        <path d="M53.5334 16.3269V6.82281H49.5724V19.4655H62.3219V16.3269H53.5334Z" fill="black"/>
4092                                    </g>
4093                                    <defs>
4094                                        <clipPath id="profit-tech-idol-clip-d">
4095                                            <rect width="62.3218" height="19.6942" fill="white"/>
4096                                        </clipPath>
4097                                    </defs>
4098                                </svg>
4099                            </h3>
4100                            <p class="profit-tech-card__text"><span class="profit-tech-card__accent">за&nbsp;21 день </span>запустили fashion-приложение</p>
4101                            <div class="profit-tech-card__cta-row profit-tech-card__cta-row--arrow-end">
4102                                <a class="profit-tech-card__pill" href="all_cases/idol">О проекте</a>
4103                                <a class="profit-tech-card__arrow" href="all_cases/idol" aria-label="О проекте ÍDOL">
4104                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
4105                                </a>
4106                            </div>
4107                        </div>
4108                    </article>
4109                    <article class="profit-tech-card profit-tech-card--reverse profit-tech-card--plaque-start profit-tech-card--shift-down-soft">
4110                        <div class="profit-tech-card__visual profit-tech-m--r3">
4111                            <img src="images/cases/Cases Main/photo4-bw.webp" alt=""
4112                                 class="profit-tech-card__image profit-tech-card__image--bw" loading="lazy" decoding="async" width="600" height="400">
4113                            <img src="images/cases/Cases Main/photo4.webp" alt=""
4114                                 class="profit-tech-card__image profit-tech-card__image--color" loading="lazy" decoding="async" width="600" height="400" aria-hidden="true">
4115                            <div class="profit-tech-card__lens" aria-hidden="true">
4116                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tl"></span>
4117                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tr"></span>
4118                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--br"></span>
4119                                <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--bl"></span>
4120                            </div>
4121                        </div>
4122                        <div class="profit-tech-card__plaque profit-tech-card__plaque--light profit-tech-m--l3">
4123                            <h3 class="profit-tech-card__brand profit-tech-card__brand--finn-svg">
4124                                <svg width="116" height="14" viewBox="0 0 116 14" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="FINN FLARE">
4125                                    <title>FINN FLARE</title>
4126                                    <g clip-path="url(#profit-tech-finn-clip-d)">
4127                                        <path d="M19.6719 0H21.9152L28.5618 9.96162V0H30.8823V13.9501H28.6389L21.9924 3.98845V13.9501H19.6719V0Z" fill="black"/>
4128                                        <path d="M15.1186 0V13.9501H12.5859V0H15.1186Z" fill="black"/>
4129                                        <path d="M69.7137 0V11.6737H75.8653V13.9501H67.1875V0H69.7137Z" fill="black"/>
4130                                        <path d="M115.709 0V2.27006H109.043V5.64344H115.137V7.9135H109.043V11.6737H115.709V13.9501H106.523V0H115.709Z" fill="black"/>
4131                                        <path d="M90.6817 13.9501L85.8157 0H82.6082L77.7422 13.9501H80.3005C80.6798 12.815 80.9755 11.9463 81.2197 11.2171H87.1977C87.4356 11.9146 87.7248 12.7833 88.1169 13.9501H90.6817ZM82.0039 8.94707C82.5182 7.46329 83.0131 5.99219 84.2152 2.25103C85.5843 6.52483 85.9829 7.69156 86.42 8.94707H82.0104H82.0039Z" fill="black"/>
4132                                        <path d="M9.3977 0V2.27006H2.51334V5.93512H8.88346V8.20518H2.51334V13.9501H0V0H9.3977Z" fill="black"/>
4133                                        <path d="M37.7839 0L44.1412 9.91089V0H46.6417V13.9501H44.0126L37.6553 4.03918V13.9501H35.1484V0H37.7839Z" fill="black"/>
4134                                        <path d="M64.4358 0V2.27006H57.4936V5.93512H63.9151V8.20518H57.4936V13.9501H54.9609V0H64.4358Z" fill="black"/>
4135                                        <path d="M100.952 13.9501H103.704L100.072 8.3637C100.541 8.25591 100.997 8.09104 101.428 7.85643C101.698 7.70425 101.949 7.53304 102.161 7.33647C102.379 7.1399 102.572 6.92431 102.739 6.69604C102.906 6.46142 103.041 6.21412 103.157 5.94146C103.382 5.39614 103.498 4.94594 103.498 4.25477C103.498 3.56361 103.382 3.17047 103.157 2.61881C103.041 2.34615 102.906 2.09885 102.739 1.86424C102.572 1.63596 102.386 1.42037 102.161 1.2238C101.942 1.02723 101.698 0.856027 101.428 0.703845C100.464 0.171205 99.3647 0 98.2848 0H93.0781V13.9437H95.6172V8.55393H97.4492L100.959 13.9437L100.952 13.9501ZM95.6043 2.27006H98.529C99.5061 2.27006 100.502 2.64417 100.875 3.62702C101.042 4.06454 101.036 4.50207 100.875 4.93959C100.496 5.9161 99.5061 6.28387 98.5355 6.28387H95.6107V2.27006H95.6043Z" fill="black"/>
4136                                    </g>
4137                                    <defs>
4138                                        <clipPath id="profit-tech-finn-clip-d">
4139                                            <rect width="115.704" height="13.9501" fill="white"/>
4140                                        </clipPath>
4141                                    </defs>
4142                                </svg>
4143                            </h3>
4144                            <p class="profit-tech-card__text"><span class="profit-tech-card__accent">в 2,5</span>&nbsp;раза снизили траты, сменив подрядчика</p>
4145                            <div class="profit-tech-card__cta-row profit-tech-card__cta-row--arrow-end">
4146                                <a class="profit-tech-card__pill" href="all_cases/finn-flare">О проекте</a>
4147                                <a class="profit-tech-card__arrow" href="all_cases/finn-flare" aria-label="О проекте Finn Flare">
4148                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
4149                                </a>
4150                            </div>
4151                        </div>
4152                    </article>
4153                    </div>
4154                    <div class="profit-tech__branch profit-tech__branch--mobile">
4155                        <div class="profit-tech__m-col profit-tech__m-col--left">
4156                            <div class="profit-tech-card__visual profit-tech-card__visual--lens-hint">
4157                                <img src="images/cases/Cases Main/photo1-bw.webp" alt=""
4158                                     class="profit-tech-card__image profit-tech-card__image--bw" loading="lazy" decoding="async" width="600" height="400">
4159                                <img src="images/cases/Cases Main/photo1.webp" alt=""
4160                                     class="profit-tech-card__image profit-tech-card__image--color" loading="lazy" decoding="async" width="600" height="400" aria-hidden="true">
4161                                <div class="profit-tech-card__lens" aria-hidden="true">
4162                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tl"></span>
4163                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tr"></span>
4164                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--br"></span>
4165                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--bl"></span>
4166                                </div>
4167                            </div>
4168                            <div class="profit-tech-card__plaque profit-tech-card__plaque--dark">
4169                                <h3 class="profit-tech-card__brand profit-tech-card__brand--glvr-svg">
4170                                    <svg width="70" height="15" viewBox="0 0 70 15" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="GLVR">
4171                                        <title>GLVR</title>
4172                                        <path d="M14.4899 6.6133C14.4899 8.12223 14.3204 9.35339 13.9851 10.3057C13.4693 11.7523 12.6218 12.8681 11.4385 13.6475C10.3 14.3949 8.9472 14.7707 7.38681 14.7707C4.84699 14.7707 2.89964 13.9011 1.53953 12.1663C0.512133 10.8487 0 9.27688 0 7.45138C0 5.42775 0.602356 3.72751 1.80237 2.35066C3.16562 0.782508 5.06866 0 7.51457 0C9.14745 0 10.5316 0.420866 11.6664 1.25893C12.4758 1.85695 13.1679 2.73642 13.7426 3.90154L10.3381 5.29935C10.0471 4.66307 9.70863 4.18664 9.32425 3.86693C8.7704 3.4183 8.10962 3.19239 7.34508 3.19239C5.78469 3.19239 4.69472 3.99903 4.08245 5.61277C3.85037 6.20711 3.73669 6.81927 3.73669 7.45191C3.73669 8.76953 4.15182 9.86493 4.98573 10.7449C5.60164 11.3985 6.42513 11.725 7.45251 11.725C8.36571 11.725 9.09219 11.4577 9.62517 10.9252C9.97824 10.5741 10.2098 10.0557 10.3172 9.36753H7.34875V6.61383H14.4899V6.6133ZM30.426 14.3325H22.5166V0.417197H26.1078V11.3283H30.426V14.3325ZM51.0814 0.417197L45.1824 14.3325H42.3871L36.5706 0.417197H40.4835L43.8156 8.87696L47.1788 0.417197H51.0814ZM69.7642 14.3325H65.3011L61.8756 9.01272V14.3325H58.2845V0.417197H63.8757C65.5124 0.417197 66.7201 0.910915 67.5051 1.89835C68.1381 2.69449 68.4568 3.63002 68.4568 4.70448C68.4568 5.93876 68.0933 6.92306 67.3637 7.6563C66.8963 8.1254 66.2528 8.45244 65.4367 8.63694L69.7642 14.3325ZM64.72 4.90573C64.72 4.40886 64.5401 3.99114 64.1804 3.65046C63.8443 3.33076 63.2978 3.17092 62.5474 3.17092H61.8762V6.65471H62.5474C63.3052 6.65471 63.8517 6.49485 64.1804 6.17514C64.5401 5.82713 64.72 5.40311 64.72 4.90573Z" fill="black"/>
4173                                    </svg>
4174                                </h3>
4175                                <p class="profit-tech-card__text"><span class="profit-tech-card__accent">x3</span>&nbsp;— рост конверсии сайта с технологией Flutter</p>
4176                                <div class="profit-tech-card__cta-row profit-tech-card__cta-row--arrow-end">
4177                                    <a class="profit-tech-card__pill" href="https://glvr-wear.com/" target="_blank" rel="noopener">О проекте</a>
4178                                    <a class="profit-tech-card__arrow" href="https://glvr-wear.com/" target="_blank" rel="noopener" aria-label="Сайт GLVR">
4179                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
4180                                    </a>
4181                                </div>
4182                            </div>
4183                            <div class="profit-tech-card__plaque profit-tech-card__plaque--light">
4184                                <h3 class="profit-tech-card__brand profit-tech-card__brand--finn-svg">
4185                                    <svg width="116" height="14" viewBox="0 0 116 14" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="FINN FLARE">
4186                                        <title>FINN FLARE</title>
4187                                        <g clip-path="url(#profit-tech-finn-clip-m)">
4188                                            <path d="M19.6719 0H21.9152L28.5618 9.96162V0H30.8823V13.9501H28.6389L21.9924 3.98845V13.9501H19.6719V0Z" fill="black"/>
4189                                            <path d="M15.1186 0V13.9501H12.5859V0H15.1186Z" fill="black"/>
4190                                            <path d="M69.7137 0V11.6737H75.8653V13.9501H67.1875V0H69.7137Z" fill="black"/>
4191                                            <path d="M115.709 0V2.27006H109.043V5.64344H115.137V7.9135H109.043V11.6737H115.709V13.9501H106.523V0H115.709Z" fill="black"/>
4192                                            <path d="M90.6817 13.9501L85.8157 0H82.6082L77.7422 13.9501H80.3005C80.6798 12.815 80.9755 11.9463 81.2197 11.2171H87.1977C87.4356 11.9146 87.7248 12.7833 88.1169 13.9501H90.6817ZM82.0039 8.94707C82.5182 7.46329 83.0131 5.99219 84.2152 2.25103C85.5843 6.52483 85.9829 7.69156 86.42 8.94707H82.0104H82.0039Z" fill="black"/>
4193                                            <path d="M9.3977 0V2.27006H2.51334V5.93512H8.88346V8.20518H2.51334V13.9501H0V0H9.3977Z" fill="black"/>
4194                                            <path d="M37.7839 0L44.1412 9.91089V0H46.6417V13.9501H44.0126L37.6553 4.03918V13.9501H35.1484V0H37.7839Z" fill="black"/>
4195                                            <path d="M64.4358 0V2.27006H57.4936V5.93512H63.9151V8.20518H57.4936V13.9501H54.9609V0H64.4358Z" fill="black"/>
4196                                            <path d="M100.952 13.9501H103.704L100.072 8.3637C100.541 8.25591 100.997 8.09104 101.428 7.85643C101.698 7.70425 101.949 7.53304 102.161 7.33647C102.379 7.1399 102.572 6.92431 102.739 6.69604C102.906 6.46142 103.041 6.21412 103.157 5.94146C103.382 5.39614 103.498 4.94594 103.498 4.25477C103.498 3.56361 103.382 3.17047 103.157 2.61881C103.041 2.34615 102.906 2.09885 102.739 1.86424C102.572 1.63596 102.386 1.42037 102.161 1.2238C101.942 1.02723 101.698 0.856027 101.428 0.703845C100.464 0.171205 99.3647 0 98.2848 0H93.0781V13.9437H95.6172V8.55393H97.4492L100.959 13.9437L100.952 13.9501ZM95.6043 2.27006H98.529C99.5061 2.27006 100.502 2.64417 100.875 3.62702C101.042 4.06454 101.036 4.50207 100.875 4.93959C100.496 5.9161 99.5061 6.28387 98.5355 6.28387H95.6107V2.27006H95.6043Z" fill="black"/>
4197                                        </g>
4198                                        <defs>
4199                                            <clipPath id="profit-tech-finn-clip-m">
4200                                                <rect width="115.704" height="13.9501" fill="white"/>
4201                                            </clipPath>
4202                                        </defs>
4203                                    </svg>
4204                                </h3>
4205                                <p class="profit-tech-card__text"><span class="profit-tech-card__accent">в 2,5</span>&nbsp;раза снизили траты, сменив подрядчика</p>
4206                                <div class="profit-tech-card__cta-row profit-tech-card__cta-row--arrow-end">
4207                                    <a class="profit-tech-card__pill" href="all_cases/finn-flare">О проекте</a>
4208                                    <a class="profit-tech-card__arrow" href="all_cases/finn-flare" aria-label="О проекте Finn Flare">
4209                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
4210                                    </a>
4211                                </div>
4212                            </div>
4213                            <div class="profit-tech-card__visual">
4214                                <img src="images/cases/Cases Main/photo3-bw.webp" alt=""
4215                                     class="profit-tech-card__image profit-tech-card__image--bw" loading="lazy" decoding="async" width="600" height="400">
4216                                <img src="images/cases/Cases Main/photo3.webp" alt=""
4217                                     class="profit-tech-card__image profit-tech-card__image--color" loading="lazy" decoding="async" width="600" height="400" aria-hidden="true">
4218                                <div class="profit-tech-card__lens" aria-hidden="true">
4219                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tl"></span>
4220                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tr"></span>
4221                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--br"></span>
4222                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--bl"></span>
4223                                </div>
4224                            </div>
4225                        </div>
4226                        <div class="profit-tech__m-col profit-tech__m-col--right">
4227                            <div class="profit-tech-card__plaque profit-tech-card__plaque--light">
4228                                <h3 class="profit-tech-card__brand profit-tech-card__brand--gulliver-svg">
4229                                    <svg width="126" height="15" viewBox="0 0 126 15" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="GULLIVER">
4230                                        <title>GULLIVER</title>
4231                                        <path d="M6.1787 0.074146C9.47305 -0.320994 11.7047 0.856738 13.2698 3.76254L9.99213 5.09522C9.56767 4.30629 9.00922 3.50376 8.1304 3.25343C6.12167 2.75479 4.61157 3.50781 3.90519 5.53902C2.80983 8.68899 5.13842 12.3932 8.68699 10.9128C9.43047 10.6026 9.7592 9.7546 9.98478 9.00108L7.09714 8.9977L7.09773 6.35262L8.44519 6.35532L13.9814 6.35169C14.0043 8.23302 13.7008 10.0304 12.5953 11.6057C10.5013 14.5898 5.55367 14.9492 2.70836 12.8352C1.27531 11.7555 0.333889 10.1471 0.0941182 8.36887C-0.509363 4.16325 1.82075 0.682612 6.1787 0.074146Z" fill="black"/>
4232                                        <path d="M28.9383 0.404624L32.4048 0.402344L32.4051 3.38393L32.4155 6.71765C32.4188 8.80614 32.5644 10.7529 30.9478 12.3899C28.816 14.5932 24.3366 14.691 22.1414 12.5399C20.4988 10.9303 20.785 8.00631 20.7843 5.85902L20.7874 0.403949L24.2669 0.408004L24.2587 6.12414C24.2576 7.30094 24.0289 9.50627 24.9131 10.3553C26.191 11.5823 28.5445 11.0907 28.8169 9.15853C28.9888 7.93915 28.9454 6.86331 28.9451 5.63353L28.9383 0.404624Z" fill="black"/>
4233                                        <path d="M89.9865 0.400024C91.2276 0.416415 92.5033 0.401629 93.7478 0.401967C93.311 1.55748 92.6985 2.89683 92.2042 4.04719C90.9234 7.23543 89.428 10.5546 88.083 13.7383L85.3668 13.7434C83.672 9.3953 81.3757 4.72536 79.7891 0.414387C80.9719 0.374932 82.3456 0.406783 83.5428 0.404924L86.7397 8.45827C87.1469 7.6173 87.5913 6.41321 87.947 5.52079L89.9865 0.400024Z" fill="black"/>
4234                                        <path d="M98.8704 0.40625L106.441 0.410642C106.454 1.37201 106.441 2.3528 106.439 3.31585C105.092 3.29 103.685 3.30698 102.333 3.30343L102.33 5.61395C103.611 5.58269 104.945 5.60043 106.231 5.60195L106.227 8.48224L102.338 8.47624L102.337 10.0375L102.338 10.8656L106.442 10.8631C106.455 11.8066 106.442 12.7914 106.441 13.7381L98.8594 13.7375C98.9312 9.35498 98.8628 4.80644 98.8704 0.40625Z" fill="black"/>
4235                                        <path d="M55.6505 0.408596L59.12 0.402344L59.1186 10.8627L63.3029 10.861L63.2979 13.7377L55.6484 13.7377L55.6505 0.408596Z" fill="black"/>
4236                                        <path d="M40.742 0.402746L44.2081 0.398438L44.2025 10.8619L48.3589 10.8601L48.3609 13.7337L40.7266 13.7412L40.742 0.402746Z" fill="black"/>
4237                                        <path d="M70.2732 0.401816L73.7388 0.398438L73.7371 13.7331L70.2656 13.7399C70.3172 9.32925 70.2715 4.82 70.2732 0.401816Z" fill="black"/>
4238                                        <path d="M114.055 0.406542C115.892 0.39966 120.469 0.140562 121.785 0.913377C124.809 2.68753 124.65 7.14402 120.979 8.30498C122.103 9.92582 123.893 12.1558 125.138 13.7337L123.087 13.7366L120.806 13.7376L117.524 8.69756L117.519 13.7395L114.057 13.7415L114.055 0.406542ZM117.518 3.06865C117.525 4.1782 117.525 5.28829 117.517 6.39775C118.368 6.38815 119.11 6.44774 119.804 5.88506C121.168 3.78274 119.399 3.04728 117.518 3.06865Z" fill="black"/>
4239                                    </svg>
4240                                </h3>
4241                                <p class="profit-tech-card__text"><span class="profit-tech-card__accent">50%</span>&nbsp;— прибыли через мобильное приложение</p>
4242                                <div class="profit-tech-card__cta-row profit-tech-card__cta-row--arrow-start">
4243                                    <a class="profit-tech-card__arrow" href="all_cases/gulliver" aria-label="О проекте Gulliver">
4244                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
4245                                    </a>
4246                                    <a class="profit-tech-card__pill" href="all_cases/gulliver">О проекте</a>
4247                                </div>
4248                            </div>
4249                            <div class="profit-tech-card__visual">
4250                                <img src="images/cases/Cases Main/photo2-bw.webp" alt=""
4251                                     class="profit-tech-card__image profit-tech-card__image--bw" loading="lazy" decoding="async" width="600" height="400">
4252                                <img src="images/cases/Cases Main/photo2.webp" alt=""
4253                                     class="profit-tech-card__image profit-tech-card__image--color" loading="lazy" decoding="async" width="600" height="400" aria-hidden="true">
4254                                <div class="profit-tech-card__lens" aria-hidden="true">
4255                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tl"></span>
4256                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tr"></span>
4257                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--br"></span>
4258                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--bl"></span>
4259                                </div>
4260                            </div>
4261                            <div class="profit-tech-card__visual">
4262                                <img src="images/cases/Cases Main/photo4-bw.webp" alt=""
4263                                     class="profit-tech-card__image profit-tech-card__image--bw" loading="lazy" decoding="async" width="600" height="400">
4264                                <img src="images/cases/Cases Main/photo4.webp" alt=""
4265                                     class="profit-tech-card__image profit-tech-card__image--color" loading="lazy" decoding="async" width="600" height="400" aria-hidden="true">
4266                                <div class="profit-tech-card__lens" aria-hidden="true">
4267                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tl"></span>
4268                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--tr"></span>
4269                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--br"></span>
4270                                    <span class="profit-tech-card__lens-handle profit-tech-card__lens-handle--bl"></span>
4271                                </div>
4272                            </div>
4273                            <div class="profit-tech-card__plaque profit-tech-card__plaque--light profit-tech-card__plaque--idol">
4274                                <h3 class="profit-tech-card__brand profit-tech-card__brand--idol-svg">
4275                                    <svg width="63" height="20" viewBox="0 0 63 20" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="ÍDOL">
4276                                        <title>ÍDOL</title>
4277                                        <g clip-path="url(#profit-tech-idol-clip-m)">
4278                                            <path d="M8.20878 2.66187L1.24312 5.89765L0 3.23579L6.96416 0L8.20878 2.66187Z" fill="black"/>
4279                                            <path d="M6.47857 19.473H2.51762V6.82281H6.47857V19.473Z" fill="black"/>
4280                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M17.8131 6.82281H9.43397V19.473H17.831C25.224 19.473 26.7375 16.0385 26.7375 13.3183V12.8086C26.7375 9.96892 25.1343 6.82281 17.8131 6.82281ZM17.5083 16.4285H13.3949V9.81498H17.5083C22.0609 9.81498 22.5883 11.7714 22.5883 13.0627V13.1644C22.5883 14.4572 21.9907 16.4285 17.5083 16.4285Z" fill="black"/>
4281                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M38.2409 6.60161C46.1957 6.60161 47.1295 10.5981 47.1295 12.8595V13.3691C47.1295 15.5961 46.2121 19.6942 38.2409 19.6942H37.5103C29.5032 19.6942 28.6037 15.5961 28.6037 13.3691V12.8535C28.6037 10.5922 29.5002 6.59563 37.5103 6.59563L38.2409 6.60161ZM42.9833 12.9775C42.9833 11.5323 42.1495 9.66253 37.8673 9.66253C33.5149 9.66253 32.7499 11.5323 32.7499 12.9775V13.1823C32.7499 14.6276 33.5837 16.6198 37.8673 16.6198C42.1167 16.6198 42.9833 14.6769 42.9833 13.2197V12.9775Z" fill="black"/>
4282                                            <path d="M53.5334 16.3269V6.82281H49.5724V19.4655H62.3219V16.3269H53.5334Z" fill="black"/>
4283                                        </g>
4284                                        <defs>
4285                                            <clipPath id="profit-tech-idol-clip-m">
4286                                                <rect width="62.3218" height="19.6942" fill="white"/>
4287                                            </clipPath>
4288                                        </defs>
4289                                    </svg>
4290                                </h3>
4291                                <p class="profit-tech-card__text"><span class="profit-tech-card__accent">за 21 день </span>запустили fashion-приложение</p>
4292                                <div class="profit-tech-card__cta-row profit-tech-card__cta-row--arrow-end">
4293                                    <a class="profit-tech-card__pill" href="all_cases/idol">О проекте</a>
4294                                    <a class="profit-tech-card__arrow" href="all_cases/idol" aria-label="О проекте ÍDOL">
4295                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg>
4296                                    </a>
4297                                </div>
4298                            </div>
4299                        </div>
4300                    </div>
4301                </div>
4302            </div>
4303        </section>
4304
4305        
4305<script>
4306            (function () {
4307                var LENS_FRAC = 0.34;
4308                var LENS_FRAC_NARROW = 0.70;
4309                var LENS_MAX_FRAC = 0.5;
4310                var LENS_MAX_FRAC_NARROW = 0.86;
4311                var HINT_LEFT = 0.10;
4312                var HINT_TOP = 0.15;
4313                var HINT_SIZE_FRAC_H = 0.35;
4314                var PULSE_SPEED = 0.0032;
4315                var PULSE_MIN = 0.85;
4316                var PULSE_MAX = 1.0;
4317                var hintDismissed = false;
4318                var hintPulseRaf = null;
4319                var hintState = null;
4320                var LENS_ACTIVE = 'profit-tech-card__visual--lens-active';
4321                var LENS_HELD = 'profit-tech-card__visual--lens-held';
4322
4323                var profitTechSection = document.getElementById('profit-tech');
4324                if (!profitTechSection) profitTechSection = document.querySelector('.profit-tech');
4325                if (!profitTechSection) return;
4326
4327                function isNarrowViewport() {
4328                    return window.matchMedia && window.matchMedia('(max-width: 768px)').matches;
4329                }
4330
4331                function resolveHintVisual() {
4332                    if (!profitTechSection) return null;
4333                    if (isNarrowViewport()) {
4334                        var col = profitTechSection.querySelector('.profit-tech__branch--mobile .profit-tech__m-col--left');
4335                        return col ? col.querySelector('.profit-tech-card__visual') : null;
4336                    }
4337                    return profitTechSection.querySelector('.profit-tech__branch--desktop .profit-tech-card__visual--lens-hint');
4338                }
4339
4340                function isMobileGulliverHintTarget(visual) {
4341                    if (!profitTechSection || !isNarrowViewport()) return false;
4342                    var col = profitTechSection.querySelector('.profit-tech__branch--mobile .profit-tech__m-col--left');
4343                    return !!(col && col.querySelector('.profit-tech-card__visual') === visual);
4344                }
4345
4346                function restartHintForViewport() {
4347                    if (hintDismissed) return;
4348                    stopHintPulse();
4349                    hideAllNonHintColor();
4350                    var hv = resolveHintVisual();
4351                    if (!hv) return;
4352                    var ci = hv.querySelector('.profit-tech-card__image--color');
4353                    var len = hv.querySelector('.profit-tech-card__lens');
4354                    if (!ci || !len) return;
4355                    refreshHintState(hv, ci, len);
4356                    startHintPulse();
4357                }
4358
4359                function getLensFrac() {
4360                    return isNarrowViewport() ? LENS_FRAC_NARROW : LENS_FRAC;
4361                }
4362
4363                function getLensMaxFrac() {
4364                    return isNarrowViewport() ? LENS_MAX_FRAC_NARROW : LENS_MAX_FRAC;
4365                }
4366
4367                function clearHeldLensExcept(keep) {
4368                    profitTechSection.querySelectorAll('.' + LENS_HELD).forEach(function (el) {
4369                        if (el === keep) return;
4370                        el.classList.remove(LENS_HELD);
4371                        var ci = el.querySelector('.profit-tech-card__image--color');
4372                        if (ci) ci.style.clipPath = 'inset(100% 100% 100% 100%)';
4373                    });
4374                }
4375
4376                function applyLens(colorImg, lens, w, h, cx, cy, s) {
4377                    var half = s / 2;
4378                    var x = Math.max(half, Math.min(w - half, cx));
4379                    var y = Math.max(half, Math.min(h - half, cy));
4380                    var top = y - half;
4381                    var right = w - (x + half);
4382                    var bottom = h - (y + half);
4383                    var left = x - half;
4384                    colorImg.style.clipPath = 'inset(' + top + 'px ' + right + 'px ' + bottom + 'px ' + left + 'px)';
4385                    lens.style.left = left + 'px';
4386                    lens.style.top = top + 'px';
4387                    lens.style.width = s + 'px';
4388                    lens.style.height = s + 'px';
4389                }
4390
4391                function getClientXY(e) {
4392                    if (e.touches && e.touches.length) {
4393                        return { x: e.touches[0].clientX, y: e.touches[0].clientY };
4394                    }
4395                    if (e.changedTouches && e.changedTouches.length) {
4396                        return { x: e.changedTouches[0].clientX, y: e.changedTouches[0].clientY };
4397                    }
4398                    return { x: e.clientX, y: e.clientY };
4399                }
4400
4401                function computeHintBase(visual) {
4402                    var r = visual.getBoundingClientRect();
4403                    var w = r.width;
4404                    var h = r.height;
4405                    if (w < 2 || h < 2) return null;
4406                    if (isMobileGulliverHintTarget(visual)) {
4407                        var sm = Math.min(w, h);
4408                        var s0m = sm * 0.82;
4409                        s0m = Math.max(56, Math.min(s0m, sm * 0.55));
4410                        return { w: w, h: h, cx: w * 0.5, cy: h * 0.40, s0: s0m };
4411                    }
4412                    var s0 = h * HINT_SIZE_FRAC_H;
4413                    s0 = Math.max(56, Math.min(s0, Math.min(w, h) * 0.5));
4414                    var cx = w * HINT_LEFT + s0 / 2;
4415                    var cy = h * HINT_TOP + s0 / 2;
4416                    return { w: w, h: h, cx: cx, cy: cy, s0: s0 };
4417                }
4418
4419                function refreshHintState(visual, colorImg, lens) {
4420                    var b = computeHintBase(visual);
4421                    if (!b) return;
4422                    hintState = {
4423                        visual: visual,
4424                        colorImg: colorImg,
4425                        lens: lens,
4426                        w: b.w,
4427                        h: b.h,
4428                        cx: b.cx,
4429                        cy: b.cy,
4430                        s0: b.s0
4431                    };
4432                }
4433
4434                function stopHintPulse() {
4435                    if (hintPulseRaf) {
4436                        cancelAnimationFrame(hintPulseRaf);
4437                        hintPulseRaf = null;
4438                    }
4439                }
4440
4441                function hintPulseLoop(now) {
4442                    if (hintDismissed || !hintState) return;
4443                    var t = now * PULSE_SPEED;
4444                    var wave = 0.5 + 0.5 * Math.sin(t);
4445                    var k = PULSE_MIN + (PULSE_MAX - PULSE_MIN) * wave;
4446                    var s = hintState.s0 * k;
4447                    applyLens(hintState.colorImg, hintState.lens, hintState.w, hintState.h, hintState.cx, hintState.cy, s);
4448                    hintPulseRaf = requestAnimationFrame(hintPulseLoop);
4449                }
4450
4451                function startHintPulse() {
4452                    stopHintPulse();
4453                    if (hintDismissed || !hintState) return;
4454                    // На мобиле лупа/подсветка отключены — рамка статична (см. CSS)
4455                    if (isNarrowViewport()) return;
4456                    if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
4457                        applyLens(hintState.colorImg, hintState.lens, hintState.w, hintState.h, hintState.cx, hintState.cy, hintState.s0);
4458                        return;
4459                    }
4460                    hintPulseRaf = requestAnimationFrame(hintPulseLoop);
4461                }
4462
4463                function dismissHint(currentVisual) {
4464                    if (hintDismissed) return;
4465                    hintDismissed = true;
4466                    stopHintPulse();
4467                    if (profitTechSection) profitTechSection.classList.add('profit-tech--hint-dismissed');
4468                    if (hintState && hintState.visual && hintState.visual !== currentVisual) {
4469                        hintState.colorImg.style.clipPath = 'inset(100% 100% 100% 100%)';
4470                    }
4471                }
4472
4473                function pointerLeftAllVisuals(e) {
4474                    var rt = e.relatedTarget;
4475                    if (!rt) return true;
4476                    var el = rt.nodeType === 1 ? rt : rt.parentElement;
4477                    if (!el || !profitTechSection || !profitTechSection.contains(el)) return true;
4478                    return !el.closest('.profit-tech-card__visual');
4479                }
4480
4481                function restoreGlvrHint() {
4482                    hintDismissed = false;
4483                    if (profitTechSection) profitTechSection.classList.remove('profit-tech--hint-dismissed');
4484                    if (!hintState || !hintState.visual) return;
4485                    refreshHintState(hintState.visual, hintState.colorImg, hintState.lens);
4486                    startHintPulse();
4487                }
4488
4489                function clearLensActiveAll() {
4490                    profitTechSection.querySelectorAll('.' + LENS_ACTIVE).forEach(function (el) {
4491                        el.classList.remove(LENS_ACTIVE);
4492                    });
4493                }
4494
4495                function hideAllNonHintColor() {
4496                    var hintV = resolveHintVisual();
4497                    profitTechSection.querySelectorAll('.profit-tech-card__visual').forEach(function (v) {
4498                        if (v === hintV) return;
4499                        var ci = v.querySelector('.profit-tech-card__image--color');
4500                        if (ci) ci.style.clipPath = 'inset(100% 100% 100% 100%)';
4501                    });
4502                }
4503
4504                function onGlobalTouchEnd(e) {
4505                    if (e.touches && e.touches.length > 0) return;
4506                    var active = profitTechSection.querySelector('.' + LENS_ACTIVE);
4507                    if (!active) return;
4508                    if (isNarrowViewport()) {
4509                        active.classList.remove(LENS_ACTIVE);
4510                        active.classList.add(LENS_HELD);
4511                        return;
4512                    }
4513                    clearLensActiveAll();
4514                    restoreGlvrHint();
4515                    hideAllNonHintColor();
4516                }
4517
4518                document.addEventListener('touchend', onGlobalTouchEnd, { passive: true });
4519                document.addEventListener('touchcancel', onGlobalTouchEnd, { passive: true });
4520
4521                var mmHint = window.matchMedia('(max-width: 768px)');
4522                if (mmHint.addEventListener) {
4523                    mmHint.addEventListener('change', restartHintForViewport);
4524                } else if (mmHint.addListener) {
4525                    mmHint.addListener(restartHintForViewport);
4526                }
4527
4528                document.querySelectorAll('.profit-tech-card__visual').forEach(function (visual) {
4529                    var colorImg = visual.querySelector('.profit-tech-card__image--color');
4530                    var lens = visual.querySelector('.profit-tech-card__lens');
4531                    if (!colorImg || !lens) return;
4532                    var isPulseTarget = visual === resolveHintVisual();
4533
4534                    function hideColor() {
4535                        colorImg.style.clipPath = 'inset(100% 100% 100% 100%)';
4536                    }
4537
4538                    function moveLensFromPoint(clientX, clientY) {
4539                        dismissHint(visual);
4540                        var r = visual.getBoundingClientRect();
4541                        var x = clientX - r.left;
4542                        var y = clientY - r.top;
4543                        var w = r.width;
4544                        var h = r.height;
4545                        var frac = getLensFrac();
4546                        var maxF = getLensMaxFrac();
4547                        var s = Math.min(w, h) * frac;
4548                        s = Math.max(56, Math.min(s, Math.min(w, h) * maxF));
4549                        applyLens(colorImg, lens, w, h, x, y, s);
4550                    }
4551
4552                    function moveLensMouse(e) {
4553                        moveLensFromPoint(e.clientX, e.clientY);
4554                    }
4555
4556                    function onTouchStart(e) {
4557                        clearHeldLensExcept(visual);
4558                        visual.classList.remove(LENS_HELD);
4559                        visual.classList.add(LENS_ACTIVE);
4560                        var pt = getClientXY(e);
4561                        moveLensFromPoint(pt.x, pt.y);
4562                    }
4563
4564                    function onTouchMove(e) {
4565                        if (!e.touches.length) return;
4566                        e.preventDefault();
4567                        var pt = getClientXY(e);
4568                        moveLensFromPoint(pt.x, pt.y);
4569                    }
4570
4571                    function onLeave(e) {
4572                        if (isNarrowViewport()) {
4573                            return;
4574                        }
4575                        if (!pointerLeftAllVisuals(e)) {
4576                            if (visual !== resolveHintVisual()) hideColor();
4577                            return;
4578                        }
4579                        restoreGlvrHint();
4580                        if (visual !== resolveHintVisual()) hideColor();
4581                    }
4582
4583                    if (isPulseTarget) {
4584                        refreshHintState(visual, colorImg, lens);
4585                        startHintPulse();
4586                        window.addEventListener('load', function () {
4587                            if (hintDismissed) return;
4588                            if (visual !== resolveHintVisual()) return;
4589                            refreshHintState(visual, colorImg, lens);
4590                            startHintPulse();
4591                        });
4592                        if (window.ResizeObserver) {
4593                            (new ResizeObserver(function () {
4594                                if (hintDismissed) return;
4595                                if (visual !== resolveHintVisual()) return;
4596                                refreshHintState(visual, colorImg, lens);
4597                                startHintPulse();
4598                            })).observe(visual);
4599                        }
4600                    } else {
4601                        hideColor();
4602                    }
4603
4604                    visual.addEventListener('mouseenter', moveLensMouse);
4605                    visual.addEventListener('mousemove', moveLensMouse);
4606                    visual.addEventListener('mouseleave', onLeave);
4607                    visual.addEventListener('touchstart', onTouchStart, { passive: true });
4608                    visual.addEventListener('touchmove', onTouchMove, { passive: false });
4609                });
4610            })();
4611        </script>
4611
4612
4613        <!-- Кейсы -->
4614        <section class="cases" id="cases" itemscope itemtype="https://schema.org/ItemList">
4615            <div class="cases__container">
4616                <h2 class="cases__title" itemprop="name">КЕЙСЫ РАЗРАБОТКИ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ</h2>
4617                <meta itemprop="itemListOrder" content="Unordered"/>
4618                <meta itemprop="numberOfItems" content="9"/>
4619                <div class="cases__grid">
4620                    <article class="case-card case-card--linked" itemprop="itemListElement" itemscope
4621                             itemtype="https://schema.org/SoftwareApplication">
4622                        <a class="case-card__stretch-link" href="all_cases/lassie"
4623                            aria-label="Подробнее о кейсе Lassie"><span class="case-card__link-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span></a>
4624                        <meta itemprop="applicationCategory" content="MobileApplication"/>
4625                        <meta itemprop="operatingSystem" content="iOS, Android"/>
4626                        <div class="case-card__image-container">
4627                            <img src="images/Lassie_1.webp"
4628                                 alt="Мобильное приложение Lassie для iOS и Android - кейс FITTIN"
4629                                 class="case-card__image" itemprop="image" loading="lazy" decoding="async" width="300"
4630                                 height="450" fetchpriority="auto">
4631                        </div>
4632                        <div class="case-card__content">
4633                            <h3 class="case-card__title" itemprop="name">Lassie</h3>
4634                            <p class="case-card__description">Приложение для магазина детской одежды и&nbsp;аксессуаров</p>
4635                            <div class="case-card__buttons">
4636                                <a href="https://apps.apple.com/ru/app/lassie/id6738202049"
4637                                   class="case-card__button case-card__button--ios" target="_blank"
4638                                   rel="noopener">iOS</a>
4639                                <a href="https://play.google.com/store/apps/details?id=ru.lassie.fittin"
4640                                   class="case-card__button case-card__button--android" target="_blank" rel="noopener">Android</a>
4641                            </div>
4642                        </div>
4643                    </article>
4644                    <article class="case-card case-card--linked" itemprop="itemListElement" itemscope
4645                             itemtype="https://schema.org/SoftwareApplication">
4646                        <a class="case-card__stretch-link" href="all_cases/streetbeat"
4647                            aria-label="Подробнее о кейсе Street Beat"><span class="case-card__link-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span></a>
4648                        <meta itemprop="applicationCategory" content="MobileApplication"/>
4649                        <meta itemprop="operatingSystem" content="iOS, Android"/>
4650                        <div class="case-card__image-container">
4651                            <img src="images/street-beat.webp"
4652                                 alt="Мобильное приложение Street Beat для интернет-магазина кроссовок - кейс FITTIN"
4653                                 class="case-card__image" itemprop="image" loading="lazy" decoding="async" width="300"
4654                                 height="450">
4655                        </div>
4656                        <div class="case-card__content">
4657                            <h3 class="case-card__title" itemprop="name">Street Beat</h3>
4658                            <p class="case-card__description">Приложение крупного ритейлера кроссовок и&nbsp;уличной моды</p>
4659                            <div class="case-card__buttons">
4660                                <a href="https://apps.apple.com/ru/app/street-beat-%D0%BA%D1%80%D0%BE%D1%81%D1%81%D0%BE%D0%B2%D0%BA%D0%B8-%D0%BE%D0%B4%D0%B5%D0%B6%D0%B4%D0%B0/id1484704923"
4661                                   class="case-card__button case-card__button--ios" target="_blank"
4662                                   rel="noopener">iOS</a>
4663                                <a href="https://play.google.com/store/apps/details?id=ru.streetbeat.android&hl=ru&gl=US"
4664                                   class="case-card__button case-card__button--android" target="_blank" rel="noopener">Android</a>
4665                            </div>
4666                        </div>
4667                    </article>
4668                    <article class="case-card case-card--linked" itemprop="itemListElement" itemscope
4669                             itemtype="https://schema.org/SoftwareApplication">
4670                        <a class="case-card__stretch-link" href="all_cases/idol"
4671                            aria-label="Подробнее о кейсе Idol"><span class="case-card__link-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span></a>
4672                        <meta itemprop="applicationCategory" content="MobileApplication"/>
4673                        <meta itemprop="operatingSystem" content="iOS, Android"/>
4674                        <div class="case-card__image-container">
4675                            <img src="images/Idol.webp"
4676                                 alt="Мобильное приложение Idol для интернет-магазина - разработка FITTIN"
4677                                 class="case-card__image" itemprop="image" loading="lazy" decoding="async" width="300"
4678                                 height="450">
4679                        </div>
4680                        <div class="case-card__content">
4681                            <h3 class="case-card__title" itemprop="name">Idol</h3>
4682                            <p class="case-card__description">Fashion-приложение для онлайн-шопинга одежды</p>
4683                            <div class="case-card__buttons">
4684                                <a href="https://apps.apple.com/ru/app/idol/id6463197347"
4685                                   class="case-card__button case-card__button--ios" target="_blank"
4686                                   rel="noopener">iOS</a>
4687                                <a href="https://play.google.com/store/apps/details?id=ru.fittin.idol"
4688                                   class="case-card__button case-card__button--android" target="_blank" rel="noopener">Android</a>
4689                            </div>
4690                        </div>
4691                    </article>
4692                    <article class="case-card" itemprop="itemListElement" itemscope
4693                             itemtype="https://schema.org/SoftwareApplication">
4694                        <meta itemprop="applicationCategory" content="MobileApplication"/>
4695                        <meta itemprop="operatingSystem" content="iOS, Android"/>
4696                        <div class="case-card__image-container">
4697                            <img src="images/Lusio_1.webp"
4698                                 alt="Мобильное приложение Lusio для бизнеса - пример разработки FITTIN"
4699                                 class="case-card__image" itemprop="image" loading="lazy" decoding="async" width="300"
4700                                 height="450">
4701                        </div>
4702                        <div class="case-card__content">
4703                            <h3 class="case-card__title" itemprop="name">Lusio</h3>
4704                            <p class="case-card__description">Приложение для интернет-магазина одежды</p>
4705                            <div class="case-card__buttons">
4706                                <a href="https://apps.apple.com/ru/app/lusio/id6737410522"
4707                                   class="case-card__button case-card__button--ios" target="_blank"
4708                                   rel="noopener">iOS</a>
4709                                <a href="https://play.google.com/store/apps/details?id=ru.lusio.fittin"
4710                                   class="case-card__button case-card__button--android" target="_blank" rel="noopener">Android</a>
4711                            </div>
4712                        </div>
4713                    </article>
4714                    <article class="case-card case-card--linked" itemprop="itemListElement" itemscope
4715                             itemtype="https://schema.org/SoftwareApplication">
4716                        <a class="case-card__stretch-link" href="all_cases/gulliver"
4717                            aria-label="Подробнее о кейсе Gulliver"><span class="case-card__link-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span></a>
4718                        <meta itemprop="applicationCategory" content="MobileApplication"/>
4719                        <meta itemprop="operatingSystem" content="iOS, Android"/>
4720                        <div class="case-card__image-container">
4721                            <img src="images/Gulliver.webp"
4722                                 alt="Мобильное приложение Gulliver для детской одежды - разработка на Flutter от FITTIN"
4723                                 class="case-card__image" itemprop="image" loading="lazy" decoding="async" width="300"
4724                                 height="450">
4725                        </div>
4726                        <div class="case-card__content">
4727                            <h3 class="case-card__title" itemprop="name">Gulliver</h3>
4728                            <p class="case-card__description">Приложение известной сети магазинов детской одежды</p>
4729                            <div class="case-card__buttons">
4730                                <a href="https://apps.apple.com/ru/app/gulliver-market-%D0%BE%D0%BD%D0%BB%D0%B0%D0%B9%D0%BD-%D0%BC%D0%B0%D0%B3%D0%B0%D0%B7%D0%B8%D0%BD/id1615582418"
4731                                   class="case-card__button case-card__button--ios" target="_blank"
4732                                   rel="noopener">iOS</a>
4733                                <a href="https://play.google.com/store/apps/details?id=ru.gulliver.android"
4734                                   class="case-card__button case-card__button--android" target="_blank" rel="noopener">Android</a>
4735                            </div>
4736                        </div>
4737                    </article>
4738                    <article class="case-card case-card--linked" itemprop="itemListElement" itemscope
4739                             itemtype="https://schema.org/SoftwareApplication">
4740                        <a class="case-card__stretch-link" href="all_cases/syrovarnia"
4741                            aria-label="Подробнее о кейсе Сыроварня"><span class="case-card__link-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span></a>
4742                        <meta itemprop="applicationCategory" content="MobileApplication"/>
4743                        <meta itemprop="operatingSystem" content="iOS, Android"/>
4744                        <div class="case-card__image-container">
4745                            <img src="images/Сыроварня.webp"
4746                                 alt="Мобильное приложение Сыроварня - разработка на Flutter от FITTIN"
4747                                 class="case-card__image" itemprop="image" loading="lazy" decoding="async" width="300"
4748                                 height="450">
4749                        </div>
4750                        <div class="case-card__content">
4751                            <h3 class="case-card__title" itemprop="name">Сыроварня</h3>
4752                            <p class="case-card__description">Приложение сети ресторанов</p>
4753                            <div class="case-card__buttons">
4754                                <a href="https://apps.apple.com/us/app/syrovarnya/id6755953772"
4755                                   class="case-card__button case-card__button--ios" target="_blank"
4756                                   rel="noopener">iOS</a>
4757                                <a href="https://play.google.com/store/apps/details?id=ru.syrovarnyaapp.android"
4758                                   class="case-card__button case-card__button--android" target="_blank" rel="noopener">Android</a>
4759                            </div>
4760                        </div>
4761                    </article>
4762                    <article class="case-card" itemprop="itemListElement" itemscope
4763                             itemtype="https://schema.org/SoftwareApplication">
4764                        <meta itemprop="applicationCategory" content="MobileApplication"/>
4765                        <meta itemprop="operatingSystem" content="iOS, Android"/>
4766                        <div class="case-card__image-container">
4767                            <img width="618" height="478" src="images/Pan.webp"
4768                                 alt="Мобильное приложение Пан чемодан для магазина чемоданов - пример разработки FITTIN"
4769                                 class="case-card__image" itemprop="image" loading="lazy" decoding="async">
4770                        </div>
4771                        <div class="case-card__content">
4772                            <h3 class="case-card__title" itemprop="name">Пан чемодан</h3>
4773                            <p class="case-card__description">Приложение для магазина чемоданов и&nbsp;дорожных сумок</p>
4774                            <div class="case-card__buttons">
4775                                <a href="https://apps.apple.com/ru/app/%D0%BF%D0%B0%D0%BD-%D1%87%D0%B5%D0%BC%D0%BE%D0%B4%D0%B0%D0%BD-%D1%81%D1%83%D0%BC%D0%BA%D0%B8-%D0%B8
4775-%D1%87%D0%B5%D0%BC%D0%BE%D0%B4%D0%B0%D0%BD%D1%8B/id1572820898"
4776                                   class="case-card__button case-card__button--ios" target="_blank"
4777                                   rel="noopener">iOS</a>
4778                                <a href="https://play.google.com/store/apps/details?id=ru.panchemodan.android&hl=en_US"
4779                                   class="case-card__button case-card__button--android" target="_blank" rel="noopener">Android</a>
4780                            </div>
4781                        </div>
4782                    </article>
4783                    <article class="case-card case-card--linked" itemprop="itemListElement" itemscope
4784                             itemtype="https://schema.org/SoftwareApplication">
4785                        <a class="case-card__stretch-link" href="all_cases/mosigra"
4786                            aria-label="Подробнее о кейсе Мосигра"><span class="case-card__link-icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M7 7h10v10"/><path d="M7 17 17 7"/></svg></span></a>
4787                        <meta itemprop="applicationCategory" content="MobileApplication"/>
4788                        <meta itemprop="operatingSystem" content="iOS, Android"/>
4789                        <div class="case-card__image-container">
4790                            <img width="618" height="820" src="images/MosIgra.webp"
4791                                 alt="Мобильное приложение Мосигра для интернет-магазина игр - разработка FITTIN"
4792                                 class="case-card__image" itemprop="image" loading="lazy" decoding="async">
4793                        </div>
4794                        <div class="case-card__content">
4795                            <h3 class="case-card__title" itemprop="name">Мосигра</h3>
4796                            <p class="case-card__description">Приложение крупнейшего магазина настольных игр</p>
4797                            <div class="case-card__buttons">
4798                                <a href="https://apps.apple.com/us/app/мосигра-настольные-игры/id1489704662"
4799                                   class="case-card__button case-card__button--ios" target="_blank"
4800                                   rel="noopener">iOS</a>
4801                                <a href="https://play.google.com/store/apps/details?id=ru.mosigra.android"
4802                                   class="case-card__button case-card__button--android" target="_blank" rel="noopener">Android</a>
4803                            </div>
4804                        </div>
4805                    </article>
4806                    <article class="case-card" itemprop="itemListElement" itemscope
4807                             itemtype="https://schema.org/SoftwareApplication">
4808                        <meta itemprop="applicationCategory" content="MobileApplication"/>
4809                        <meta itemprop="operatingSystem" content="iOS, Android"/>
4810                        <div class="case-card__image-container">
4811                            <img width="608" height="469" src="images/Volnii.webp"
4812                                 alt="Мобильное приложение Вольный странник для туристической компании - кейс FITTIN"
4813                                 class="case-card__image" itemprop="image" loading="lazy" decoding="async">
4814                        </div>
4815                        <div class="case-card__content">
4816                            <h3 class="case-card__title" itemprop="name">Вольный странник</h3>
4817                            <p class="case-card__description">Приложение для книжного издательства</p>
4818                            <div class="case-card__buttons">
4819                                <a href="https://apps.apple.com/ru/app/%D0%B2%D0%BE%D0%BB%D1%8C%D0%BD%D1%8B%D0%B9-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%BD%D0%B8%D0%BA/id6599838922"
4820                                   class="case-card__button case-card__button--ios" target="_blank"
4821                                   rel="noopener">iOS</a>
4822                            </div>
4823                        </div>
4824                    </article>
4825                </div>
4826                <div class="cases__button-container">
4827                    <a href="https://fittin.ru/all_cases" class="cases__button">Посмотреть все кейсы</a>
4828                </div>
4829            </div>
4830        </section>
4831
4832        <!-- Видео -->
4833        <section class="video-section">
4834            <video autoplay loop muted playsinline preload="auto" poster="images/upbanner.webp">
4835                <source src="images/upbanner.mp4" type="video/mp4">
4836                <!-- Запасное решение для браузеров, не поддерживающих HTML5 video -->
4837                <img src="images/upbanner.webp" alt="Video Poster" width="80%" height="100%" loading="lazy" decoding="async">
4838            </video>
4839        </section>
4840
4841        <!-- Как мы работаем -->
4842        <section class="workflow">
4843            <div class="workflow__container">
4844                <h2 class="workflow__title">ЭТАПЫ РАЗРАБОТКИ МОБИЛЬНЫХ ПРИЛОЖЕНИЙ</h2>
4845                <div class="workflow__grid" style="gap: 20px;">
4846                    <div class="workflow-card" style="background: #FF6B00; border-color: #FF6B00;">
4847                        <div class="workflow-card__number">01</div>
4848                        <h5 class="workflow-card__title" style="min-height: 3.6em;">Консультация, исследование и&nbsp;анализ</h5>
4849                        <div class="workflow-card__description">Разберемся в&nbsp;ваших потребностях и&nbsp;создадим стратегию, основанную на&nbsp;ваших целях</div>
4850                    </div>
4851                    <div class="workflow-card">
4852                        <div class="workflow-card__number">02</div>
4853                        <h5 class="workflow-card__title">Разработка, тестирование и&nbsp;оптимизация</h5>
4854                        <div class="workflow-card__description">Создаем приложения для iOS и&nbsp;Android под ключ с&nbsp;контролем качества на&nbsp;каждом этапе</div>
4855                    </div>
4856                    <div class="workflow-card">
4857                        <div class="workflow-card__number">03</div>
4858                        <h5 class="workflow-card__title" style="min-height: 3.6em;">Запуск, поддержка и&nbsp;развитие</h5>
4859                        <div class="workflow-card__description">Публикуем приложение в&nbsp;магазинах iOS и&nbsp;Android и&nbsp;работаем для вашего успешного результата</div>
4860                    </div>
4861                </div>
4862                <div class="principle principle--second">
4863                    <div class="principle__container">
4864                        <h2 class="principle__title">
4865                            <span class="line1">Закажите разработку мобильного приложения для iOS и Android</span>
4866                        </h2>
4867                        <a href="javascript:void(0)" class="principle__button"
4868                           title="Заказать разработку мобильного приложения" style="font-weight: 500;">Оставить
4869                            заявку</a>
4870                    </div>
4871                </div>
4872            </div>
4873        </section>
4874
4875        <!-- Модели сотрудничества: Fixed Price vs Time & Materials -->
4876        <style>
4877            .coop-models {
4878                padding: 80px 40px;
4879                background: #ffffff;
4880            }
4881            .coop-models__container {
4882                max-width: 1200px;
4883                margin: 0 auto;
4884            }
4885            .coop-models__title {
4886                font-size: 42px;
4887                color: #000;
4888                margin: 0 0 24px;
4889                text-transform: uppercase;
4890                font-weight: 700;
4891                line-height: 1.15;
4892            }
4893            .coop-models__lead {
4894                font-size: 18px;
4895                line-height: 1.6;
4896                color: #666;
4897                margin: 0 0 48px;
4898                max-width: 900px;
4899            }
4900            .coop-models__lead strong { color: #000; font-weight: 600; }
4901            .coop-models__grid {
4902                display: grid;
4903                grid-template-columns: repeat(2, 1fr);
4904                gap: 30px;
4905            }
4906            .coop-models__card {
4907                position: relative;
4908                padding: 40px;
4909                background: #ffffff;
4910                border: 1px solid #e5e5e5;
4911                border-radius: 16px;
4912                display: flex;
4913                flex-direction: column;
4914            }
4915            .coop-models__name {
4916                font-size: 28px;
4917                font-weight: 700;
4918                color: #000;
4919                margin: 0 0 8px;
4920                line-height: 1.15;
4921                letter-spacing: 0.5px;
4922            }
4923            .coop-models__tagline {
4924                font-size: 16px;
4925                color: #666;
4926                margin: 0 0 18px;
4927                line-height: 1.4;
4928            }
4929            .coop-models__price {
4930                font-size: 20px;
4931                color: #FF6B00;
4932                font-weight: 600;
4933                margin: 0 0 28px;
4934                padding-bottom: 24px;
4935                border-bottom: 1px solid #e5e5e5;
4936                line-height: 1.3;
4937            }
4938            .coop-models__rows {
4939                list-style: none;
4940                padding: 0;
4941                margin: 0 0 32px;
4942                display: flex;
4943                flex-direction: column;
4944                gap: 18px;
4945                flex-grow: 1;
4946            }
4947            .coop-models__row {
4948                display: grid;
4949                grid-template-columns: 150px 1fr;
4950                gap: 16px;
4951                align-items: start;
4952            }
4953            .coop-models__row-term {
4954                font-size: 13px;
4955                color: #999;
4956                font-weight: 600;
4957                text-transform: uppercase;
4958                letter-spacing: 0.5px;
4959                line-height: 1.4;
4960                padding-top: 3px;
4961            }
4962            .coop-models__row-def {
4963                font-size: 16px;
4964                color: #000;
4965                line-height: 1.5;
4966                margin: 0;
4967            }
4968            .coop-models__cta {
4969                align-self: flex-start;
4970                margin-top: auto;
4971                padding-top: 12px;
4972                display: inline-flex;
4973                align-items: center;
4974                gap: 6px;
4975                color: #FF6B00;
4976                text-decoration: none;
4977                font-size: 16px;
4978                font-weight: 500;
4979                font-family: 'Gilroy', sans-serif;
4980                line-height: 1.4;
4981                transition: color 0.2s ease;
4982            }
4983            .coop-models__cta:hover { color: #E55A00; }
4984            .coop-models__cta::after {
4985                content: "→";
4986                font-size: 17px;
4987                display: inline-block;
4988                transition: transform 0.2s ease;
4989            }
4990            .coop-models__cta:hover::after { transform: translateX(4px); }
4991            .coop-models__guide {
4992                margin-top: 40px;
4993                padding: 28px 32px;
4994                background: #f9f9f9;
4995                border-radius: 20px;
4996                display: flex;
4997                align-items: center;
4998                justify-content: space-between;
4999                gap: 24px;
5000                flex-wrap: wrap;
5001            }
5002            .coop-models__guide-content {
5003                flex: 1;
5004                min-width: 280px;
5005            }
5006            .coop-models__guide-title {
5007                font-size: 22px;
5008                font-weight: 700;
5009                color: #333;
5010                margin: 0 0 8px;
5011                line-height: 1.3;
5012            }
5013            .coop-models__guide-desc {
5014                font-size: 16px;
5015                color: #666;
5016                margin: 0;
5017                line-height: 1.5;
5018            }
5019            .coop-models__guide-cta {
5020                display: inline-flex;
5021                align-items: center;
5022                justify-content: center;
5023                padding: 14px 36px;
5024                background: #000;
5025                color: #fff;
5026                text-decoration: none;
5027                border-radius: 999px;
5028                font-size: 15px;
5029                font-weight: 500;
5030                font-family: 'Gilroy', sans-serif;
5031                line-height: 1.2;
5032                text-transform: uppercase;
5033                letter-spacing: 1px;
5034                white-space: nowrap;
5035                transition: background-color 0.3s ease;
5036            }
5037            .coop-models__guide-cta:hover { background: #2A2622; }
5038
5039            @media (max-width: 992px) {
5040                .coop-models { padding: 60px 24px; }
5041                .coop-models__title { font-size: 32px; margin-bottom: 18px; }
5042                .coop-models__lead { font-size: 16px; margin-bottom: 32px; }
5043                .coop-models__grid { grid-template-columns: 1fr; gap: 20px; }
5044                .coop-models__card { padding: 32px 28px; }
5045                .coop-models__name { font-size: 24px; }
5046                .coop-models__price { font-size: 18px; }
5047                .coop-models__row { grid-template-columns: 140px 1fr; gap: 14px; }
5048                .coop-models__guide { padding: 24px 28px; }
5049                .coop-models__guide-title { font-size: 20px; }
5050                .coop-models__guide-desc { font-size: 15px; }
5051            }
5052            @media (max-width: 600px) {
5053                .coop-models { padding: 48px 16px; }
5054                .coop-models__title { font-size: 24px; }
5055                .coop-models__lead { font-size: 15px; margin-bottom: 28px; }
5056                .coop-models__card { padding: 28px 22px; }
5057                .coop-models__name { font-size: 22px; }
5058                .coop-models__price { font-size: 17px; margin-bottom: 20px; padding-bottom: 18px; }
5059                .coop-models__row { grid-template-columns: 1fr; gap: 4px; }
5060                .coop-models__row-term { font-size: 12px; padding-top: 0; }
5061                .coop-models__row-def { font-size: 15px; }
5062                .coop-models__rows { gap: 16px; margin-bottom: 26px; }
5063                .coop-models__cta { font-size: 15px; padding-top: 8px; }
5064                .coop-models__guide { flex-direction: column; align-items: flex-start; padding: 22px 20px; }
5065                .coop-models__guide-title { font-size: 18px; }
5066                .coop-models__guide-desc { font-size: 14px; }
5067                .coop-models__guide-cta { width: 100%; font-size: 15px; padding: 12px 28px; }
5068            }
5069        </style>
5070        <section class="coop-models" aria-labelledby="coop-models-title">
5071            <div class="coop-models__container">
5072                <h2 class="coop-models__title" id="coop-models-title">МОДЕЛИ СОТРУДНИЧЕСТВА:<br>FIXED PRICE И TIME &amp; MATERIALS</h2>
5073                <p class="coop-models__lead">Мы работаем по&nbsp;двум моделям сотрудничества&nbsp;— для решения под ключ и&nbsp;индивидуальных задач.</p>
5074
5075                <div class="coop-models__grid">
5076
5077                    <article class="coop-models__card">
5078                        <h3 class="coop-models__name">FIXED PRICE</h3>
5079                        <p class="coop-models__tagline">
5079Фиксированная цена&nbsp;· Тариф ПРО и&nbsp;ПРО+</p>
5080                        <p class="coop-models__price">от&nbsp;525&nbsp;000&nbsp;₽ единоразово + подписка</p>
5081
5082                        <ul class="coop-models__rows">
5083                            <li class="coop-models__row">
5084                                <span class="coop-models__row-term">Что фиксируем<br>в&nbsp;договоре</span>
5085                                <p class="coop-models__row-def">Цену и&nbsp;сроки запуска</p>
5086                            </li>
5087                            <li class="coop-models__row">
5088                                <span class="coop-models__row-term">Состав работ</span>
5089                                <p class="coop-models__row-def">Разработка мобильного приложения или&nbsp;сайта под ключ&nbsp;— каталог, корзина, оплата, программа лояльности, интеграции со&nbsp;сторонними сервисами</p>
5090                            </li>
5091                            <li class="coop-models__row">
5092                                <span class="coop-models__row-term">Кому подходит</span>
5093                                <p class="coop-models__row-def">Бренду, который выходит в&nbsp;e-commerce без&nbsp;своего сайта или&nbsp;приложения и&nbsp;хочет понятный бюджет и&nbsp;быстрый запуск нового канала продаж</p>
5094                            </li>
5095                        </ul>
5096
5097                        <a href="https://fittin.ru/tariffs" class="coop-models__cta" data-coop-cta="fp">Смотреть тарифы</a>
5098                    </article>
5099
5100                    <article class="coop-models__card">
5101                        <h3 class="coop-models__name">TIME &amp; MATERIALS</h3>
5102                        <p class="coop-models__tagline">Почасовая ставка&nbsp;· Кастомная разработка и&nbsp;доработки</p>
5103                        <p class="coop-models__price">от&nbsp;2&nbsp;625&nbsp;₽/час&nbsp;· оценка задачи после ТЗ</p>
5104
5105                        <ul class="coop-models__rows">
5106                            <li class="coop-models__row">
5107                                <span class="coop-models__row-term">Что фиксируем<br>в&nbsp;договоре</span>
5108                                <p class="coop-models__row-def">Часовые ставки специалистов и&nbsp;состав работ</p>
5109                            </li>
5110                            <li class="coop-models__row">
5111                                <span class="coop-models__row-term">Состав работ</span>
5112                                <p class="coop-models__row-def">Индивидуальное ТЗ: кастомный дизайн, дополнительные интеграции, новые модули и&nbsp;развитие функционала после запуска</p>
5113                            </li>
5114                            <li class="coop-models__row">
5115                                <span class="coop-models__row-term">Кому подходит</span>
5116                                <p class="coop-models__row-def">Проектам с&nbsp;нестандартными бизнес-процессами и&nbsp;развитием функционала после запуска</p>
5117                            </li>
5118                        </ul>
5119
5120                        <a href="https://fittin.ru/tariffs#hourly-rates" class="coop-models__cta" data-coop-cta="tm">Часовые ставки</a>
5121                    </article>
5122
5123                </div>
5124
5125                <div class="coop-models__guide">
5126                    <div class="coop-models__guide-content">
5127                        <h3 class="coop-models__guide-title">Fixed Price или Time &amp; Materials — что выбрать</h3>
5128                        <p class="coop-models__guide-desc">Сравнение моделей по&nbsp;критериям, типичные сценарии применения и&nbsp;примеры из&nbsp;практики.</p>
5129                    </div>
5130                    <a href="https://fittin.ru/blog/skolko-stoit-razrabotka-mobilnogo-prilozheniya" class="coop-models__guide-cta" data-coop-cta="guide" title="Сколько стоит разработка мобильного приложения в 2026 году — подробный гайд">Читать гайд</a>
5131                </div>
5132                <p class="coop-models__more" style="text-align:center;margin-top:24px;font-size:16px;">
5133                    <a href="https://fittin.ru/tariffs" style="color:#FF6B00;text-decoration:none;font-weight:600;">Подробнее о&nbsp;тарифах и&nbsp;расчёте →</a>
5134                </p>
5135            </div>
5136        </section>
5137        
5137<script>
5138            (function() {
5139                document.querySelectorAll('.coop-models [data-coop-cta]').forEach(function(link) {
5140                    link.addEventListener('click', function() {
5141                        if (typeof ym === 'function') {
5142                            ym(104370182, 'reachGoal', 'coop_model_' + this.getAttribute('data-coop-cta') + '_click');
5143                        }
5144                    });
5145                });
5146            })();
5147        </script>
5147
5148
5149        <style>
5150            @media (max-width: 700px) {
5151                .interactive-banner__card .interactive-banner__text {
5152                    max-width: 55% !important;
5153                }
5154                .interactive-banner__card .interactive-banner__text p {
5155                    font-size: 16px !important;
5156                }
5157                .interactive-banner__card .interactive-banner__hero {
5158                    right: -10px !important;
5159                    height: 120% !important;
5160                }
5161            }
5162        </style>
5163        <!-- Баннер интерактивного квиза -->
5164        <section class="interactive-banner" style="max-width: 1240px; margin: 60px auto; padding: 0 20px; padding-top: 20px;">
5165            <a href="interactive-site" class="interactive-banner__card" style="
5166                display: flex;
5167                align-items: stretch;
5168                background: linear-gradient(135deg, #FF6B00 0%, #FF8533 100%);
5169                border-radius: 16px;
5170                padding: 32px;
5171                text-decoration: none;
5172                color: #fff;
5173                position: relative;
5174                overflow: visible;
5175                min-height: 250px;
5176            ">
5177                <div class="interactive-banner__text" style="flex: 1; display: flex; flex-direction: column; justify-content: space-between; position: relative; z-index: 2; max-width: min(760px, 60%);">
5178                    <p style="
5179                        font-family: 'Gilroy', sans-serif;
5180                        font-size: clamp(18px, 2.5vw, 32px);
5181                        font-weight: 600 !important;
5182                        line-height: 1.25;
5183                        color: #ffffff;
5184                        margin: 0 0 20px;
5185                    ">Пройди опрос и&nbsp;получи IT&#8209;стратегию для&nbsp;бизнеса от&nbsp;нашего виртуального помощника</p>
5186                    <span style="
5187                        display: inline-flex;
5188                        align-items: center;
5189                        justify-content: center;
5190                        padding: 0 24px;
5191                        height: 48px;
5192                        border-radius: 22px;
5193                        background: #000;
5194                        color: #fff;
5195                        font-size: 16px;
5196                        font-weight: 500;
5197                        font-family: 'Gilroy', sans-serif;
5198                        letter-spacing: 1px;
5199                        text-transform: uppercase;
5200                        white-space: nowrap;
5201                        width: fit-content;
5202                    ">ПРОЙТИ ОПРОС</span>
5203                </div>
5204                <div class="interactive-banner__hero" style="
5205                    position: absolute;
5206                    right: 24px;
5207                    bottom: 0;
5208                    height: 140%;
5209                    z-index: 1;
5210                ">
5211                    <img width="1298" height="1488" src="images/interactive-site/hero.webp" alt="Маша — виртуальный помощник FITTIN" style="height: 100%; width: auto; display: block;" loading="lazy" decoding="async">
5212                </div>
5213            </a>
5214        </section>
5215
5216        <!-- Отзывы -->
5217        <section class="testimonials" id="testimonials" itemscope itemtype="https://schema.org/ItemList">
5218            <div class="testimonials__container">
5219                <h2 class="testimonials__title">ОТЗЫВЫ О НАС</h2>
5220                <div class="testimonials__slider">
5221                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5222                             itemtype="https://schema.org/Review">
5223                        <div class="testimonial-card__company">Street Beat</div>
5224                        <div class="testimonial-card__text" itemprop="reviewBody">
5225                            «Команда Фиттин остается открытой для любых нововведений и готова подстраиваться под
5226                            уникальные нужды бизнеса, ведь у нас есть свои особенности и нюансы.»
5227                        </div>
5228                        <div class="testimonial-card__footer">
5229                            <div class="testimonial-card__avatar">
5230                                <img width="640" height="640" src="images/Стас_StreetBeat.webp" alt="Станислав Адволоткин" itemprop="image"
5231                                     loading="lazy" decoding="async">
5232                            </div>
5233                            <div class="testimonial-card__info">
5234                                <div class="testimonial-card__name" itemprop="author" itemscope
5235                                     itemtype="https://schema.org/Person">
5236                                    <span itemprop="name">Станислав Адволоткин</span>
5237                                </div>
5238                                <div class="testimonial-card__position">Директор интернет-магазина</div>
5239                            </div>
5240                        </div>
5241                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5242                            <meta itemprop="ratingValue" content="5"/>
5243                            <meta itemprop="bestRating" content="5"/>
5244                        </div>
5245                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5246                            <meta itemprop="name" content="FITTIN"/>
5247                        </div>
5248                        <meta itemprop="datePublished" content="2023-06-15"/>
5249                    </article>
5250                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5251                             itemtype="https://schema.org/Review">
5252                        <div class="testimonial-card__company">ОптикСити</div>
5253                        <div class="testimonial-card__text" itemprop="reviewBody">
5254                            «В сотрудничестве с FITTIN понравилось понимание с вашей стороны наших требований, умение
5255                            предлагать качественные и, главное, быстрые решения. Это ценно.»
5256                        </div>
5257                        <div class="testimonial-card__footer">
5258                            <div class="testimonial-card__avatar testimonial-card__avatar--placeholder" aria-hidden="true">
5259                                <svg width="32" height="32" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
5260                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.30041 1.48828C7.14972 1.48828 5.40625 3.23175 5.40625 5.38244C5.40625 7.53312 7.14972 9.27659 9.30041 9.27659C11.4511 9.27659 13.1946 7.53312 13.1946 5.38244C13.1946 3.23175 11.4511 1.48828 9.30041 1.48828ZM4.40625 5.38244C4.40625 2.67947 6.59744 0.488281 9.30041 0.488281C12.0034 0.488281 14.1946 2.67947 14.1946 5.38244C14.1946 8.0854 12.0034 10.2766 9.30041 10.2766C6.59744 10.2766 4.40625 8.0854 4.40625 5.38244Z" fill="#6D6D6D"/>
5261                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.29956 10.2773C5.26813 10.2773 2 13.5455 2 17.5769C2 17.8531 1.77614 18.0769 1.5 18.0769C1.22386 18.0769 1 17.8531 1 17.5769C1 12.9932 4.71584 9.27734 9.29956 9.27734C13.8833 9.27734 17.5991 12.9932 17.5991 17.5769C17.5991 17.8531 17.3753 18.0769 17.0991 18.0769C16.823 18.0769 16.5991 17.8531 16.5991 17.5769C16.5991 13.5455 13.331 10.2773 9.29956 10.2773Z" fill="#6D6D6D"/>
5262                                </svg>
5263                            </div>
5264                            <div class="testimonial-card__info">
5265                                <div class="testimonial-card__name" itemprop="author" itemscope
5266                                     itemtype="https://schema.org/Person">
5267                                    <span itemprop="name">Алина Клевцова</span>
5268                                </div>
5269                                <div class="testimonial-card__position">Директор интернет-магазина</div>
5270                            </div>
5271                        </div>
5272                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5273                            <meta itemprop="ratingValue" content="5"/>
5274                            <meta itemprop="bestRating" content="5"/>
5275                        </div>
5276                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5277                            <meta itemprop="name" content="FITTIN"/>
5278                        </div>
5279                        <meta itemprop="datePublished" content="2023-06-15"/>
5280                    </article>
5281                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5282                             itemtype="https://schema.org/Review">
5283                        <div class="testimonial-card__company">DaisyKnit</div>
5284                        <div class="testimonial-card__text" itemprop="reviewBody">
5285                            «Команда Fittin — это не просто подрядчик, а настоящий партнёр. Профессионализм,
5286                            вовлечённость, скорость решения задач — и положительная динамика по всем метрикам приложения.»
5287                        </div>
5288                        <div class="testimonial-card__footer">
5289                            <div class="testimonial-card__avatar">
5290                                <img src="images/Наталья_Daizyknit.webp" alt="Наталья Копылова" itemprop="image"
5291                                     loading="lazy" decoding="async">
5292                            </div>
5293                            <div class="testimonial-card__info">
5294                                <div class="testimonial-card__name" itemprop="author" itemscope
5295                                     itemtype="https://schema.org/Person">
5296                                    <span itemprop="name">Наталья Копылова</span>
5297                                </div>
5298                                <div class="testimonial-card__position">CRM-маркетолог</div>
5299                            </div>
5300                        </div>
5301                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5302                            <meta itemprop="ratingValue" content="5"/>
5303                            <meta itemprop="bestRating" content="5"/>
5304                        </div>
5305                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5306                            <meta itemprop="name" content="FITTIN"/>
5307                        </div>
5308                        <meta itemprop="datePublished" content="2026-04-28"/>
5309                    </article>
5310                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5311                             itemtype="https://schema.org/Review">
5312                        <div class="testimonial-card__company">Retail Rocket</div>
5313                        <div class="testimonial-card__text" itemprop="reviewBody">
5314                            «Работаем с Fittin не первый год — это партнёрство, где обе стороны усиливают друг друга. Команда
5315                            отлично чувствует задачи e-commerce и помогает быстро запускать качественные мобильные приложения.
5316                            Такие партнёрства особенно ценны, и мы точно планируем их развивать дальше.»
5317                        </div>
5318                        <div class="testimonial-card__footer">
5319                            <div class="testimonial-card__avatar">
5320                                <img width="824" height="1248" src="images/Сурен_RetailRocket.webp" alt="Сурен Степанянц" itemprop="image"
5321                                     loading="lazy" decoding="async">
5322                            </div>
5323                            <div class="testimonial-card__info">
5324                                <div class="testimonial-card__name" itemprop="author" itemscope
5325                                     itemtype="https://schema.org/Person">
5326                                    <span itemprop="name">Сурен Степанянц</span>
5327                                </div>
5328                                <div class="testimonial-card__position">Коммерческий директор</div>
5329                            </div>
5330                        </div>
5331                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5332                            <meta itemprop="ratingValue" content="5"/>
5333                            <meta itemprop="bestRating" content="5"/>
5334                        </div>
5335                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5336                            <meta itemprop="name" content="FITTIN"/>
5337                        </div>
5338                        <meta itemprop="datePublished" content="2026-04-28"/>
5339                    </article>
5340                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5341                             itemtype="https://schema.org/Review">
5342                        <div class="testimonial-card__company">Gulliver</div>
5343                        <div class="testimonial-card__text" itemprop="reviewBody">
5344                            «После года работы над мобильным приложением мы доверили FITTIN перевод сайта с Битрикс на Flutter —
5345                            нужно было выстроить единую экосистему с приложением. Задача нетривиальная, но команда довела её до
5346                            результата.»
5347                        </div>
5348                        <div class="testimonial-card__footer">
5349                            <div class="testimonial-card__avatar">
5350                                <img width="640" height="640" src="images/Любаев_Гулливер.webp" alt="Никита Любаев" itemprop="image"
5351                                     loading="lazy" decoding="async">
5352                            </div>
5353                            <div class="testimonial-card__info">
5354                                <div class="testimonial-card__name" itemprop="author" itemscope
5355                                     itemtype="https://schema.org/Person">
5356                                    <span itemprop="name">Никита Любаев</span>
5357                                </div>
5358                                <div class="testimonial-card__position">ECOM-директор</div>
5359                            </div>
5360                        </div>
5361                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5362                            <meta itemprop="ratingValue" content="5"/>
5363                            <meta itemprop="bestRating" content="5"/>
5364                        </div>
5365                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5366                            <meta itemprop="name" content="FITTIN"/>
5367                        </div>
5368                        <meta itemprop="datePublished" content="2026-04-28"/>
5369                    </article>
5370                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5371                             itemtype="https://schema.org/Review">
5372                        <div class="testimonial-card__company">ИСКРА</div>
5373                        <div class="testimonial-card__text" itemprop="reviewBody">
5374                            «С первого дня с нами работает команда высококлассных специалистов. Благодаря быстрому запуску
5375                            приложения наш проект победил в грантовом конкурсе. Сроки и ТЗ соблюдаются чётко, замечания
5376                            устраняются без лишних дискуссий. Планируем сотрудничество и в следующем году — в том числе по
5377                            интеграциям с нейросетями и образовательными платформами.»
5378                        </div>
5379                        <div class="testimonial-card__footer">
5380                            <div class="testimonial-card__avatar">
5381                                <img src="images/ИСКРА_Аршинов.webp" alt="Виктор Аршинов" itemprop="image"
5382                                     loading="lazy" decoding="async">
5383                            </div>
5384                            <div class="testimonial-card__info">
5385                                <div class="testimonial-card__name" itemprop="author" itemscope
5386                                     itemtype="https://schema.org/Person">
5387                                    <span itemprop="name">Виктор Аршинов</span>
5388                                </div>
5389                                <div class="testimonial-card__position">Основатель проекта, DBA</div>
5390                            </div>
5391                        </div>
5392                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5393                            <meta itemprop="ratingValue" content="5"/>
5394                            <meta itemprop="bestRating" content="5"/>
5395                        </div>
5396                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5397                            <meta itemprop="name" content="FITTIN"/>
5398                        </div>
5399                        <meta itemprop="datePublished" content="2026-04-28"/>
5400                    </article>
5401                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5402                             itemtype="https://schema.org/Review">
5403                        <div class="testimonial-card__company">Европа</div>
5404                        <div class="testimonial-card__text" itemprop="reviewBody">
5405                            «На протяжении нескольких лет работаем с «Фиттин» и ни разу не пожалели о выборе. Команда оперативно
5406                            реагирует на запросы, проявляет ответственность на всех этапах работы и предлагает эффективные
5407                            решения. Рекомендуем их как надёжного и компетентного исполнителя.»
5408                        </div>
5409                        <div class="testimonial-card__footer">
5410                            <div class="testimonial-card__avatar">
5411                                <img width="768" height="1024" src="images/Лилия_Европа.webp" alt="Лилия Хряпина" itemprop="image"
5412                                     loading="lazy" decoding="async">
5413                            </div>
5414                            <div class="testimonial-card__info">
5415                                <div class="testimonial-card__name" itemprop="author" itemscope
5416                                     itemtype="https://schema.org/Person">
5417                                    <span itemprop="name">Лилия Хряпина</span>
5418                                </div>
5419                                <div class="testimonial-card__position">Руководитель интернет-направления по бизнес-процессам и работе с клиентами</div>
5420                            </div>
5421                        </div>
5422                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5423                            <meta itemprop="ratingValue" content="5"/>
5424                            <meta itemprop="bestRating" content="5"/>
5425                        </div>
5426                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5427                            <meta itemprop="name" content="FITTIN"/>
5428                        </div>
5429                        <meta itemprop="datePublished" content="2026-04-28"/>
5430                    </article>
5431                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5432                             itemtype="https://schema.org/Review">
5433                        <div class="testimonial-card__company">Сыроварня</div>
5434                        <div class="testimonial-card__text" itemprop="reviewBody">
5435                            «Сотрудничество с Fittin — находка для нашего бизнеса. Премиальное и высокотехнологичное решение и
5436                            сервис: быстрая обработка запросов, мгновенное решение техпроблем, безупречный аккаунтинг. Продукт
5437                            легко дорабатывается, команда помогает с реализацией всех наших пожеланий.»
5438                        </div>
5439                        <div class="testimonial-card__footer">
5440                            <div class="testimonial-card__avatar">
5441                                <img width="640" height="640" src="images/Коваленко_Сыроварня.webp" alt="Андрей Коваленко" itemprop="image"
5442                                     loading="lazy" decoding="async">
5443                            </div>
5444                            <div class="testimonial-card__info">
5445                                <div class="testimonial-card__name" itemprop="author" itemscope
5446                                     itemtype="https://schema.org/Person">
5447                                    <span itemprop="name">Андрей Коваленко</span>
5448                                </div>
5449                                <div class="testimonial-card__position">Руководитель отдела дистанционных продаж</div>
5450                            </div>
5451                        </div>
5452                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5453                            <meta itemprop="ratingValue" content="5"/>
5454                            <meta itemprop="bestRating" content="5"/>
5455                        </div>
5456                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5457                            <meta itemprop="name" content="FITTIN"/>
5458                        </div>
5459                        <meta itemprop="datePublished" content="2026-04-28"/>
5460                    </article>
5461                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5462                             itemtype="https://schema.org/Review">
5463                        <div class="testimonial-card__company">Пан Чемодан</div>
5464                        <div class="testimonial-card__text" itemprop="reviewBody">
5465                            «Почти два года работаем с FITTIN. Переход к новому подрядчику — всегда риск, но нас интересовало
5466                            активное развитие продукта, и этот критерий FITTIN закрывает. Функционал планомерно растёт, команда
5467                            берётся за задачи и доводит их до результата.»
5468                        </div>
5469                        <div class="testimonial-card__footer">
5470                            <div class="testimonial-card__avatar">
5471                                <img src="images/Варвара_ПанЧемод.webp" alt="Варвара Забродина" itemprop="image"
5472                                     loading="lazy" decoding="async">
5473                            </div>
5474                            <div class="testimonial-card__info">
5475                                <div class="testimonial-card__name" itemprop="author" itemscope
5476                                     itemtype="https://schema.org/Person">
5477                                    <span itemprop="name">Варвара Забродина</span>
5478                                </div>
5479                                <div class="testimonial-card__position">ECOM-директор</div>
5480                            </div>
5481                        </div>
5482                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5483                            <meta itemprop="ratingValue" content="5"/>
5484                            <meta itemprop="bestRating" content="5"/>
5485                        </div>
5486                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5487                            <meta itemprop="name" content="FITTIN"/>
5488                        </div>
5489                        <meta itemprop="datePublished" content="2026-04-28"/>
5490                    </article>
5491                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5492                             itemtype="https://schema.org/Review">
5493                        <div class="testimonial-card__company">Польза</div>
5494                        <div class="testimonial-card__text" itemprop="reviewBody">
5495                            «Ребята подходят к задаче системно: глубоко погружаются в бизнес и предлагают на выбор 2–3
5496                            продуманных решения. Всё делают в срок, а часто и с опережением. Одни из лучших разработчиков и
5497                            партнёров, с кем я когда-либо работал.»
5498                        </div>
5499                        <div class="testimonial-card__footer">
5500                            <div class="testimonial-card__avatar testimonial-card__avatar--placeholder" aria-hidden="true">
5501                                <svg width="32" height="32" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
5502                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.30041 1.48828C7.14972 1.48828 5.40625 3.23175 5.40625 5.38244C5.40625 7.53312 7.14972 9.27659 9.30041 9.27659C11.4511 9.27659 13.1946 7.53312 13.1946 5.38244C13.1946 3.23175 11.4511 1.48828 9.30041 1.48828ZM4.40625 5.38244C4.40625 2.67947 6.59744 0.488281 9.30041 0.488281C12.0034 0.488281 14.1946 2.67947 14.1946 5.38244C14.1946 8.0854 12.0034 10.2766 9.30041 10.2766C6.59744 10.2766 4.40625 8.0854 4.40625 5.38244Z" fill="#6D6D6D"/>
5503                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.29956 10.2773C5.26813 10.2773 2 13.5455 2 17.5769C2 17.8531 1.77614 18.0769 1.5 18.0769C1.22386 18.0769 1 17.8531 1 17.5769C1 12.9932 4.71584 9.27734 9.29956 9.27734C13.8833 9.27734 17.5991 12.9932 17.5991 17.5769C17.5991 17.8531 17.3753 18.0769 17.0991 18.0769C16.823 18.0769 16.5991 17.8531 16.5991 17.5769C16.5991 13.5455 13.331 10.2773 9.29956 10.2773Z" fill="#6D6D6D"/>
5504                                </svg>
5505                            </div>
5506                            <div class="testimonial-card__info">
5507                                <div class="testimonial-card__name" itemprop="author" itemscope
5508                                     itemtype="https://schema.org/Person">
5509                                    <span itemprop="name">Максим Федин</span>
5510                                </div>
5511                                <div class="testimonial-card__position">Заместитель генерального директора</div>
5512                            </div>
5513                        </div>
5514                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5515                            <meta itemprop="ratingValue" content="5"/>
5516                            <meta itemprop="bestRating" content="5"/>
5517                        </div>
5518                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5519                            <meta itemprop="name" content="FITTIN"/>
5520                        </div>
5521                        <meta itemprop="datePublished" content="2026-04-28"/>
5522                    </article>
5523                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5524                             itemtype="https://schema.org/Review">
5525                        <div class="testimonial-card__company">Цветовик</div>
5526                        <div class="testimonial-card__text" itemprop="reviewBody">
5527                            «Мы искали большую и квалифицированную команду, которая у вас как раз есть, понравились
5528                            сильные проекты. Ключевым для нас было побыстрее запустить приложение без багов, чтобы
5529                            больше не получать негативную обратную связь от клиентов.»
5530                        </div>
5531                        <div class="testimonial-card__footer">
5532                            <div class="testimonial-card__avatar">
5533                                <img width="640" height="640" src="images/Роман_Цветовик.webp" alt="Мяготин Роман" itemprop="image"
5534                                     loading="lazy" decoding="async">
5535                            </div>
5536                            <div class="testimonial-card__info">
5537                                <div class="testimonial-card__name" itemprop="author" itemscope
5538                                     itemtype="https://schema.org/Person">
5539                                    <span itemprop="name">Мяготин Роман</span>
5540                                </div>
5541                                <div class="testimonial-card__position">Руководитель интернет-проектов</div>
5542                            </div>
5543                        </div>
5544                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5545                            <meta itemprop="ratingValue" content="5"/>
5546                            <meta itemprop="bestRating" content="5"/>
5547                        </div>
5548                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5549                            <meta itemprop="name" content="FITTIN"/>
5550                        </div>
5551                        <meta itemprop="datePublished" content="2023-06-15"/>
5552                    </article>
5553                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5554                             itemtype="https://schema.org/Review">
5555                        <div class="testimonial-card__company">Оптик Сервис</div>
5556                        <div class="testimonial-card__text" itemprop="reviewBody">
5557                            «Для нас важно, чтобы наши просьбы и пожелания слышали, учитывали и качественно исполняли.
5558                            За это мы и ценим наших партнёров.»
5559                        </div>
5560                        <div class="testimonial-card__footer">
5561                            <div class="testimonial-card__avatar testimonial-card__avatar--placeholder" aria-hidden="true">
5562                                <svg width="32" height="32" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
5563                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.30041 1.48828C7.14972 1.48828 5.40625 3.23175 5.40625 5.38244C5.40625 7.53312 7.14972 9.27659 9.30041 9.27659C11.4511 9.27659 13.1946 7.53312 13.1946 5.38244C13.1946 3.23175 11.4511 1.48828 9.30041 1.48828ZM4.40625 5.38244C4.40625 2.67947 6.59744 0.488281 9.30041 0.488281C12.0034 0.488281 14.1946 2.67947 14.1946 5.38244C14.1946 8.0854 12.0034 10.2766 9.30041 10.2766C6.59744 10.2766 4.40625 8.0854 4.40625 5.38244Z" fill="#6D6D6D"/>
5564                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.29956 10.2773C5.26813 10.2773 2 13.5455 2 17.5769C2 17.8531 1.77614 18.0769 1.5 18.0769C1.22386 18.0769 1 17.8531 1 17.5769C1 12.9932 4.71584 9.27734 9.29956 9.27734C13.8833 9.27734 17.5991 12.9932 17.5991 17.5769C17.5991 17.8531 17.3753 18.0769 17.0991 18.0769C16.823 18.0769 16.5991 17.8531 16.5991 17.5769C16.5991 13.5455 13.331 10.2773 9.29956 10.2773Z" fill="#6D6D6D"/>
5565                                </svg>
5566                            </div>
5567                            <div class="testimonial-card__info">
5568                                <div class="testimonial-card__name" itemprop="author" itemscope
5569                                     itemtype="https://schema.org/Person">
5570                                    <span itemprop="name">Александр Клемашев</span>
5571                                </div>
5572                                <div class="testimonial-card__position">Директор по развитию e-com проектов</div>
5573                            </div>
5574                        </div>
5575                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5576                            <meta itemprop="ratingValue" content="5"/>
5577                            <meta itemprop="bestRating" content="5"/>
5578                        </div>
5579                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5580                            <meta itemprop="name" content="FITTIN"/>
5581                        </div>
5582                        <meta itemprop="datePublished" content="2023-06-15"/>
5583                    </article>
5584                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5585                             itemtype="https://schema.org/Review">
5586                        <div class="testimonial-card__company">El Tempo</div>
5587                        <div class="testimonial-card__text" itemprop="reviewBody">
5588                            «Мобильное приложение в наше время может заменить несколько каналов (сайт, маркетплейсы),
5589                            создавая экосистему бренда.»
5590                        </div>
5591                        <div class="testimonial-card__footer">
5592                            <div class="testimonial-card__avatar testimonial-card__avatar--placeholder" aria-hidden="true">
5593                                <svg width="32" height="32" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
5594                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.30041 1.48828C7.14972 1.48828 5.40625 3.23175 5.40625 5.38244C5.40625 7.53312 7.14972 9.27659 9.3004
55941 9.27659C11.4511 9.27659 13.1946 7.53312 13.1946 5.38244C13.1946 3.23175 11.4511 1.48828 9.30041 1.48828ZM4.40625 5.38244C4.40625 2.67947 6.59744 0.488281 9.30041 0.488281C12.0034 0.488281 14.1946 2.67947 14.1946 5.38244C14.1946 8.0854 12.0034 10.2766 9.30041 10.2766C6.59744 10.2766 4.40625 8.0854 4.40625 5.38244Z" fill="#6D6D6D"/>
5595                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.29956 10.2773C5.26813 10.2773 2 13.5455 2 17.5769C2 17.8531 1.77614 18.0769 1.5 18.0769C1.22386 18.0769 1 17.8531 1 17.5769C1 12.9932 4.71584 9.27734 9.29956 9.27734C13.8833 9.27734 17.5991 12.9932 17.5991 17.5769C17.5991 17.8531 17.3753 18.0769 17.0991 18.0769C16.823 18.0769 16.5991 17.8531 16.5991 17.5769C16.5991 13.5455 13.331 10.2773 9.29956 10.2773Z" fill="#6D6D6D"/>
5596                                </svg>
5597                            </div>
5598                            <div class="testimonial-card__info">
5599                                <div class="testimonial-card__name" itemprop="author" itemscope
5600                                     itemtype="https://schema.org/Person">
5601                                    <span itemprop="name">Оксана Баринова</span>
5602                                </div>
5603                                <div class="testimonial-card__position">Руководитель интернет направления</div>
5604                            </div>
5605                        </div>
5606                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5607                            <meta itemprop="ratingValue" content="5"/>
5608                            <meta itemprop="bestRating" content="5"/>
5609                        </div>
5610                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5611                            <meta itemprop="name" content="FITTIN"/>
5612                        </div>
5613                        <meta itemprop="datePublished" content="2023-06-15"/>
5614                    </article>
5615                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5616                             itemtype="https://schema.org/Review">
5617                        <div class="testimonial-card__company">Hobby Games</div>
5618                        <div class="testimonial-card__text" itemprop="reviewBody">
5619                            «В сжатые сроки команда Фиттин реализовала ключевой функционал мобильного приложения и подготовила
5620                            продукт к запуску. Подрядчик гибко реагировал на изменения требований и помогал двигаться к
5621                            результату. Благодарим команду Фиттин за вклад в проект и рассчитываем на продолжение
5622                            сотрудничества.»
5623                        </div>
5624                        <div class="testimonial-card__footer">
5625                            <div class="testimonial-card__avatar">
5626                                <img width="928" height="1152" src="images/Родин_HobbyG.webp" alt="Артём Родин" itemprop="image"
5627                                     loading="lazy" decoding="async">
5628                            </div>
5629                            <div class="testimonial-card__info">
5630                                <div class="testimonial-card__name" itemprop="author" itemscope
5631                                     itemtype="https://schema.org/Person">
5632                                    <span itemprop="name">Артём Родин</span>
5633                                </div>
5634                                <div class="testimonial-card__position">ECOM-директор</div>
5635                            </div>
5636                        </div>
5637                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5638                            <meta itemprop="ratingValue" content="5"/>
5639                            <meta itemprop="bestRating" content="5"/>
5640                        </div>
5641                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5642                            <meta itemprop="name" content="FITTIN"/>
5643                        </div>
5644                        <meta itemprop="datePublished" content="2026-04-28"/>
5645                    </article>
5646                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5647                             itemtype="https://schema.org/Review">
5648                        <div class="testimonial-card__company">Stream Telecom</div>
5649                        <div class="testimonial-card__text" itemprop="reviewBody">
5650                            «Ценим слаженную работу команды FITTIN и готовность оперативно закрывать задачи разработки продукта.»
5651                        </div>
5652                        <div class="testimonial-card__footer">
5653                            <div class="testimonial-card__avatar testimonial-card__avatar--placeholder" aria-hidden="true">
5654                                <svg width="32" height="32" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
5655                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.30041 1.48828C7.14972 1.48828 5.40625 3.23175 5.40625 5.38244C5.40625 7.53312 7.14972 9.27659 9.30041 9.27659C11.4511 9.27659 13.1946 7.53312 13.1946 5.38244C13.1946 3.23175 11.4511 1.48828 9.30041 1.48828ZM4.40625 5.38244C4.40625 2.67947 6.59744 0.488281 9.30041 0.488281C12.0034 0.488281 14.1946 2.67947 14.1946 5.38244C14.1946 8.0854 12.0034 10.2766 9.30041 10.2766C6.59744 10.2766 4.40625 8.0854 4.40625 5.38244Z" fill="#6D6D6D"/>
5656                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M9.29956 10.2773C5.26813 10.2773 2 13.5455 2 17.5769C2 17.8531 1.77614 18.0769 1.5 18.0769C1.22386 18.0769 1 17.8531 1 17.5769C1 12.9932 4.71584 9.27734 9.29956 9.27734C13.8833 9.27734 17.5991 12.9932 17.5991 17.5769C17.5991 17.8531 17.3753 18.0769 17.0991 18.0769C16.823 18.0769 16.5991 17.8531 16.5991 17.5769C16.5991 13.5455 13.331 10.2773 9.29956 10.2773Z" fill="#6D6D6D"/>
5657                                </svg>
5658                            </div>
5659                            <div class="testimonial-card__info">
5660                                <div class="testimonial-card__name" itemprop="author" itemscope
5661                                     itemtype="https://schema.org/Person">
5662                                    <span itemprop="name">Артём Бабанских</span>
5663                                </div>
5664                                <div class="testimonial-card__position">Руководитель проекта</div>
5665                            </div>
5666                        </div>
5667                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5668                            <meta itemprop="ratingValue" content="5"/>
5669                            <meta itemprop="bestRating" content="5"/>
5670                        </div>
5671                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5672                            <meta itemprop="name" content="FITTIN"/>
5673                        </div>
5674                        <meta itemprop="datePublished" content="2026-04-28"/>
5675                    </article>
5676                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5677                             itemtype="https://schema.org/Review">
5678                        <div class="testimonial-card__company">Ангстрем</div>
5679                        <div class="testimonial-card__text" itemprop="reviewBody">
5680                            «С командой FITTIN мы развиваем сразу несколько продуктов — в том числе с применением искусственного
5681                            интеллекта. Скорость реализации — одно из заметных преимуществ: задачи решаются быстро и без
5682                            потери качества. Планируем развивать сотрудничество дальше.»
5683                        </div>
5684                        <div class="testimonial-card__footer">
5685                            <div class="testimonial-card__avatar">
5686                                <img width="640" height="640" src="images/Рогожкин_Ангстрем.webp" alt="Иван Рогожкин" itemprop="image"
5687                                     loading="lazy" decoding="async">
5688                            </div>
5689                            <div class="testimonial-card__info">
5690                                <div class="testimonial-card__name" itemprop="author" itemscope
5691                                     itemtype="https://schema.org/Person">
5692                                    <span itemprop="name">Иван Рогожкин</span>
5693                                </div>
5694                                <div class="testimonial-card__position">Бренд-директор</div>
5695                            </div>
5696                        </div>
5697                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5698                            <meta itemprop="ratingValue" content="5"/>
5699                            <meta itemprop="bestRating" content="5"/>
5700                        </div>
5701                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5702                            <meta itemprop="name" content="FITTIN"/>
5703                        </div>
5704                        <meta itemprop="datePublished" content="2026-04-28"/>
5705                    </article>
5706                    <article class="testimonial-card" itemprop="itemListElement" itemscope
5707                             itemtype="https://schema.org/Review">
5708                        <div class="testimonial-card__company">IDOL</div>
5709                        <div class="testimonial-card__text" itemprop="reviewBody">
5710                            «FITTIN делали для нас мобильное приложение. Отдельно ценю, что команда держит в голове
5711                            бизнес-метрики, а не только сроки, — и помогает сделать продукт лучше, а не просто закрывает ТЗ.
5712                            Быстрая реакция на правки, прозрачные промежуточные демо, внимание к деталям. Продукт легко
5713                            развивать, и по нашему опыту FITTIN — надёжный технологический партнёр, которому можно доверить
5714                            сложный проект.»
5715                        </div>
5716                        <div class="testimonial-card__footer">
5717                            <div class="testimonial-card__avatar">
5718                                <img width="1024" height="1024" src="images/Таисия_IDOL.webp" alt="Таисия Тарасова" itemprop="image"
5719                                     loading="lazy" decoding="async">
5720                            </div>
5721                            <div class="testimonial-card__info">
5722                                <div class="testimonial-card__name" itemprop="author" itemscope
5723                                     itemtype="https://schema.org/Person">
5724                                    <span itemprop="name">Таисия Тарасова</span>
5725                                </div>
5726                                <div class="testimonial-card__position">Директор по электронной коммерции</div>
5727                            </div>
5728                        </div>
5729                        <div itemprop="reviewRating" itemscope itemtype="https://schema.org/Rating" style="display:none">
5730                            <meta itemprop="ratingValue" content="5"/>
5731                            <meta itemprop="bestRating" content="5"/>
5732                        </div>
5733                        <div itemprop="itemReviewed" itemscope itemtype="https://schema.org/Organization" style="display:none">
5734                            <meta itemprop="name" content="FITTIN"/>
5735                        </div>
5736                        <meta itemprop="datePublished" content="2026-07-08"/>
5737                    </article>
5738
5739                </div>
5740                <div class="testimonials__nav">
5741                    <button class="testimonials__nav-button testimonials__nav-button--prev"
5742                            aria-label="Предыдущий отзыв">
5743                        <svg viewBox="0 0 24 24" width="24" height="24">
5744                            <path d="M15 18l-6-6 6-6" stroke="currentColor" stroke-width="2" stroke-linecap="round"
5745                                  stroke-linejoin="round" fill="none"/>
5746                        </svg>
5747                    </button>
5748                    <div class="testimonials__pager" role="presentation" aria-hidden="true">
5749                        <span class="testimonials__pager-track">
5750                            <span class="testimonials__pager-dot testimonials__pager-dot--t0" data-slot="0"></span>
5751                            <span class="testimonials__pager-dot testimonials__pager-dot--t1" data-slot="1"></span>
5752                            <span class="testimonials__pager-dot testimonials__pager-dot--t1" data-slot="2"></span>
5753                            <span class="testimonials__pager-dot testimonials__pager-dot--t1" data-slot="3"></span>
5754                            <span class="testimonials__pager-dot testimonials__pager-dot--t2" data-slot="4"></span>
5755                        </span>
5756                    </div>
5757                    <p class="testimonials__pager-sr testimonials__pager-status" role="status" aria-live="polite">Отзыв 1 из 17</p>
5758                    <button class="testimonials__nav-button testimonials__nav-button--next"
5759                            aria-label="Следующий отзыв">
5760                        <svg viewBox="0 0 24 24" width="24" height="24">
5761                            <path d="M9 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round"
5762                                  stroke-linejoin="round" fill="none"/>
5763                        </svg>
5764                    </button>
5765                </div>
5766            </div>
5767        </section>
5768
5769        <!-- Модальное окно для отзывов -->
5770        <!--
5771            <div class="modal">
5772                <div class="modal-content">
5773                    <button class="modal-close" aria-label="Закрыть"></button>
5774                    <div class="modal-header">
5775                        <div class="modal-avatar">
5776                            <img class="modal-avatar-img" src="images/review1.webp" alt="Аватар" width="80" height="80" loading="lazy" decoding="async">
5777                        </div>
5778                        <div class="modal-info">
5779                            <h3 class="modal-name">Название компании</h3>
5780                            <p class="modal-position">Должность</p>
5781                        </div>
5782                    </div>
5783                    <div class="modal-text">Текст отзыва</div>
5784                </div>
5785            </div>
5786            -->
5787
5788        <!-- Социальные сети -->
5789        <section class="social-media">
5790            <div class="social-media__container">
5791                <h2 class="social-media__title">FITTIN В&nbsp;СМИ И&nbsp;СОЦИАЛЬНЫХ СЕТЯХ</h2>
5792                <div class="social-media__content">
5793                    <div class="social-media__text-left">
5794                        <p>Следите за нами в соцсетях, чтобы<br>не пропустить актуальные тренды и предложения.</p>
5795                    </div>
5796                    <div class="social-media__text-right">
5797                        <p>Получите бесплатную консультацию и узнайте,<br>как мы можем помочь вашему бизнесу!</p>
5798                    </div>
5799                </div>
5800                <div class="social-media__cards">
5801                    <a href="https://t.me/FITTIN1" class="social-card" target="_blank">
5802                        <h3 class="social-card__title">TELEGRAM</h3>
5803                        <div class="social-card__icon">
5804                            <img src="images/telegram-svg.webp" alt="Telegram" width="393" height="242" loading="lazy" decoding="async">
5805                        </div>
5806                    </a>
5807                    <a href="https://vk.com/fittin" class="social-card" target="_blank">
5808                        <h3 class="social-card__title">VK</h3>
5809                        <div class="social-card__icon">
5810                            <img src="images/vk-svg.webp" alt="VK" width="393" height="242" loading="lazy" decoding="async">
5811                        </div>
5812                    </a>
5813                    <a href="https://vc.ru/id2445849" class="social-card" target="_blank">
5814                        <h3 class="social-card__title">VC</h3>
5815                        <div class="social-card__icon">
5816                            <img src="images/vc-svg.webp" alt="VC" width="393" height="242" loading="lazy" decoding="async">
5817                        </div>
5818                    </a>
5819                    <a href="https://dzen.ru/fittin" class="social-card" target="_blank" rel="noopener" aria-label="Дзен FITTIN">
5820                        <h3 class="social-card__title">ДЗЕН</h3>
5821                        <div class="social-card__icon">
5822                            <img src="images/dzen-svg.webp" alt="Дзен FITTIN" width="393" height="242" loading="lazy" decoding="async">
5823                        </div>
5824                    </a>
5825                </div>
5826            </div>
5827        </section>
5828
5829        <!-- Блог -->
5830        <section class="blog" style="padding-top: 30px; padding-bottom: 80px;">
5831            <div class="blog__container">
5832                <h2 class="blog__title" style="margin-top: 0;">БЛОГ КОМПАНИИ <span style="display:inline-block;background:#FF6B00;color:#fff;font-size:16px;font-weight:600;padding:6px 14px;border-radius:20px;vertical-align:middle;margin-left:12px;letter-spacing:0.5px;">НОВОЕ</span></h2>
5833
5834                <div class="blog__content">
5835                    <div class="blog__image">
5836                        <img src="images/blog/issledovanie.webp"
5837                             alt="Исследование: на что жалуются покупатели в отзывах — 2026. FITTIN × SaleSynergy × Markway"
5838                             width="422" height="222"
5839                             style="width:100%;max-width:422px;height:auto;aspect-ratio:1200/630;object-fit:cover;"
5840                             loading="lazy" decoding="async">
5841                    </div>
5842                    <div class="blog__text">
5843                        <h3 class="blog__heading">На что жалуются покупатели в отзывах: исследование 2026</h3>
5844                        <p class="blog__description">FITTIN, SaleSynergy и Markway изучили 1,1 млн отзывов: чем различаются жалобы в fashion, детских товарах, доме и технике и продуктах, Ð
5844ºÐ°ÐºÐ¸Ðµ маркерные фразы повторяются и как они влияют на ответы нейросетей.</p>
5845                        <a href="/blog/na-chto-zhaluyutsya-pokupateli-v-otzyvah-2026"
5846                           class="blog__link"
5847                           title="На что жалуются покупатели в отзывах: исследование 2026">ЧИТАТЬ
5848                            СТАТЬЮ</a>
5849                    </div>
5850                </div>
5851            </div>
5852        </section>
5853        <!-- Новости компании -->
5854        <section class="company-news" style="display: none; margin-top: -1px;">
5855            <div class="company-news__container">
5856                <h2 class="company-news__title">НОВОСТИ КОМПАНИИ</h2>
5857                
5857<script src="https://ainews-back.fittin.ru/widget/fittin-news-widget.js?v=2.5"
5858                        data-api-token="59559f66-4f07-4af7-bf76-352751b17b5f"
5859                        data-layout="horizontal"
5860                        data-limit="3"
5861                        data-infinite-scroll="false"
5862                        async>
5863                </script>
5863               <!-- Новости загружаются динамически через JS -->
5864            </div>
5865        </section>
5866
5867
5868        <!-- Плашка ARDA -->
5869        <section class="arda-badge">
5870            <a href="https://arda.digital/" target="_blank" rel="noopener" class="arda-badge__link">
5871                <div class="arda-badge__inner">
5872                    <div class="arda-badge__logo-wrap">
5873                        <img width="753" height="360" src="images/arda.png" alt="ARDA — Ассоциация развития digital-агентств" class="arda-badge__logo" loading="lazy" decoding="async">
5874                    </div>
5875                    <div class="arda-badge__text">
5876                        <span class="arda-badge__title">УЧАСТНИК АССОЦИАЦИИ<br>РАЗВИТИЯ DIGITAL&#8209;АГЕНТСТВ</span>
5877                    </div>
5878                    <div class="arda-badge__arrow">
5879                        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
5880                            <path d="M7 17L17 7M17 7H7M17 7V17" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5881                        </svg>
5882                    </div>
5883                </div>
5884            </a>
5885        </section>
5886
5887        <style>
5888            .arda-badge {
5889                max-width: 800px;
5890                margin: 80px auto 20px;
5891            }
5892            .arda-badge__link {
5893                display: block;
5894                text-decoration: none;
5895                overflow: hidden;
5896                transition: transform 0.3s ease, box-shadow 0.3s ease;
5897            }
5898            .arda-badge__link:hover {
5899                transform: translateY(-2px);
5900                box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
5901            }
5902            .arda-badge__inner {
5903                display: flex;
5904                align-items: center;
5905                gap: 24px;
5906                padding: 16px 32px;
5907                background: #1a1a1a;
5908                box-shadow: inset 0 0 0 11px #1a1a1a, inset 0 0 0 13px #F5C150;
5909            }
5910            .arda-badge__logo-wrap {
5911                flex-shrink: 0;
5912                display: flex;
5913                align-items: center;
5914                justify-content: center;
5915            }
5916            .arda-badge__logo {
5917                height: 90px;
5918                width: auto;
5919                display: block;
5920            }
5921            .arda-badge__text {
5922                flex: 1;
5923                text-align: center;
5924                display: flex;
5925                align-items: center;
5926                justify-content: center;
5927            }
5928            .arda-badge__title {
5929                font-size: 20pt;
5930                font-family: 'Oswald', sans-serif;
5931                font-weight: 500;
5932                color: #ffffff;
5933                letter-spacing: 0.04em;
5934                line-height: 1.3;
5935            }
5936            .arda-badge__arrow {
5937                flex-shrink: 0;
5938                width: 44px;
5939                height: 44px;
5940                display: flex;
5941                align-items: center;
5942                justify-content: center;
5943                border-radius: 50%;
5944                background: rgba(255, 255, 255, 0.1);
5945                transition: background 0.3s ease;
5946            }
5947            .arda-badge__link:hover .arda-badge__arrow {
5948                background: rgba(245, 193, 80, 0.78);
5949            }
5950
5951            @media (max-width: 768px) {
5952                .arda-badge__inner {
5953                    padding: 18px 20px;
5954                    gap: 16px;
5955                }
5956                .arda-badge__title {
5957                    font-size: 1rem;
5958                }
5959                .arda-badge__logo {
5960                    height: 32px;
5961                }
5962            }
5963            @media (max-width: 480px) {
5964                .arda-badge__inner {
5965                    padding: 16px;
5966                    gap: 12px;
5967                }
5968                .arda-badge__title {
5969                    font-size: 0.85rem;
5970                    letter-spacing: 0.02em;
5971                }
5972                .arda-badge__logo {
5973                    height: 28px;
5974                }
5975                .arda-badge__arrow {
5976                    width: 36px;
5977                    height: 36px;
5978                }
5979                .arda-badge__arrow svg {
5980                    width: 18px;
5981                    height: 18px;
5982                }
5983            }
5984        </style>
5985
5986        <!-- FAQ -->
5987        <section class="faq" id="faq">
5988            <div class="faq__container">
5989                <h2 class="faq__title">ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ</h2>
5990
5991                <div class="faq__list" itemscope itemtype="https://schema.org/FAQPage">
5992                    <!-- Первый ряд (4 вопроса) -->
5993                    <div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
5994                        <div class="faq__question">
5995                            <span itemprop="name">Сколько времени займет разработка приложения?</span>
5996                            <div class="faq__icon"></div>
5997                        </div>
5998                        <div class="faq__answer" itemscope itemprop="acceptedAnswer"
5999                             itemtype="https://schema.org/Answer">
6000                            <p itemprop="text">От 1 до 3 месяцев в зависимости от сложности. Точный срок определяем
6001                                после анализа требований и согласования ТЗ. Работаем быстро, но качественно.</p>
6002                        </div>
6003                    </div>
6004
6005                    <div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
6006                        <div class="faq__question">
6007                            <span itemprop="name">Можно ли обновить существующее приложение?</span>
6008                            <div class="faq__icon"></div>
6009                        </div>
6010                        <div class="faq__answer" itemscope itemprop="acceptedAnswer"
6011                             itemtype="https://schema.org/Answer">
6012                            <p itemprop="text">Дорабатываем приложения для iOS и Android любой сложности. Внедряем новые
6013                                функции, обновляем дизайн, улучшаем производительность и интегрируем дополнительные
6014                                сервисы. Работаем как с нашими проектами, так и с приложениями других разработчиков.</p>
6015                        </div>
6016                    </div>
6017
6018                    <div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
6019                        <div class="faq__question">
6020                            <span itemprop="name">Как начать проект без готового ТЗ?</span>
6021                            <div class="faq__icon"></div>
6022                        </div>
6023                        <div class="faq__answer" itemscope itemprop="acceptedAnswer"
6024                             itemtype="https://schema.org/Answer">
6025                            <p itemprop="text">Наши аналитики помогут составить техническое задание для мобильного
6026                                приложения. Проведем интервью для понимания ваших бизнес-целей, изучим целевую аудиторию
6027                                и конкурентов. На основе этого разработаем оптимальное решение для вашего бизнеса.</p>
6028                        </div>
6029                    </div>
6030
6031                    <div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
6032                        <div class="faq__question">
6033                            <span itemprop="name">Можно ли изменить приложение после запуска?</span>
6034                            <div class="faq__icon"></div>
6035                        </div>
6036                        <div class="faq__answer" itemscope itemprop="acceptedAnswer"
6037                             itemtype="https://schema.org/Answer">
6038                            <p itemprop="text">Да, в рамках поддержки выполняем небольшие доработки и исправления в
6039                                мобильных приложениях. Для масштабных изменений может потребоваться дополнительное
6040                                согласование. Обсуждаем возможности индивидуально для каждого проекта.</p>
6041                        </div>
6042                    </div>
6043
6044                    <!-- Второй ряд (4 вопроса) -->
6045                    <div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
6046                        <div class="faq__question">
6047                            <span itemprop="name">Что входит в абонентскую плату?</span>
6048                            <div class="faq__icon"></div>
6049                        </div>
6050                        <div class="faq__answer" itemscope itemprop="acceptedAnswer"
6051                             itemtype="https://schema.org/Answer">
6052                            <p itemprop="text">Техподдержка, регулярные обновления, мониторинг работы приложения,
6053                                исправление ошибок, серверное обслуживание и консультации по использованию. Предлагаем
6054                                разные тарифы под ваши бизнес-потребности.</p>
6055                        </div>
6056                    </div>
6057
6058                    <div class="faq__item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
6059                        <div class="faq__question">
6060                            <span itemprop="name">Зачем нужна кроссплатформенная разработка?</span>
6061                            <div class="faq__icon"></div>
6062                        </div>
6063                        <div class="faq__answer" itemscope itemprop="acceptedAnswer"
6064                             itemtype="https://schema.org/Answer">
6065                            <p itemprop="text">Это создание мобильных приложений для iOS и Android с единой кодовой
6066                                базой. На Flutter сокращаем время и стоимость разработки вдвое, сохраняя высокое
6067                                качество и быстродействие на всех платформах.</p>
6068                        </div>
6069                    </div>
6070
6071                </div>
6072
6073                <!-- Кнопка "Все вопросы" -->
6074                <div class="faq__more-button-container">
6075                    <a href="faq" class="faq__more-button">
6076                        <span>Все вопросы</span>
6077                    </a>
6078                </div>
6079            </div>
6080
6081            <!-- Дополнительная JSON-LD разметка для FAQ -->
6082            
6082<script type="application/ld+json">
6083                {
6084                    "@context": "https://schema.org",
6085                    "@type": "FAQPage",
6086                    "mainEntity": [
6087                        {
6088                            "@type": "Question",
6089                            "name": "Что такое FITTIN и чем занимается компания?",
6090                            "acceptedAnswer": {
6091                                "@type": "Answer",
6092                                "text": "FITTIN - это команда из 40+ профессионалов, специализирующаяся на разработке мобильных приложений для различных бизнес-задач. Главный принцип компании - достижение бизнес-целей клиентов через создание эффективных решений для интернет-магазинов и бизнеса с использованием искусственного интеллекта."
6093                            }
6094                        },
6095                        {
6096                            "@type": "Question",
6097                            "name": "Какие услуги предоставляет FITTIN?",
6098                            "acceptedAnswer": {
6099                                "@type": "Answer",
6100                                "text": "Компания предлагает полный цикл разработки: разработка мобильных приложений для iOS и Android, аналитика рынка, конкурентов и целевой аудитории, дизайн современных и удобных интерфейсов, внедрение AI для автоматизации и улучшения пользовательского опыта, техническая поддержка и оптимизация после запуска, интеграция с существующими системами (1С, GetCourse, CRM)."
6101                            }
6102                        },
6103                        {
6104                            "@type": "Question",
6105                            "name": "Почему FITTIN выбрала Flutter для разработки?",
6106                            "acceptedAnswer": {
6107                                "@type": "Answer",
6108                                "text": "Flutter - это революционная технология от Google, которая растет на 50% в год, в то время как другие кроссплатформенные решения падают. Ключевые преимущества: одна кодовая база для iOS, Android, веб, Telegram, Linux, Astra Linux, даже Aurora OS, 300 миллисекунд загрузки между экранами (вместо секунд ожидания), микросервисная архитектура - каждый модуль независим, нативная производительность на всех платформах, экономия в 3 раза на командах разработки."
6109                            }
6110                        },
6111                        {
6112                            "@type": "Question",
6113                            "name": "Как искусственный интеллект изменил процесс разработки в FITTIN?",
6114                            "acceptedAnswer": {
6115                                "@type": "Answer",
6116                                "text": "С февраля 2025 года компания использует большие языковые модели для написания кода со впечатляющими результатами: стократное увеличение производительности некоторых разработчиков, 7 новых продуктов за 3 месяца, автоматический анализ бизнес-процессов за минуты вместо месяца работы аналитика, полная интеграция на стороне разработчика без участия IT-команды заказчика, автоматическая генерация юнит-тестов с помощью нейросетей."
6117                            }
6118                        },
6119                        {
6120                            "@type": "Question",
6121                            "name": "Как происходит процесс разработки?",
6122                            "acceptedAnswer": {
6123                                "@type": "Answer",
6124                                "text": "Консультация - выяснение потребностей клиента, создание ТЗ с аналитиком, дизайнером и разработчиками, подготовка Figma с логикой и wireframes (3-5 дней), разработка до 30 дней, тестирование - внутреннее и с заказчиком, публикация в сторах."
6125                            }
6126                        },
6127                        {
6128                            "@type": "Question",
6129                            "name": "Какие модели сотрудничества предлагает FITTIN?",
6130                            "acceptedAnswer": {
6131                                "@type": "Answer",
6132                                "text": "1. SaaS-модель (подписка): интеграция 300-500 тыс. ₽ (в зависимости от сложности), абонплата от 100 тыс. ₽/месяц (включает техподдержку), супертариф \"под ключ\" от 500 тыс. ₽. 2. Передача исходного кода: единоразовая оплата, полная собственность заказчика, возможность выкупа кода при прекращении сотрудничества. 3. Этапная работа: проектирование можно оценить по time & material (почасовая оплата), можно разбить на этапы. Почасовые расценки: фронтенд 3800 ₽/час, бэкенд 3500 ₽/час, дизайнер/аналитик/PM 3000 ₽/час, тестировщик 2500 ₽/час, DevOps 3800 ₽/час."
6133                            }
6134                        },
6135                        {
6136                            "@type": "Question",
6137                            "name": "Как организована команда на проекте?",
6138                            "acceptedAnswer": {
6139                                "@type": "Answer",
6140                                "text": "За каждым проектом закрепляется выделенная команда специалистов. Состав команды: проектный менеджер, дизайнер, разработчики, тестировщики. Вся команда добавлена в чат Telegram для оперативной поддержки. Преимущества: глубокое понимание специфики бизнеса, последовательность в реализации, высокое качество."
6141                            }
6142                        },
6143                        {
6144                            "@type": "Question",
6145                            "name": "Какие результаты показывают приложения FITTIN?",
6146                            "acceptedAnswer": {
6147                                "@type": "Answer",
6148                                "text": "Конкретные метрики эффективности: в 3 раза выше конверсия по сравнению с обычными мобильными сайтами, в 4,2 раза больше товаров просматривают пользователи за сессию, на 233% выше конверсия в развлекательных приложениях, на 220% выше в travel-приложениях, на 94% выше в retail-приложениях."
6149                            }
6150                        },
6151                        {
6152                            "@type": "Question",
6153                            "name": "Как FITTIN обеспечивает безопасность решений?",
6154                            "acceptedAnswer": {
6155                                "@type": "Answer",
6156                                "text": "Команда участвует в CTF (Capture the Flag) - топовых соревнованиях по кибербезопасности. Комплексный аудит безопасности на всех этапах разработки. Принципы DevSecOps и автоматизированное тестирование. Многоуровневая система шифрования данных."
6157                            }
6158                        },
6159                        {
6160                            "@type": "Question",
6161                            "name": "Почему решения FITTIN лучшие на рынке?",
6162                            "acceptedAnswer": {
6163                                "@type": "Answer",
6164                                "text": "FITTIN объединяет две главные революции 2025 года: технологическая революция - одна платформа Flutter для всех устройств с нативной производительностью, процессная революция - полная интеграция на стороне разработчика без участия IT-команды заказчика. Ключевые преимущества: 7 дней до запуска вместо месяцев, 300 мс загрузка вместо секунд ожидания, одна команда вместо трех, нулевая нагрузка на IT-команду заказчика, все платформы из одной точки, 100-кратное увеличение производительности разработки с AI, гарантированный ROI с конверсией в 3-4 раза выше, полный технический стек и экспертиза в команде, Agile-методология и прозрачный процесс разработки, модульная архитектура для гибкого масштабирования. Мир ускоряется, и только те, кто дает быстрые решения, получают доходность. Пока конкуренты думают и планируют, клиенты FITTIN уже зарабатывают."
6165                            }
6166                        }
6167                    ]
6168                }
6169            </script>
6169
6170
6171    </div>
6172    </section>
6173    </div>
6174
6175    <!-- Блок формы обратной связи -->
6176    <section class="contact-form" id="contact">
6177        <div class="contact-form__container">
6178            <div class="contact-form__content">
6179                <div class="contact-form__left">
6180                    <h2 class="contact-form__title">ДАВАЙТЕ ОБСУДИМ<br>ВАШ ПРОЕКТ</h2>
6181
6182                    <form id="contactForm" class="contact-form__form">
6183                        <div class="form-group">
6184                            <input type="text" id="contact-person-name" name="name" class="form-input" placeholder="Ваше имя"
6185                                   required autocomplete="name">
6186                        </div>
6187
6188                        <div class="form-group">
6189                            <input type="text" id="company" name="company" class="form-input" placeholder="Название компании">
6190                        </div>
6191
6192                        <div class="form-group">
6193                            <input type="tel" id="phone" name="phone" class="form-input" placeholder="Номер телефона"
6194                                   required autocomplete="tel">
6195                        </div>
6196
6197                        <div class="form-group checkbox-group">
6198
6199                            <label class="checkbox-container">
6200                                <input type="checkbox" name="pdConsent" required>
6201                                <span class="checkmark"></span>
6202                                <span class="checkbox-text">Я&nbsp;даю <a href="https://fittin.ru/soglasie-na-obrabotku-personalnyh-dannyh" target="_blank" rel="noopener" class="privacy-link">согласие</a> на&nbsp;обработку персональных данных в&nbsp;соответствии с&nbsp;<a href="https://fittin.ru/politika-konfidencialnosti" target="_blank" rel="noopener" class="privacy-link">Политикой конфиденциальности</a></span>
6203                            </label>
6204                        </div>
6205
6206                        <button type="submit" class="submit-button">Отправить</button>
6207                    </form>
6208                </div>
6209
6210                <div class="contact-form__right">
6211                    <div class="phone-image-container">
6212                        <img width="1038" height="1156" src="images/phone-image.webp" alt="Мобильное приложение" class="phone-image"
6213                             loading="lazy" decoding="async">
6214                    </div>
6215                </div>
6216            </div>
6217        </div>
6218    </section>
6219</main>
6220
6221<!-- Футер -->
6222<footer class="footer"><!--NAV:footer--><div class="container">
6223            <div class="footer__main">
6224                <!-- Бренд -->
6225                <div class="footer__brand">
6226                    <a href="https://fittin.ru/" class="footer__logo" aria-label="FITTIN — главная">
6227                        <img src="/images/LogoFittin.webp" alt="FITTIN — разработка мобильных приложений и сайтов" width="112" height="40">
6228                    </a>
6229                    <p class="footer__tagline">Разработка мобильных приложений<br>и сайтов на Flutter</p>
6230                    <div class="footer__socials" aria-label="Социальные сети FITTIN">
6231                        <a href="https://t.me/FITTIN1" class="footer__social" target="_blank" rel="noopener" aria-label="Telegram-канал FITTIN">
6232                            <svg viewBox="0 0 12 10" aria-hidden="true" focusable="false" style="stroke-width:0.9"><path d="M9.95229 8.21C10.2823 6.44 10.9323 2.6 11.0823 1.02C11.0923 0.88 11.0723 0.7 11.0823 0.64C11.0723 0.56 11.0423 0.45 10.9423 0.37C10.8223 0.27 10.6323 0.25 10.5523 0.25C10.1723 0.25 9.60229 0.450001 6.82229 1.61C5.85229 2.01 3.91229 2.85 0.992286 4.12C0.522286 4.31 0.272286 4.49 0.252286 4.67C0.212286 5.02 0.702286 5.13 1.33229 5.33C1.84229 5.5 2.52228 5.69 2.88229 5.7C3.20229 5.71 3.56229 5.57 3.96229 5.3C6.69229 3.46 8.09229 2.53 8.18229 2.51C8.25229 2.5 8.33228 2.48 8.39229 2.53C8.41464 2.55367 8.43
6232088 2.58244 8.43959 2.6138C8.44831 2.64517 8.44923 2.67819 8.44229 2.71C8.39229 2.92 5.83229 5.25 5.68229 5.4C5.11229 5.98 4.47229 6.34 5.46229 6.99C6.31229 7.55 6.81229 7.91 7.69229 8.49C8.25229 8.86 8.69229 9.29 9.27229 9.24C9.53229 9.21 9.81229 8.96 9.95229 8.21Z"/></svg>
6233                            <span>Telegram</span>
6234                        </a>
6235                        <a href="https://vk.com/fittin" class="footer__social" target="_blank" rel="noopener" aria-label="Сообщество FITTIN ВКонтакте">
6236                            <svg viewBox="0 0 14 9" aria-hidden="true" focusable="false" style="stroke-width:1"><path d="M11.5846 8.17913H13.0365L13.0346 8.1785C13.4452 8.1785 13.6565 7.96663 13.5133 7.55977C13.3858 7.14979 12.9077 6.5573 12.2859 5.85108C11.9478 5.45734 11.4397 5.01798 11.2834 4.80611C11.0715 4.52299 11.1303 4.41237 11.2834 4.15863C11.2834 4.15863 13.064 1.64558 13.2465 0.799358C13.344 0.486868 13.2465 0.2625 12.8102 0.2625H11.3553C10.9872 0.2625 10.8178 0.460619 10.7203 0.672487C10.7203 0.672487 9.97157 2.47931 8.9266 3.65114C8.58849 3.98988 8.43224 4.10051 8.24975 4.10051C8.16538 4.10051 8.02538 3.98988 8.02538 3.67739V0.783733C8.02538 0.41937 7.91164 0.25 7.60227 0.25H5.31422C5.08985 0.25 4.94985 0.41937 4.94985 0.588739C4.94985 0.939978 5.47046 1.02498 5.52609 2.01432V4.15925C5.52609 4.62486 5.44171 4.70924 5.25922 4.70924C4.76486 4.70924 3.56677 2.88992 2.84742 0.813107C2.7043 0.41937 2.5643 0.25 2.19619 0.25H0.741235C0.334372 0.25 0.25 0.448119 0.25 0.659987C0.25 1.05372 0.744359 2.95804 2.55118 5.50046C3.74927 7.23541 5.45796 8.16663 6.99791 8.16663C7.92914 8.16663 8.03976 7.95538 8.03976 7.60352V6.29169C8.03976 5.88107 8.12475 5.7967 8.42412 5.7967C8.63599 5.7967 9.0166 5.90732 9.87595 6.74042C10.8653 7.74289 11.0347 8.17913 11.5846 8.17913Z"/></svg>
6237                            <span>VK</span>
6238                        </a>
6239                        <a href="https://dzen.ru/fittin" class="footer__social" target="_blank" rel="noopener" aria-label="Канал FITTIN в Дзене">
6240                            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3c.5 4.5 4.5 8.5 9 9-4.5.5-8.5 4.5-9 9-.5-4.5-4.5-8.5-9-9 4.5-.5 8.5-4.5 9-9Z"/></svg>
6241                            <span>Дзен</span>
6242                        </a>
6243                        <a href="https://rutube.ru/channel/44648658/" class="footer__social" target="_blank" rel="noopener" aria-label="Канал FITTIN на RuTube">
6244                            <svg viewBox="0 0 29 29" aria-hidden="true" focusable="false" style="stroke-width:2.2"><path d="M19.6799 6.88452H3.32312V24.5327H7.87567V18.7911H16.5992L20.5795 24.5327H25.6771L21.2882 18.7647C22.6513 18.5531 23.6326 18.0503 24.2324 17.2566C24.8321 16.4628 25.132 15.1927 25.132 13.4994V12.1764C25.132 11.1709 25.0231 10.3772 24.8322 9.76866C24.6413 9.16012 24.3141 8.63087 23.8507 8.15463C23.36 7.70483 22.8149 7.38734 22.1606 7.17573C21.5063 6.99055 20.6884 6.88452 19.6799 6.88452ZM18.9438 14.9018H7.87567V10.774H18.9438C19.5707 10.774 20.0069 10.8797 20.225 11.0651C20.4431 11.2502 20.5795 11.5942 20.5795 12.097V13.5787C20.5795 14.1078 20.4431 14.4517 20.225 14.6369C20.0069 14.8221 19.5708 14.9015 18.9438 14.9015V14.9018Z"/><path d="M24.7601 6.58211C25.5939 6.58211 26.2702 5.9059 26.2702 5.0717C26.2702 4.23749 25.5939 3.56128 24.7601 3.56128C23.9258 3.56128 23.2494 4.23749 23.2494 5.0717C23.2494 5.9059 23.9258 6.58211 24.7601 6.58211Z" fill="currentColor" stroke="none"/></svg>
6245                            <span>RuTube</span>
6246                        </a>
6247                        <a href="https://www.youtube.com/@FITTIN1.0" class="footer__social" target="_blank" rel="noopener" aria-label="Канал FITTIN на YouTube">
6248                            <svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M2.5 17a24.12 24.12 0 0 1 0-10 2 2 0 0 1 1.4-1.4 49.56 49.56 0 0 1 16.2 0A2 2 0 0 1 21.5 7a24.12 24.12 0 0 1 0 10 2 2 0 0 1-1.4 1.4 49.55 49.55 0 0 1-16.2 0A2 2 0 0 1 2.5 17"/><path d="m10 15 5-3-5-3z"/></svg>
6249                            <span>YouTube</span>
6250                        </a>
6251                        <a href="https://vc.ru/id2445849" class="footer__social" target="_blank" rel="noopener" aria-label="Блог FITTIN на vc.ru">
6252                            <svg viewBox="0 0 36 34" aria-hidden="true" focusable="false" style="stroke-width:2"><path d="M4.05481 28.6401C4.30368 28.6403 4.50498 28.8424 4.505 29.0913V31.3882C4.50494 31.637 4.30365 31.8392 4.05481 31.8394H1.75696C1.63735 31.8394 1.52218 31.7911 1.43762 31.7065C1.35336 31.6221 1.30582 31.5075 1.30579 31.3882L1.30676 29.0913C1.30686 28.8424 1.509 28.6401 1.75793 28.6401H4.05481ZM16.8019 17.7261C17.0509 17.7261 17.2531 17.9282 17.2531 18.1772V22.2144C17.2531 22.4634 17.0509 22.6655 16.8019 22.6655H14.5714C14.4503 22.6655 14.3339 22.6172 14.2491 22.5308C14.1643 22.4442 14.1178 22.3267 14.1202 22.2056L14.1505 20.6958C12.6496 20.91 11.5248 22.245 11.3029 23.8774V28.7974H16.4952C16.744 28.7976 16.9454 28.9997 16.9454 29.2485V31.3579C16.9454 31.6068 16.744 31.8088 16.4952 31.8091H6.3595C6.11049 31.8091 5.90833 31.6069 5.90833 31.3579V29.2056C5.9085 28.9567 6.1106 28.7554 6.3595 28.7554H8.09094V20.6987H6.3595C6.11062 20.6987 5.90853 20.4974 5.90833 20.2485V18.2134C5.90858 17.9646 6.11065 17.7632 6.3595 17.7632H10.4601L10.548 17.772C10.7476 17.8113 10.9014 17.9823 10.9113 18.1929L10.9747 19.5503C11.9506 18.4496 13.3219 17.7219 15.0382 17.7261H16.8019ZM9.51672 1.51709C9.70942 1.51709 9.88104 1.63948 9.94348 1.82178L12.8986 10.4478L15.8702 1.8208L15.8986 1.75537C15.9759 1.61023 16.1278 1.51722 16.296 1.51709H20.172C20.4209 1.51709 20.6231 1.71836 20.6232 1.96729V4.20068C20.6232 4.44969 20.421 4.65186 20.172 4.65186H18.3165L14.255 15.519C14.1892 15.6952 14.0212 15.8129 13.8331 15.813H11.7081C11.518 15.8129 11.3486 15.693 11.2843 15.5142L7.3927 4.65088H5.38586C5.13686 4.65088 4.93469 4.44871 4.93469 4.19971V1.96729C4.93479 1.71837 5.13692 1.51709 5.38586 1.51709H9.51672ZM34.4513 31.3589C34.4513 31.6078 34.2491 31.81 34.0001 31.8101H30.4249C30.2018 31.8101 30.0118 31.6469 29.9786 31.4263L29.8263 30.4136C28.9378 31.5043 27.6856 32.1909 26.1339 32.1909C24.4787 32.1908 23.1436 31.6162 22.2267 30.5884C21.3159 29.5673 20.8596 28.1457 20.8595 26.519V20.896H19.3136C19.0646 20.896 18.8625 20.6938 18.8624 20.4448V18.2134C18.8624 17.9644 19.0646 17.7622 
625219.3136 17.7622H23.6603C23.9091 17.7624 24.1105 17.9645 24.1105 18.2134V26.1323C24.1105 27.2215 24.3319 27.9817 24.6964 28.4604C25.0451 28.9183 25.5692 29.1763 26.3322 29.1763C27.8177 29.176 29.3771 27.7858 29.3771 25.7349V20.897H27.5245C27.2756 20.8969 27.0735 20.6947 27.0734 20.4458V18.2134C27.0736 17.9646 27.2758 17.7633 27.5245 17.7632H32.1779C32.4266 17.7633 32.6278 17.9647 32.6281 18.2134V25.9985L32.6964 28.7544L34.0011 28.7563C34.2496 28.757 34.4512 28.959 34.4513 29.2075V31.3589ZM33.17 6.77686C33.17 7.02575 32.9687 7.22784 32.7198 7.22803H30.4884C30.2395 7.2279 30.0382 7.02578 30.0382 6.77686V4.75732C29.4203 4.41705 28.7025 4.20752 27.7023 4.20752C25.2941 4.20754 23.6066 6.19444 23.6066 8.58057C23.6066 10.9545 25.3134 12.8353 27.6281 12.8354H27.63C28.2846 12.8376 28.9309 12.6871 29.5177 12.397C30.1044 12.1068 30.6162 11.684 31.0118 11.1626L31.0714 11.0981C31.1378 11.0393 31.2206 11.0009 31.3097 10.9888C31.4282 10.9727 31.5485 11.0042 31.6437 11.0767L33.4171 12.4302C33.5119 12.5027 33.574 12.6097 33.59 12.728C33.6058 12.8467 33.5738 12.967 33.5011 13.062C32.0944 14.9 30.1661 15.9673 27.6281 15.9673C23.5505 15.9671 20.2365 12.6519 20.2365 8.57959C20.2366 4.5039 23.5514 1.18918 27.6271 1.18896C29.1657 1.18896 31.0014 1.65698 32.3156 2.57373L32.5704 2.76318L32.9982 3.09912C33.1068 3.18461 33.17 3.31538 33.17 3.45361V6.77686Z"/></svg>
6253                            <span>VC</span>
6254                        </a>
6255                    </div>
6256                </div>
6257
6258                <!-- Услуги -->
6259                <nav class="footer__col footer__col--services" aria-label="Услуги">
6260                    <h3 class="footer__col-title">Услуги</h3>
6261                    <ul>
6262                        <li><a href="https://fittin.ru/tariffs">Тарифы</a></li>
6263                        <li><a href="https://fittin.ru/razrabotka-mobilnyh-prilozheniy-na-zakaz">Мобильные приложения на заказ</a></li>
6264                        <li><a href="https://fittin.ru/mobilnye-prilozheniya-ecommerce">Приложение для интернет-магазина</a></li>
6265                        <li><a href="https://fittin.ru/sajty-dlya-internet-magazinov">Сайты для интернет-магазинов</a></li>
6266                        <li><a href="https://fittin.ru/audit-koda">Аудит кода</a></li>
6267                        <li><a href="https://fittin.ru/razrabotka-tz">Разработка технического задания</a></li>
6268                    </ul>
6269                </nav>
6270
6271                <!-- Компания -->
6272                <nav class="footer__col" aria-label="Компания">
6273                    <h3 class="footer__col-title">Компания</h3>
6274                    <ul>
6275                        <li><a href="https://fittin.ru/o-nas">О нас</a></li>
6276                        <li><a href="https://fittin.ru/all_cases">Кейсы</a></li>
6277                        <li><a href="https://fittin.ru/partners">Партнёры</a></li>
6278                        <li><a href="https://hr-portal.fittin.ru/" target="_blank" rel="noopener">Карьера</a></li>
6279                        <li><a href="https://fittin.ru/contacts">Контакты</a></li>
6280                    </ul>
6281                </nav>
6282
6283                <!-- Медиа -->
6284                <nav class="footer__col" aria-label="Медиа">
6285                    <h3 class="footer__col-title">Медиа</h3>
6286                    <ul>
6287                        <li><a href="https://fittin.ru/blog">Блог</a></li>
6288                        <li><a href="https://fittin.ru/articles">Новости</a></li>
6289                        <li><a href="https://fittin.ru/reels">Рилсы</a></li>
6290                        <li><a href="https://fittin.ru/events">Мероприятия</a></li>
6291                    </ul>
6292                </nav>
6293
6294                <!-- Контакты -->
6295                <div class="footer__col footer__contacts">
6296                    <h3 class="footer__col-title">Контакты</h3>
6297                    <a href="tel:+78004441127" class="footer__phone">+7 (800) 444-11-27</a>
6298                    <a href="https://t.me/FittinSales" class="footer__c
6298ontact-link" target="_blank" rel="noopener">Telegram отдела продаж</a>
6299                    <p class="footer__address">Россия, г. Воронеж,<br>ул. Карла Маркса, д. 53, офис 23</p>
6300                    <!-- Workspace verification code -->
6301                    
6301<script type="text/javascript">
6302                        (function () {
6303                            var WORKSPACE_VERIFICATION_CODE = '1f560f9fe814fcf4c64e8edab5bd41e7';
6304                            var img = new Image(1, 1);
6305                            img.src = "https://workspace.ru/local/tools/verification.php?code=1f560f9fe814fcf4c64e8edab5bd41e7&type=1x1&nocache=" + Math.random();
6306                            img.style = "display: none;";
6307                            document.body.appendChild(img);
6308                        })();
6309                    </script>
6309
6310                    <noscript>
6311                        <img src="https://workspace.ru/local/tools/verification.php?code=1f560f9fe814fcf4c64e8edab5bd41e7" style="display: none;" />
6312                    </noscript>
6313                    <a href="https://workspace.ru/contractors/fittin/" target="_blank" rel="noopener" class="footer__workspace">Мы на Workspace</a>
6314                    <a href="https://ratingruneta.ru/apps/" target="_blank" rel="noopener" class="footer__rating" title="10 место в Рейтинге Рунета 2026 — «Разработка и развитие мобильных приложений»">Мы в Топ-10 Рейтинга Рунета 2026</a>
6315                </div>
6316            </div>
6317
6318            <!-- Юридическая информация -->
6319            <div class="footer__legal">
6320                <div class="footer__legal-info">
6321                    <span>ООО «Цифровые&nbsp;Технологии»</span>
6322                    <span>ИНН&nbsp;3666268630</span>
6323                    <span>ОГРН&nbsp;1233600018410</span>
6324                    <a href="https://fittin.ru/o-nas#akkreditatsiya">Аккредитация Минцифры&nbsp;№&nbsp;52007</a>
6325                </div>
6326                <div class="footer__legal-docs">
6327                    <a href="https://fittin.ru/politika-konfidencialnosti" target="_blank" rel="noopener">Политика конфиденциальности</a>
6328                    <a href="https://fittin.ru/public-offer.html" target="_blank" rel="noopener">Оферта на доработки</a>
6329                    <a href="https://fittin.ru/public_offer_agreement_consulting" target="_blank" rel="noopener">Оферта на ИТ-услуги</a>
6330                    <a href="https://fittin.ru/sitemap">Карта сайта</a>
6331                </div>
6332                <div class="footer__copy">© 2026 FITTIN</div>
6333            </div>
6334        </div>
6335<!-- Единое уведомление о cookie для всего сайта (само вставляет окно и стили) -->
6336<script src="/js/cookie-consent.js?v=1.3" defer></script>
6336<!--/NAV:footer--></footer>
6337
6338<!-- Модальное окно с формой обратной связи -->
6339<div class="modal-feedback">
6340    <div class="modal-feedback__content">
6341        <button class="modal-feedback__close" aria-label="Закрыть"></button>
6342        <h2 class="modal-feedback__title" style="font-weight: 500;">ОСТАВИТЬ ЗАЯВКУ</h2>
6343        <p class="modal-feedback__description">Пожалуйста, заполните форму, мы свяжемся с Вами<br>в течении 15 минут</p>
6344        <form class="modal-feedback__form" id="modalFeedbackForm">
6345            <input type="text" class="modal-feedback__input" name="name" autocomplete="name" maxlength="240" placeholder="Ваше имя" required>
6346            <input type="text" class="modal-feedback__input" name="company" autocomplete="organization" maxlength="240" placeholder="Название компании">
6347            <input type="tel" class="modal-feedback__input" name="phone" autocomplete="tel" placeholder="Номер телефона" required>
6348            <label class="modal-feedback__checkbox-label">
6349                <input type="checkbox" name="pdConsent" required class="modal-feedback__checkbox" title="Подтвердите согласие на обработку персональных данных">
6350                <span class="modal-feedback__checkmark"></span>
6351                <span class="modal-feedback__checkbox-text">Я&nbsp;даю <a href="https://fittin.ru/soglasie-na-obrabotku-personalnyh-dannyh" target="_blank" rel="noopener" class="modal-feedback__privacy-link">согласие</a> на&nbsp;обработку персональных данных в&nbsp;соответствии с&nbsp;<a href="https://fittin.ru/politika-konfidencialnosti" target="_blank" rel="noopener" class="modal-feedback__privacy-link">Политикой конфиденциальности</a></span>
6352            </label>
6353            <button type="submit" class="modal-feedback__submit">Отправить</button>
6354
6355        </form>
6356    </div>
6357</div>
6358
6359<!-- Уведомление о Cookie -->
6360<div class="cookie-popup" id="cookiePopup">
6361    <div class="cookie-popup__container">
6362        <div class="cookie-popup__content">
6363            <div class="cookie-popup__text">
6364                <h3 class="cookie-popup__title">Использование файлов данных браузера</h3>
6365                <p class="cookie-popup__description">
6366                    Мы используем файлы данных браузера для работы сайта и анализа посещаемости<span class="cookie-popup__ellipsis">…</span><span class="cookie-popup__more-text">. Продолжая пользоваться сайтом, вы соглашаетесь с
6367                    <a href="https://fittin.ru/politika-konfidencialnosti">Политикой конфиденциальности</a></span>
6368                    <button type="button" class="cookie-popup__more" onclick="expandCookieDescription()">Подробнее</button>
6369                </p>
6370
6371            </div>
6372            <div class="cookie-popup__actions">
6373                <button class="cookie-popup__button cookie-popup__button--accept" onclick="acceptAllCookies()">
6374                    Принять
6375                </button>
6376                <!--
6377                    <button class="cookie-popup__button cookie-popup__button--decline" onclick="declineOptionalCookies()">
6378                        Только необходимые
6379                    </button>
6380                    -->
6381            </div>
6382        </div>
6383    </div>
6384</div>
6385
6386<!-- Попап со всеми достижениями -->
6387<div class="achievements-popup" id="achievementsPopup">
6388    <div class="achievements-popup__overlay"></div>
6389    <div class="achievements-popup__content">
6390        <div class="achievements-popup__header">
6391            <h2 class="achievements-popup__title">Награды Fittin</h2>
6392            <button class="achievements-popup__close" aria-label="Закрыть">&times;</button>
6393        </div>
6394        <div class="achievements-popup__body">
6395            <div class="achievements-popup__year-section">
6396                <h3 class="achievements-popup__year">2025</h3>
6397                <div class="achievements-popup__awards">
6398                    <!-- 1 места -->
6399                    <div class="achievements-popup__award">
6400                        <div class="achievements-popup__award-top">
6401                            <span class="achievements-popup__place">1 МЕСТО</span>
6402                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6403                        </div>
6404                        <span class="achievements-popup__category">Комплексные разработчики: «Оптика»</span>
6405                    </div>
6406                    <div class="achievements-popup__award">
6407                        <div class="achievements-popup__award-top">
6408                            <span class="achievements-popup__place">1 МЕСТО</span>
6409                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6410                        </div>
6411                        <span class="achievements-popup__category">Мобильные приложения: «Простые»</span>
6412                    </div>
6413                    <div class="achievements-popup__award">
6414                        <div class="achievements-popup__award-top">
6415                            <span class="achievements-popup__place">1 МЕСТО</span>
6416                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6417                        </div>
6418                        <span class="achievements-popup__category">Разработка мобильных приложений: «Семья, дети»</span>
6419                    </div>
6420                    <div class="achievements-popup__award">
6421                        <div class="achievements-popup__award-top">
6422                            <span class="achievements-popup__place">1 МЕСТО</span>
6423                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6424                        </div>
6425                        <span class="achievements-popup__category">Разработка мобильных приложений: «Электроника»</span>
6426                    </div>
6427                    <div class="achievements-popup__award">
6428                        <div class="achievements-popup__award-top">
6429                            <span class="achievements-popup__place">1 МЕСТО</span>
6430                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6431                        </div>
6432                        <span class="achievements-popup__category">Мобильные приложения: Воронеж</span>
6433                    </div>
6434                    <div class="achievements-popup__award">
6435                        <div class="achievements-popup__award-top">
6436                            <span class="achievements-popup__place">1 МЕСТО</span>
6437                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6438                        </div>
6439                        <span class="achievements-popup__category">Мобильные приложения: «Семья, дети: Торговля товарами для детей/семей»</span>
6440                    </div>
6441                    <div class="achievements-popup__award">
6442                        <div class="achievements-popup__award-top">
6443                            <span class="achievements-popup__place">1 МЕСТО</span>
6444                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6445                        </div>
6446                        <span class="achievements-popup__category">Мобильные приложения: «Строительство, ремонт: Строительные услуги, проектирование, строительство и др.»</span>
6447                    </div>
6448                    <div class="achievements-popup__award">
6449                        <div class="achievements-popup__award-top">
6450                            <span class="achievements-popup__place">1 МЕСТО</span>
6451                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6452                        </div>
6453                        <span class="achievements-popup__category">Мобильные приложения: «Одежда, обувь, трикотаж, аксессуары: Торговля»</span>
6454                    </div>
6455                    <div class="achievements-popup__award">
6456                        <div class="achievements-popup__award-top">
6457                            <span class="achievements-popup__place">1 МЕСТО</span>
6458                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6459                        </div>
6460                        <span class="achievements-popup__category">Мобильные приложения: «Оптика: Торговля»</span>
6461                    </div>
6462                    <div class="achievements-popup__award">
6463                        <div class="achievements-popup__award-top">
6464                            <span class="achievements-popup__place">1 МЕСТО</span>
6465                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6466                        </div>
6467                        <span class="achievements-popup__category">Разработка мобильных приложений: «Издательское дело, печать»</span>
6468                    </div>
6469
6470                    <!-- 2 места -->
6471                    <div class="achievements-popup__award">
6472                        <div class="achievements-popup__award-top">
6473                            <span class="achievements-popup__place">2 МЕСТО</span>
6474                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6475                        </div>
6476                        <span class="achievements-popup__category">Комплексные разработчики: Воронеж</span>
6477                    </div>
6478                    <div class="achievements-popup__award">
6479                        <div class="achievements-popup__award-top">
6480                            <span class="achievements-popup__place">2 МЕСТО</span>
6481                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6482                        </div>
6483                        <span class="achievements-popup__category">Комплексные разработчики: «Оптика: Торговля»</span>
6484                    </div>
6485                    <div class="achievements-popup__award">
6486                        <div class="achievements-popup__award-top">
6487                            <span class="achievements-popup__place">2 МЕСТО</span>
6488                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6489                        </div>
6490                        <span class="achievements-popup__category">Мобильные приложения: «Одежда, обувь, трикотаж, аксессуары»</span>
6491                    </div>
6492                    <div class="achievements-popup__award">
6493                        <div class="achievements-popup__award-top">
6494                            <span class="achievements-popup__place">2 МЕСТО</span>
6495                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6496                        </div>
6497                        <span class="achievements-popup__category">Мобильные приложения: «Дом, быт»</span>
6498                    </div>
6499                    <div class="achievements-popup__award">
6500                        <div class="achievements-popup__award-top">
6501                            <span class="achievements-popup__place">2 МЕСТО</span>
6502                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6503                        </div>
6504                        <span class="achievements-popup__category">Мобильные приложения: «Электроника: Торговля»</span>
6505                    </div>
6506                    <div class="achievements-popup__award">
6507                        <div class="achievements-popup__award-top">
6508                            <span class="achievements-popup__place">2 МЕСТО</span>
6509                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6510                        </div>
6511                        <span class="achievements-popup__category">Мобильные приложения: «Дом, быт: Торговля бытовыми товарами и оборудованием»</span>
6512                    </div>
6513                    <div class="achievements-popup__award">
6514                        <div class="achievements-popup__award-top">
6515                            <span class="achievements-popup__place">2 МЕСТО</span>
6516                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6517                        </div>
6518                        <span class="achievements-popup__category">Мобильные приложения: «Ювелирные украшения»</span>
6519                    </div>
6520                    <div class="achievements-popup__award">
6521                        <div class="achievements-popup__award-top">
6522                            <span class="achievements-popup__place">2 МЕСТО</span>
6523                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6524                        </div>
6525                        <span class="achievements-popup__category">Мобильные приложения: «Медицина, здоровье: Торговля медицинскими товарами, БАД (аптеки)»</span>
6526                    </div>
6527
6528                    <!-- 3 места -->
6529                    <div class="achievements-popup__award">
6530                        <div class="achievements-popup__award-top">
6531                            <span class="achievements-popup__place">3 МЕСТО</span>
6532                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6533                        </div>
6534                        <span class="achievements-popup__category">Подрядчики ecom-компаний: «Мобильные приложения»</span>
6535                    </div>
6536                    <div class="achievements-popup__award">
6537                        <div class="achievements-popup__award-top">
6538                            <span class="achievements-popup__place">3 МЕСТО</span>
6539                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6540                        </div>
6541                        <span class="achievements-popup__category">Дизайн: Воронеж</span>
6542                    </div>
6543                    <div class="achievements-popup__award">
6544                        <div class="achievements-popup__award-top">
6545                            <span class="achievements-popup__place">3 МЕСТО</span>
6546                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6547                        </div>
6548                        <span class="achievements-popup__category">Мобильные приложения: «Торговля: Магазины, торговые центры»</span>
6549                    </div>
6550                    <div class="achievements-popup__award">
6551                        <div class="achievements-popup__award-top">
6552                            <span class="achievements-popup__place">3 МЕСТО</span>
6553                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6554                        </div>
6555                        <span class="achievements-popup__category">Мобильные приложения: «Недвижимость: Аренда»</span>
6556                    </div>
6557                    <div class="achievements-popup__award">
6558                        <div class="achievements-popup__award-top">
6559                            <span class="achievements-popup__place">3 МЕСТО</span>
6560                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6561                        </div>
6562                        <span class="achievements-popup__category">Мобильные приложения: «Издательское дело, печать: Цифровые сервисы для чтения»</span>
6563                    </div>
6564                    <div class="achievements-popup__award">
6565                        <div class="achievements-popup__award-top">
6566                            <span class="achievements-popup__place">3 МЕСТО</span>
6567                            <span class="achievements-popup__source">
6567Рейтинг Рунета</span>
6568                        </div>
6569                        <span class="achievements-popup__category">Мобильные приложения: «ИТ (информационные технологии): Телекоммуникации, Интернет»</span>
6570                    </div>
6571                    <div class="achievements-popup__award">
6572                        <div class="achievements-popup__award-top">
6573                            <span class="achievements-popup__place">3 МЕСТО</span>
6574                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6575                        </div>
6576                        <span class="achievements-popup__category">Мобильные приложения: «Торговля: Электронная торговля»</span>
6577                    </div>
6578                    <div class="achievements-popup__award">
6579                        <div class="achievements-popup__award-top">
6580                            <span class="achievements-popup__place">3 МЕСТО</span>
6581                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6582                        </div>
6583                        <span class="achievements-popup__category">Мобильные приложения: «Игры, игрушки: Торговля»</span>
6584                    </div>
6585                    <div class="achievements-popup__award">
6586                        <div class="achievements-popup__award-top">
6587                            <span class="achievements-popup__place">3 МЕСТО</span>
6588                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6589                        </div>
6590                        <span class="achievements-popup__category">Мобильные приложения: «Торговля»</span>
6591                    </div>
6592
6593                    <!-- 4 места -->
6594                    <div class="achievements-popup__award">
6595                        <div class="achievements-popup__award-top">
6596                            <span class="achievements-popup__place">4 МЕСТО</span>
6597                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6598                        </div>
6599                        <span class="achievements-popup__category">Мобильные приложения: «Недвижимость»</span>
6600                    </div>
6601                    <div class="achievements-popup__award">
6602                        <div class="achievements-popup__award-top">
6603                            <span class="achievements-popup__place">4 МЕСТО</span>
6604                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6605                        </div>
6606                        <span class="achievements-popup__category">Мобильные приложения: «Издательское дело, печать: Торговля книгами/печатными изданиями»</span>
6607                    </div>
6608                    <div class="achievements-popup__award">
6609                        <div class="achievements-popup__award-top">
6610                            <span class="achievements-popup__place">4 МЕСТО</span>
6611                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6612                        </div>
6613                        <span class="achievements-popup__category">Мобильные приложения: «Отдых, досуг, хобби: Торговля товарами для отдыха»</span>
6614                    </div>
6615                    <div class="achievements-popup__award">
6616                        <div class="achievements-popup__award-top">
6617                            <span class="achievements-popup__place">4 МЕСТО</span>
6618                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6619                        </div>
6620                        <span class="achievements-popup__category">Мобильные приложения: «Образование, обучение: ВУЗы»</span>
6621                    </div>
6622
6623                    <!-- 5 места -->
6624                    <div class="achievements-popup__award">
6625                        <div class="achievements-popup__award-top">
6626                            <span class="achievements-popup__place">5 МЕСТО</span>
6627                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6628                        </div>
6629                        <span class="achievements-popup__category">Мобильные приложения: «Подарки, цветы»</span>
6630                    </div>
6631                    <div class="achievements-popup__award">
6632                        <div class="achievements-popup__award-top">
6633                            <span class="achievements-popup__place">5 МЕСТО</span>
6634                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6635                        </div>
6636                        <span class="achievements-popup__category">Мобильные приложения: «Подарки, цветы: Торговля»</span>
6637                    </div>
6638                    <div class="achievements-popup__award">
6639                        <div class="achievements-popup__award-top">
6640                            <span class="achievements-popup__place">5 МЕСТО</span>
6641                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6642                        </div>
6643                        <span class="achievements-popup__category">Мобильные приложения: «Покупки»</span>
6644                    </div>
6645                    <div class="achievements-popup__award">
6646                        <div class="achievements-popup__award-top">
6647                            <span class="achievements-popup__place">5 МЕСТО</span>
6648                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6649                        </div>
6650                        <span class="achievements-popup__category">Мобильные приложения: «Ювелирные украшения: Торговля»</span>
6651                    </div>
6652
6653                    <!-- 6 места -->
6654                    <div class="achievements-popup__award">
6655                        <div class="achievements-popup__award-top">
6656                            <span class="achievements-popup__place">6 МЕСТО</span>
6657                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6658                        </div>
6659                        <span class="achievements-popup__category">Комплексные разработчики: «Одежда, обувь, трикотаж, аксессуары»</span>
6660                    </div>
6661                    <div class="achievements-popup__award">
6662                        <div class="achievements-popup__award-top">
6663                            <span class="achievements-popup__place">6 МЕСТО</span>
6664                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6665                        </div>
6666                        <span class="achievements-popup__category">Комплексные разработчики: «Семья, дети: Торговля товарами для детей/семей»</span>
6667                    </div>
6668                    <div class="achievements-popup__award">
6669                        <div class="achievements-popup__award-top">
6670                            <span class="achievements-popup__place">6 МЕСТО</span>
6671                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6672                        </div>
6673                        <span class="achievements-popup__category">Комплексные разработчики: «Одежда, обувь, трикотаж, аксессуары: Торговля»</span>
6674                    </div>
6675
6676                    <!-- 7 место -->
6677                    <div class="achievements-popup__award">
6678                        <div class="achievements-popup__award-top">
6679                            <span class="achievements-popup__place">7 МЕСТО</span>
6680                            <span class="achievements-popup__source">
6680Рейтинг Рунета</span>
6681                        </div>
6682                        <span class="achievements-popup__category">Разработка мобильных приложений: «Анализ/тестирование мобильного приложения»</span>
6683                    </div>
6684
6685                    <!-- 9 место -->
6686                    <div class="achievements-popup__award">
6687                        <div class="achievements-popup__award-top">
6688                            <span class="achievements-popup__place">9 МЕСТО</span>
6689                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6690                        </div>
6691                        <span class="achievements-popup__category">Дизайн: «Электроника: Торговля»</span>
6692                    </div>
6693                    <div class="achievements-popup__award">
6694                        <div class="achievements-popup__award-top">
6695                            <span class="achievements-popup__place">9 МЕСТО</span>
6696                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6697                        </div>
6698                        <span class="achievements-popup__category">Мобильные приложения: «Строительство, ремонт»</span>
6699                    </div>
6700
6701                    <!-- 10 места -->
6702                    <div class="achievements-popup__award">
6703                        <div class="achievements-popup__award-top">
6704                            <span class="achievements-popup__place">10 МЕСТО</span>
6705                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6706                        </div>
6707                        <span class="achievements-popup__category">Мобильные приложения: «Мебель, интерьер: Торговля»</span>
6708                    </div>
6709                    <div class="achievements-popup__award">
6710                        <div class="achievements-popup__award-top">
6711                            <span class="achievements-popup__place">10 МЕСТО</span>
6712                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6713                        </div>
6714                        <span class="achievements-popup__category">Мобильные приложения: «Строительство, ремонт: Торговля»</span>
6715                    </div>
6716
6717                </div>
6718            </div>
6719
6720            <div class="achievements-popup__year-section">
6721                <h3 class="achievements-popup__year">2024</h3>
6722                <div class="achievements-popup__awards">
6723                    <div class="achievements-popup__award">
6724                        <div class="achievements-popup__award-top">
6725                            <span class="achievements-popup__place">1 МЕСТО</span>
6726                            <span class="achievements-popup__source">WORKSPACE DIGITAL AWARDS</span>
6727                        </div>
6728                        <span class="achievements-popup__category">Мобильные приложения</span>
6729                    </div>
6730                    <div class="achievements-popup__award">
6731                        <div class="achievements-popup__award-top">
6732                            <span class="achievements-popup__place">ТОП 3</span>
6733                            <span class="achievements-popup__source">Рейтинг Рунета</span>
6734                        </div>
6735                        <span class="achievements-popup__category">Торговля и услуги</span>
6736                    </div>
6737                </div>
6738            </div>
6739
6740
6741        </div>
6742    </div>
6743</div>
6744
6745<!-- Модальное окно для просмотра дипломов -->
6746<div class="diploma-modal" id="diplomaModal">
6747    <div class="diploma-modal__overlay"></div>
6748    <div class="diploma-modal__content">
6749        <button class="diploma-modal__close" aria-label="Закрыть">&times;</button>
6750        <div class="diploma-modal__image-container">
6751            <img id="diplomaModalImage" src="" alt="Диплом" class="diploma-modal__image" loading="lazy" decoding="async">
6752        </div>
6753        <div class="diploma-modal__navigation">
6754            <button class="diploma-modal__nav-button diploma-modal__prev" aria-label="Предыдущий диплом">&#8249;
6755            </button>
6756            <button class="diploma-modal__nav-button diploma-modal__next" aria-label="Следующий диплом">&#8250;</button>
6757        </div>
6758    </div>
6759</div>
6760
6761<!-- Критические скрипты загружаются первыми -->
6762<script src="js/site-config.js" defer></script>
vendor: 1 bytes, line 6762
6762
6763<script src="js/header-include.js?v=3.3" defer></script>
6763
6764
6765<!-- Основной оптимизированный скрипт -->
6766<script src="js/main.js?v=20250923140000" defer></script>
6766
6767
6768<!-- События заявок (воронка) -->
6769<script src="js/lead-events.js?v=20250923140000" defer></script>
6769
6770
6771<!-- Критически важный скрипт отзывов -->
6772    
6772<script src="js/testimonials.js?v=20260429141500" defer></script>
6772
6773
6774<!-- Диагностический скрипт убран, так как проблема решена -->
6775
6776<!-- Некритические скрипты загружаются асинхронно -->
6777<script>
6778    // Асинхронная загрузка некритических скриптов для оптимизации основного потока
6779    (function () {
6780        const loadScript = (src, callback) => {
6781            const script = document.createElement('script');
6782            script.src = src;
6783            script.async = true;
6784            script.defer = true;
6785            if (callback) script.onload = callback;
6786            document.head.appendChild(script);
6787        };
6788
6789        const loadNonCriticalScripts = () => {
6790            // Загружаем некритические скрипты в свободное время
6791            const scripts = [
6792                'js/performance-manager.js',
6793                'js/faq.js?v=20250923140000',
6794                'js/telegram-api.js',
6795                'js/scroll.js',
6796                'js/scroll-to-footer.js',
6797                'js/non-critical.js?v=20260206120000',
6798                'js/reels-widget.js?v=20250923140000'
6799            ];
6800
6801            let loadIndex = 0;
6802            const loadNext = () => {
6803                if (loadIndex < scripts.length) {
6804                    loadScript(scripts[loadIndex], () => {
6805                        loadIndex++;
6806                        // Загружаем следующий скрипт в следующем кадре
6807                        if (window.requestIdleCallback) {
6808                            requestIdleCallback(loadNext, {timeout: 100});
6809                        } else {
6810                            setTimeout(loadNext, 50);
6811                        }
6812                    });
6813                }
6814            };
6815
6816            loadNext();
6817        };
6818
6819        // Загружаем некритические скрипты после загрузки страницы
6820        if (document.readyState === 'loading') {
6821            document.addEventListener('DOMContentLoaded', () => {
6822                if (window.requestIdleCallback) {
6823                    requestIdleCallback(loadNonCriticalScripts, {timeout: 1000});
6824                } else {
6825                    setTimeout(loadNonCriticalScripts, 1000);
6826                }
6827            });
6828        } else {
6829            if (window.requestIdleCallback) {
6830                requestIdleCallback(loadNonCriticalScripts, {timeout: 500});
6831            } else {
6832                setTimeout(loadNonCriticalScripts, 500);
6833            }
6834        }
6835    })();
6836</script>
6836
6837
6838<!-- JavaScript для выделения текущей страницы (inline для оптимизации) -->
6839<script>
6840    // Функция для выделения текущей страницы в меню
6841    document.addEventListener('DOMContentLoaded', function () {
6842        const currentPath = window.location.pathname;
6843        const currentPage = currentPath.split('/').pop() || 'main.html';
6844
6845        // Находим все ссылки в меню
6846        const menuLinks = document.querySelectorAll('.header__menu li a, .mobile-menu__link');
6847
6848        menuLinks.forEach(link => {
6849            const linkHref = link.getAttribute('href');
6850            const linkPage = linkHref.split('/').pop();
6851
6852            // Убираем класс current-page у всех ссылок
6853            link.classList.remove('current-page');
6854
6855            // Проверяем совпадение страниц
6856            let isCurrentPage = false;
6857
6858            if (currentPage === '' || currentPage === 'index.html' || currentPage === 'main.html') {
6859                // Главная страница
6860                isCurrentPage = linkHref === 'https://fittin.ru/' ||
6861                    linkHref === '/' ||
6862                    linkHref === 'main.html' ||
6863                    linkHref === 'index.html';
6864            } else {
6865                // Остальные страницы
6866                isCurrentPage = linkPage === currentPage ||
6867                    linkHref.endsWith(currentPage);
6868            }
6869
6870            if (isCurrentPage) {
6871                link.classList.add('current-page');
6872            }
6873        });
6874    });
6875</script>
6875
6876<!-- main.js уже загружен выше оптимизированным способом -->
6877
6878<!-- Service Worker для кэширования ресурсов -->
6879<script>
6880    if ('serviceWorker' in navigator) {
6881        window.addEventListener('load', function () {
6882            // updateViaCache: 'none' — браузер игнорирует HTTP-кеш для самого sw.js
6883            // и на каждый visit проверяет обновление. Без этого старый Chrome держал
6884            // SW по дефолтному правилу (вплоть до 7 дней по nginx-кешу), и новые
6885            // версии не подхватывались. Сервер дополнительно отдаёт /sw.js с
6886            // Cache-Control: no-cache (см. nginx.conf, location = /sw.js).
6887            navigator.serviceWorker.register('/sw.js', { updateViaCache: 'none' })
6888                .then(function (registration) {
6889                    console.log('SW registered: ', registration);
6890                })
6891                .catch(function (registrationError) {
6892                    console.log('SW registration failed: ', registrationError);
6893                });
6894        });
6895    }
6896</script>
6896
6897
6898<!-- Скрипт для анимации счетчика -->
6899<script>
6900    // Функция для анимации счетчика
6901    function animateCounter(element, start, end, duration) {
6902        let startTimestamp = null;
6903        const step = (timestamp) => {
6904            if (!startTimestamp) startTimestamp = timestamp;
6905            const progress = Math.min((timestamp - startTimestamp) / duration, 1);
6906
6907            // Используем easing функцию для плавности
6908            const easeOutQuart = 1 - Math.pow(1 - progress, 4);
6909            const current = Math.floor(easeOutQuart * (end - start) + start);
6910
6911            element.textContent = current;
6912
6913            if (progress < 1) {
6914                window.requestAnimationFrame(step);
6915            }
6916        };
6917        window.requestAnimationFrame(step);
6918    }
6919
6920    // Функция для проверки видимости элемента
6921    function isElementInViewport(el) {
6922        const rect = el.getBoundingClientRect();
6923        return (
6924            rect.top >= 0 &&
6925            rect.left >= 0 &&
6926            rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
6927            rect.right <= (window.innerWidth || document.documentElement.clientWidth)
6928        );
6929    }
6930
6931    // Intersection Observer для запуска анимации при появлении
6932    function initCounterAnimation() {
6933        const counter = document.getElementById('counter119');
6934        if (!counter) return;
6935
6936        let hasAnimated = false;
6937
6938        const observer = new IntersectionObserver((entries) => {
6939            entries.forEach(entry => {
6940                if (entry.isIntersecting && !hasAnimated) {
6941                    hasAnimated = true;
6942                    // Запускаем анимацию с задержкой для эффектности
6943                    setTimeout(() => {
6944                        animateCounter(counter, 1, 119, 1000); // 1 секунда
6945                    }, 100);
6946                    observer.unobserve(counter);
6947                }
6948            });
6949        }, {
6950            threshold: 0.5 // Запускать когда 50% элемента видно
6951        });
6952
6953        observer.observe(counter);
6954    }
6955
6956    // Запускаем после загрузки DOM
6957    document.addEventListener('DOMContentLoaded', initCounterAnimation);
6958
6959    // Анимация дипломов: черный → красный → синий по кругу
6960    function initDiplomaAnimation() {
6961        const diplomaCards = document.querySelectorAll('.diploma-card');
6962        if (!diplomaCards.length) return;
6963
6964        // Последовательность трех дипломов: черный (Novii) → красный (Diplom1) → синий (2diplom)
6965        const diplomaSequence = [0, 1, 2]; // Novii.webp, Diplom1.webp, Diplom3.webp
6966        let currentIndex = 0;
6967        let animationInterval;
6968
6969        // Простая смена дипломов
6970        function animateDiplomas() {
6971            // Убираем активный класс у всех дипломов
6972            diplomaCards.forEach(card => {
6973                card.classList.remove('active');
6974            });
6975
6976            // Переходим к следующему диплому
6977            currentIndex = (currentIndex + 1) % diplomaSequence.length;
6978
6979            // Показываем следующий диплом
6980            const nextCard = diplomaCards[diplomaSequence[currentIndex]];
6981            if (nextCard) {
6982                nextCard.classList.add('active');
6983            }
6984        }
6985
6986        // Запускаем анимацию каждые 3 секунды
6987        animationInterval = setInterval(animateDiplomas, 3000);
6988
6989        // Управление анимацией при наведении
6990        const diplomaStack = document.querySelector('.diploma-stack');
6991        if (diplomaStack) {
6992            diplomaStack.addEventListener('mouseenter', () => {
6993                if (animationInterval) {
6994                    clearInterval(animationInterval);
6995                }
6996            });
6997
6998            diplomaStack.addEventListener('mouseleave', () => {
6999                if (animationInterval) {
7000                    clearInterval(animationInterval);
7001                }
7002                animationInterval = setInterval(animateDiplomas, 3000);
7003            });
7004        }
7005    }
7006
7007    // Запускаем анимацию дипломов после загрузки
7008    document.addEventListener('DOMContentLoaded', initDiplomaAnimation);
7009
7010    // Функционал попапа с достижениями
7011    function initAchievementsPopup() {
7012        const popup = document.getElementById('achievementsPopup');
7013        const openButton = document.querySelector('.achievements-119__footer-button');
7014        const closeButton = popup.querySelector('.achievements-popup__close');
7015        const overlay = popup.querySelector('.achievements-popup__overlay');
7016
7017        // Открытие попапа
7018        function openPopup(e) {
7019            e.preventDefault();
7020            popup.classList.add('show');
7021            document.body.style.overflow = 'hidden';
7022        }
7023
7024        // Закрытие попапа
7025        function closePopup() {
7026            popup.classList.remove('show');
7027            document.body.style.overflow = '';
7028        }
7029
7030        // События
7031        if (openButton) {
7032            openButton.addEventListener('click', openPopup);
7033        }
7034
7035        if (closeButton) {
7036            closeButton.addEventListener('click', closePopup);
7037        }
7038
7039        if (overlay) {
7040            overlay.addEventListener('click', closePopup);
7041        }
7042
7043        // Закрытие по ESC
7044        document.addEventListener('keydown', function (e) {
7045            if (e.key === 'Escape' && popup.classList.contains('show')) {
7046                closePopup();
7047            }
7048        });
7049    }
7050
7051    // Запускаем после загрузки DOM
7052    document.addEventListener('DOMContentLoaded', initAchievementsPopup);
7053
7054    // Функционал модального окна дипломов
7055    let currentDiplomaIndex = 0;
7056    const diplomaData = [
7057        // Индекс 0
7058        {src: 'images/Novii.webp', alt: 'Диплом Awards'},
7059        // Индекс 1
7060        {src: 'images/Diplom1.webp', alt: 'Диплом 1'},
7061        // Индекс 2 (закомментирован в HTML)
7062        // { src: 'images/Diplom3.webp', alt: 'Диплом 3' },
7063        null, // placeholder для индекса 2
7064        null, // placeholder для индекса 3
7065        null, // placeholder для индекса 4
7066        null, // placeholder для индекса 5
7067        // Индекс 6 - ПЕРВЫЕ МЕСТА
7068        {src: 'images/Diplom3.webp', alt: 'Диплом 1 место'},
7069        // Индекс 7
7070        {src: 'images/Diplom4.webp', alt: 'Диплом 1 место'},
7071        // Индекс 8
7072        {src: 'images/Diplom5.webp', alt: 'Диплом 1 место'},
7073        // Индекс 9
7074        {src: 'images/Diplom6.webp', alt: 'Диплом 1 место'},
7075        // Индекс 10
7076        {src: 'images/Diplom7.webp', alt: 'Диплом 1 место'},
7077        // Индекс 11
7078        {src: 'images/Diplom2.webp', alt: 'Диплом 1 место'},
7079        // Индекс 12
7080        {src: 'images/diplom-_11_.webp', alt: 'Диплом 1 место'},
7081        // Индекс 13
7082        {src: 'images/diplom-_12_.webp', alt: 'Диплом 1 место'}
7083        // Индекс 13 - dva (2 место - закомментирован)
7084        // Индекс 14 - Odin (3 место - закомментирован)
7085        // Индекс 15 - tri (3 место - закомментирован)
7086    ];
7087
7088    function openDiplomaModal(clickedImage) {
7089        const modal = document.getElementById('diplomaModal');
7090        const modalImage = document.getElementById('diplomaModalImage');
7091        const diplomaIndex = parseInt(clickedImage.dataset.diploma);
7092
7093        // Проверяем, что диплом существует
7094        if (!diplomaData[diplomaIndex]) return;
7095
7096        currentDiplomaIndex = diplomaIndex;
7097
7098        // Устанавливаем изображение
7099        modalImage.src = diplomaData[currentDiplomaIndex].src;
7100        modalImage.alt = diplomaData[currentDiplomaIndex].alt;
7101
7102        // Показываем модальное окно
7103        modal.classList.add('show');
7104        document.body.style.overflow = 'hidden';
7105
7106        // Обновляем кнопки навигации
7107        updateNavigationButtons();
7108    }
7109
7110    function closeDiplomaModal() {
7111        const modal = document.getElementById('diplomaModal');
7112        modal.classList.remove('show');
7113        document.body.style.overflow = '';
7114    }
7115
7116    function showPreviousDiploma() {
7117        // Ищем предыдущий активный диплом
7118        let newIndex = currentDiplomaIndex - 1;
7119        while (newIndex >= 0 && !diplomaData[newIndex]) {
7120            newIndex--;
7121        }
7122
7123        if (newIndex >= 0 && diplomaData[newIndex]) {
7124            currentDiplomaIndex = newIndex;
7125            updateDiplomaImage();
7126            updateNavigationButtons();
7127        }
7128    }
7129
7130    function showNextDiploma() {
7131        // Ищем следующий активный диплом
7132        let newIndex = currentDiplomaIndex + 1;
7133        while (newIndex < diplomaData.length && !diplomaData[newIndex]) {
7134            newIndex++;
7135        }
7136
7137        if (newIndex < diplomaData.length && diplomaData[newIndex]) {
7138            currentDiplomaIndex = newIndex;
7139            updateDiplomaImage();
7140            updateNavigationButtons();
7141        }
7142    }
7143
7144    function updateDiplomaImage() {
7145        const modalImage = document.getElementById('diplomaModalImage');
7146        if (diplomaData[currentDiplomaIndex]) {
7147            modalImage.src = diplomaData[currentDiplomaIndex].src;
7148            modalImage.alt = diplomaData[currentDiplomaIndex].alt;
7149        }
7150    }
7151
7152    function updateNavigationButtons() {
7153        const prevButton = document.querySelector('.diploma-modal__prev');
7154        const nextButton = document.querySelector('.diploma-modal__next');
7155
7156        // Проверяем, есть ли предыдущий активный диплом
7157        let hasPrev = false;
7158        for (let i = currentDiplomaIndex - 1; i >= 0; i--) {
7159            if (diplomaData[i]) {
7160                hasPrev = true;
7161                break;
7162            }
7163        }
7164
7165        // Проверяем, есть ли следующий активный диплом
7166        let hasNext = false;
7167        for (let i = currentDiplomaIndex + 1; i < diplomaData.length; i++) {
7168            if (diplomaData[i]) {
7169                hasNext = true;
7170                break;
7171            }
7172        }
7173
7174        if (prevButton) {
7175            prevButton.disabled = !hasPrev;
7176        }
7177
7178        if (nextButton) {
7179            nextButton.disabled = !hasNext;
7180        }
7181    }
7182
7183    function initDiplomaModal() {
7184        const modal = document.getElementById('diplomaModal');
7185        const closeButton = modal.querySelector('.diploma-modal__close');
7186        const overlay = modal.querySelector('.diploma-modal__overlay');
7187        const prevButton = modal.querySelector('.diploma-modal__prev');
7188        const nextButton = modal.querySelector('.diploma-modal__next');
7189
7190        // Закрытие модального окна
7191        if (closeButton) {
7192            closeButton.addEventListener('click', closeDiplomaModal);
7193        }
7194
7195        if (overlay) {
7196            overlay.addEventListener('click', closeDiplomaModal);
7197        }
7198
7199        // Навигация
7200        if (prevButton) {
7201            prevButton.addEventListener('click', showPreviousDiploma);
7202        }
7203
7204        if (nextButton) {
7205            nextButton.addEventListener('click', showNextDiploma);
7206        }
7207
7208        // Клавиатурная навигация
7209        document.addEventListener('keydown', function (e) {
7210            if (modal.classList.contains('show')) {
7211                switch (e.key) {
7212                    case 'Escape':
7213                        closeDiplomaModal();
7214                        break;
7215                    case 'ArrowLeft':
7216                        showPreviousDiploma();
7217                        break;
7218                    case 'ArrowRight':
7219                        showNextDiploma();
7220                        break;
7221                }
7222            }
7223        });
7224    }
7225
7226    // Запускаем после загрузки DOM
7227    document.addEventListener('DOMContentLoaded', initDiplomaModal);
7228
7229    // Стабилизация hero блока при загрузке
7230    function initializeHeroBlock() {
7231        const heroContent = document.querySelector('.hero__content');
7232        const textContainer = document.querySelector('.text-container');
7233
7234        if (heroContent) {
7235            heroContent.style.visibility = 'visible';
7236            heroContent.style.opacity = '1';
7237            heroContent.style.transform = 'translateZ(0)';
7238        }
7239
7240        if (textContainer) {
7241            textContainer.style.visibility = 'visible';
7242            textContainer.style.opacity = '1';
7243            textContainer.style.transform = 'translateZ(0)';
7244        }
7245    }
7246
7247    // Запускаем стабилизацию в нескольких точках
7248    document.addEventListener('DOMContentLoaded', initializeHeroBlock);
7249    window.addEventListener('load', initializeHeroBlock);
7250
7251    // Дополнительная стабилизация с задержкой
7252    setTimeout(initializeHeroBlock, 100);
7253    setTimeout(initializeHeroBlock, 500);
7254
7255    // Контент блока достижений виден по умолчанию (без гейтинга display:none).
7256    // Анимация смены дипломов и счётчик 119 запускаются своими слушателями
7257    // DOMContentLoaded выше — поверх уже видимого контента (progressive enhancement).
7258</script>
7258
7259
7260<!-- Стили перенесены в css/main.css -->
7261</style>
7262
7263<script>
7264    // Бегущая строка наград крутится по умолчанию (CSS-анимация scrollCards).
7265    // Ставим её на паузу, когда блок вне вьюпорта — экономия CPU.
7266    (function () {
7267        const awardsGrid = document.querySelector('.achievements-119__awards-grid');
7268        const awardsSection = document.querySelector('.achievements-119__awards-section');
7269        if (!awardsGrid || !awardsSection || !('IntersectionObserver' in window)) return;
7270
7271        const observer = new IntersectionObserver((entries) => {
7272            entries.forEach(entry => {
7273                awardsGrid.classList.toggle('is-paused', !entry.isIntersecting);
7274            });
7275        }, { threshold: 0 });
7276
7277        observer.observe(awardsSection);
7278    })();
7279
7280    // Функциональность слайдера докладов для блока мероприятий
7281    document.addEventListener('DOMContentLoaded', function() {
7282        const sliders = document.querySelectorAll('.talks-slider');
7283
7284        sliders.forEach(slider => {
7285            const content = slider.querySelector('.talks-slider-content');
7286            const slides = slider.querySelectorAll('.talk-slide');
7287            const dots = slider.querySelectorAll('.slider-dot');
7288            let currentSlide = 0;
7289
7290            // Функция переключения слайда
7291            function goToSlide(index) {
7292                // Убираем активный класс у всех слайдов и точек
7293                slides.forEach(slide => slide.classList.remove('active'));
7294                dots.forEach(dot => dot.classList.remove('active'));
7295
7296                // Добавляем активный класс к нужным элементам
7297                if (slides[index]) {
7298                    slides[index].classList.add('active');
7299                }
7300                if (dots[index]) {
7301                    dots[index].classList.add('active');
7302                }
7303
7304                // Сдвигаем контент
7305                if (content) {
7306                    content.style.transform = `translateX(-${index * 100}%)`;
7307                }
7308                currentSlide = index;
7309            }
7310
7311            // Принудительно инициализируем первый слайд
7312            if (slides.length > 0) {
7313                goToSlide(0);
7314            }
7315
7316            // Обработчики кликов по точкам
7317            dots.forEach((dot, index) => {
7318                dot.addEventListener('click', () => {
7319                    goToSlide(index);
7320                });
7321            });
7322
7323            // Переменные для drag/swipe функциональности
7324            let isDragging = false;
7325            let startX = 0;
7326            let currentX = 0;
7327            let dragThreshold = 50; // Минимальное расстояние для переключения слайда
7328
7329            // Функция получения X координаты из события (мышь или тач)
7330            function getEventX(e) {
7331                if (e.type.includes('mouse')) {
7332                    return e.clientX;
7333                } else if (e.type === 'touchend') {
7334                    return e.changedTouches[0].clientX;
7335                } else {
7336                    return e.touches[0].clientX;
7337                }
7338            }
7339
7340            // Функция начала перетаскивания/свайпа
7341            function handleStart(e) {
7342                isDragging = true;
7343                startX = getEventX(e);
7344                slider.style.cursor = 'pointer';
7345                slider.style.userSelect = 'none';
7346                e.preventDefault();
7347            }
7348
7349            // Функция движения во время перетаскивания/свайпа
7350            function handleMove(e) {
7351                if (!isDragging) return;
7352
7353                currentX = getEventX(e);
7354                const deltaX = currentX - startX;
7355
7356                // Визуальная обратная связь
7357                slider.style.transform = `translateX(${deltaX * 0.1}px)`;
7358            }
7359
7360            // Функция окончания перетаскивания/свайпа
7361            function handleEnd(e) {
7362                if (!isDragging) return;
7363
7364                isDragging = false;
7365                // Для touchend получаем координаты из события
7366                if (e.type === 'touchend') {
7367                    currentX = getEventX(e);
7368                }
7369                const deltaX = currentX - startX;
7370
7371                // Сбрасываем стили
7372                slider.style.cursor = 'pointer';
7373                slider.style.userSelect = '';
7374                slider.style.transform = '';
7375
7376                // Определяем направление и переключаем слайд
7377                if (Math.abs(deltaX) > dragThreshold) {
7378                    if (deltaX > 0) {
7379                        // Перетащили вправо - предыдущий слайд
7380                        const prevSlide = currentSlide === 0 ? slides.length - 1 : currentSlide - 1;
7381                        goToSlide(prevSlide);
7382                    } else {
7383                        // Перетащили влево - следующий слайд
7384                        const nextSlide = (currentSlide + 1) % slides.length;
7385                        goToSlide(nextSlide);
7386                    }
7387                }
7388            }
7389
7390            // Обработчики для мыши (десктоп)
7391            slider.addEventListener('mousedown', handleStart);
7392            slider.addEventListener('mousemove', handleMove);
7393            slider.addEventListener('mouseup', handleEnd);
7394            slider.addEventListener('mouseleave', () => {
7395                if (isDragging) {
7396                    isDragging = false;
7397                    slider.style.cursor = 'pointer';
7398                    slider.style.userSelect = '';
7399                    slider.style.transform = '';
7400                }
7401            });
7402
7403            // Обработчики для тач-событий (мобильные)
7404            slider.addEventListener('touchstart', handleStart, { passive: false });
7405            slider.addEventListener('touchmove', handleMove, { passive: false });
7406            slider.addEventListener('touchend', handleEnd);
7407
7408            // Устанавливаем курсор pointer по умолчанию
7409            slider.style.cursor = 'pointer';
7410        });
7411    });
7412</script>
7412
7413
7414<!-- Структурированные данные для sitelinks (дополнительные ссылки в поиске) -->
7415<script type="application/ld+json">
7416    {
7417        "@context": "https://schema.org",
7418        "@type": "ItemList",
7419        "name": "Основные разделы FITTIN",
7420        "itemListElement": [
7421            {
7422                "@type": "SiteNavigationElement",
7423                "position": 1,
7424                "name": "Медиа",
7425                "description": "Новости, статьи и медиа-материалы о разработке мобильных приложений",
7426                "url": "https://fittin.ru/articles"
7427            },
7428            {
7429                "@type": "SiteNavigationElement",
7430                "position": 2,
7431                "name": "Модульная платформа vs коробочные решения",
7432                "description": "Почему более 20 компаний перешли с коробочных платформ на модульную архитектуру FITTIN",
7433                "url": "https://fittin.ru/blog/perehod-s-korobochnoy-platformy-na-modulnuyu"
7434            },
7435            {
7436                "@type": "SiteNavigationElement",
7437                "position": 3,
7438                "name": "Тарифы",
7439                "description": "Выберите подходящий тариф для разработки вашего приложения",
7440                "url": "https://fittin.ru/tariffs"
7441            },
7442            {
7443                "@type": "SiteNavigationElement",
7444                "position": 4,
7445                "name": "Кейсы",
7446                "description": "Примеры наших работ и успешных проектов клиентов",
7447                "url": "https://fittin.ru/all_cases"
7448            },
7449            {
7450                "@type": "SiteNavigationElement",
7451                "position": 5,
7452                "name": "Блог",
7453                "description": "Статьи о разработке мобильных приложений и трендах IT",
7454                "url": "https://fittin.ru/blog"
7455            },
7456            {
7457                "@type": "SiteNavigationElement",
7458                "position": 6,
7459                "name": "Партнеры",
7460                "description": "Наши партнеры и клиенты, с которыми мы работаем",
7461                "url": "https://fittin.ru/partners"
7462            }
7463        ]
7464    }
7465</script>
7465
7466
7467<!-- Скрипт для замены изображения баннера на экранах 610px и меньше -->
7468<script>
7469    function replaceBannerImage() {
7470        const bannerImage = document.querySelector('.new-block__image img');
7471        if (bannerImage && window.innerWidth <= 610) {
7472            bannerImage.src = 'images/680banner.webp';
7473            bannerImage.alt = '680banner';
7474        }
7475    }
7476
7477    // Запускаем при загрузке страницы
7478    document.addEventListener('DOMContentLoaded', replaceBannerImage);
7479
7480    // Запускаем при изменении размера окна
7481    window.addEventListener('resize', replaceBannerImage);
7482</script>
7482
7483
7484<!-- Скрипт для раскрывающихся ответов FAQ -->
7485<script>
7486    document.addEventListener('DOMContentLoaded', function () {
7487        const faqItems = document.querySelectorAll('.faq__item');
7488
7489        faqItems.forEach(item => {
7490            const question = item.querySelector('.faq__question');
7491            const answer = item.querySelector('.faq__answer');
7492            const icon = item.querySelector('.faq__icon');
7493
7494            if (question && answer && icon) {
7495                // Изначально скрываем ответы
7496                answer.style.display = 'none';
7497
7498                // Добавляем обработчик клика
7499                question.addEventListener('click', function () {
7500                    const isOpen = item.classList.contains('active');
7501
7502                    // Закрываем все остальные вопросы
7503                    faqItems.forEach(otherItem => {
7504                        if (otherItem !== item) {
7505                            otherItem.classList.remove('active');
7506                            const otherAnswer = otherItem.querySelector('.faq__answer');
7507                            const otherIcon = otherItem.querySelector('.faq__icon');
7508                            if (otherAnswer) otherAnswer.style.display = 'none';
7509                            if (otherIcon) otherIcon.style.transform = 'rotate(0deg)';
7510                        }
7511                    });
7512
7513                    // Переключаем текущий вопрос
7514                    if (isOpen) {
7515                        item.classList.remove('active');
7516                        answer.style.display = 'none';
7517                        icon.style.transform = 'rotate(0deg)';
7518                    } else {
7519                        item.classList.add('active');
7520                        answer.style.display = 'block';
7521                        icon.style.transform = 'rotate(45deg)';
7522                    }
7523                });
7524            }
7525        });
7526    });
7527</script>
7527
7528
7529<!-- JavaScript для слайдера мероприятия -->
7530<script>
7531    document.addEventListener('DOMContentLoaded', function () {
7532        const slider = document.querySelector('.upcoming-event__slider');
7533        if (!slider) return;
7534
7535        const content = slider.querySelector('.upcoming-event__slider-content');
7536        const slides = slider.querySelectorAll('.upcoming-event__slide');
7537        const dots = slider.querySelectorAll('.upcoming-event__slider-dot');
7538        let currentSlide = 0;
7539
7540        // Функция переключения слайда
7541        let isTransitioning = false;
7542
7543        function goToSlide(index) {
7544            if (isTransitioning) return; // Защита от множественных вызовов
7545
7546            isTransitioning = true;
7547
7548            // Убираем активный класс у всех слайдов и точек
7549            slides.forEach(slide => slide.classList.remove('active'));
7550            dots.forEach(dot => dot.classList.remove('active'));
7551
7552            // Добавляем активный класс к нужным элементам
7553            slides[index].classList.add('active');
7554            dots[index].classList.add('active');
7555
7556            // Сдвигаем контент
7557            content.style.transform = `translateX(-${index * 100}%)`;
7558            currentSlide = index;
7559
7560            // Сбрасываем флаг после завершения анимации
7561            setTimeout(() => {
7562                isTransitioning = false;
7563            }, 800); // Время анимации CSS
7564        }
7565
7566        // Принудительно инициализируем первый слайд
7567        if (slides.length > 0) {
7568            goToSlide(0);
7569        }
7570
7571        // Обработчики кликов по точкам
7572        dots.forEach((dot, index) => {
7573            dot.addEventListener('click', () => {
7574                goToSlide(index);
7575            });
7576        });
7577
7578        // Переменные для drag/swipe функциональности
7579        let isDragging = false;
7580        let startX = 0;
7581        let currentX = 0;
7582        let dragThreshold = 50; // Минимальное расстояние для переключения слайда
7583
7584        // Функция получения X координаты из события (мышь или тач)
7585        function getEventX(e) {
7586            if (e.type.includes('mouse')) {
7587                return e.clientX;
7588            } else if (e.type === 'touchend') {
7589                return e.changedTouches[0].clientX;
7590            } else {
7591                return e.touches[0].clientX;
7592            }
7593        }
7594
7595        // Функция начала перетаскивания/свайпа
7596        function handleStart(e) {
7597            isDragging = true;
7598            startX = getEventX(e);
7599            slider.style.cursor = 'pointer';
7600            slider.style.userSelect = 'none';
7601            e.preventDefault();
7602        }
7603
7604        // Функция движения во время перетаскивания/свайпа
7605        function handleMove(e) {
7606            if (!isDragging) return;
7607
7608            currentX = getEventX(e);
7609            const deltaX = currentX - startX;
7610
7611            // Визуальная обратная связь
7612            slider.style.transform = `translateX(${deltaX * 0.1}px)`;
7613        }
7614
7615        // Функция окончания перетаскивания/свайпа
7616        function handleEnd(e) {
7617            if (!isDragging) return;
7618
7619            isDragging = false;
7620            // Для touchend получаем координаты из события
7621            if (e.type === 'touchend') {
7622                currentX = getEventX(e);
7623            }
7624            const deltaX = currentX - startX;
7625
7626            // Сбрасываем стили
7627            slider.style.cursor = 'pointer';
7628            slider.style.userSelect = '';
7629            slider.style.transform = '';
7630
7631            // Определяем направление и переключаем слайд
7632            if (Math.abs(deltaX) > dragThreshold) {
7633                if (deltaX > 0) {
7634                    // Перетащили вправо - предыдущий слайд
7635                    const prevSlide = currentSlide === 0 ? slides.length - 1 : currentSlide - 1;
7636                    goToSlide(prevSlide);
7637                } else {
7638                    // Перетащили влево - следующий слайд
7639                    const nextSlide = (currentSlide + 1) % slides.length;
7640                    goToSlide(nextSlide);
7641                }
7642            }
7643        }
7644
7645        // Обработчики для мыши (десктоп)
7646        slider.addEventListener('mousedown', handleStart);
7647        slider.addEventListener('mousemove', handleMove);
7648        slider.addEventListener('mouseup', handleEnd);
7649        slider.addEventListener('mouseleave', () => {
7650            if (isDragging) {
7651                isDragging = false;
7652                slider.style.cursor = 'pointer';
7653                slider.style.userSelect = '';
7654                slider.style.transform = '';
7655            }
7656        });
7657
7658        // Обработчики для тач-событий (мобильные)
7659        slider.addEventListener('touchstart', handleStart, {passive: false});
7660        slider.addEventListener('touchmove', handleMove, {passive: false});
7661        slider.addEventListener('touchend', handleEnd);
7662
7663        // Устанавливаем курсор pointer по умолчанию
7664        slider.style.cursor = 'pointer';
7665
7666        // Автоматическое пролистывание каждые 4 секунды
7667        let autoSlideInterval;
7668
7669        function startAutoSlide() {
7670            stopAutoSlide(); // Останавливаем предыдущий интервал если есть
7671            autoSlideInterval = setInterval(() => {
7672                if (!isTransitioning) {
7673                    const nextSlide = (currentSlide + 1) % slides.length;
7674                    goToSlide(nextSlide);
7675                }
7676            }, 4000); // 4 секунды
7677        }
7678
7679        function stopAutoSlide() {
7680            if (autoSlideInterval) {
7681                clearInterval(autoSlideInterval);
7682                autoSlideInterval = null;
7683            }
7684        }
7685
7686        // Запускаем автопрокрутку
7687        startAutoSlide();
7688
7689        // Останавливаем автопрокрутку при взаимодействии пользователя
7690        slider.addEventListener('mouseenter', stopAutoSlide);
7691        slider.addEventListener('mouseleave', startAutoSlide);
7692        slider.addEventListener('touchstart', stopAutoSlide);
7693
7694        // Перезапускаем автопрокрутку через 10 секунд после последнего взаимодействия
7695        let userInteractionTimeout;
7696
7697        function resetAutoSlide() {
7698            stopAutoSlide();
7699            clearTimeout(userInteractionTimeout);
7700            userInteractionTimeout = setTimeout(() => {
7701                if (!isTransitioning) {
7702                    startAutoSlide();
7703                }
7704            }, 10000);
7705        }
7706
7707        // Обработчики для сброса автопрокрутки при взаимодействии
7708        dots.forEach(dot => {
7709            dot.addEventListener('click', resetAutoSlide);
7710        });
7711
7712        slider.addEventListener('mousedown', resetAutoSlide);
7713        slider.addEventListener('touchstart', resetAutoSlide);
7714    });
7715
7716    // Функции для модального окна расписания
7717    function openScheduleModal() {
7718        const modal = document.getElementById('scheduleModal');
7719        if (modal) {
7720            modal.classList.add('active');
7721            document.body.style.overflow = 'hidden'; // Блокируем прокрутку фона
7722        }
7723    }
7724
7725    function closeScheduleModal() {
7726        const modal = document.getElementById('scheduleModal');
7727        if (modal) {
7728            modal.classList.remove('active');
7729            document.body.style.overflow = ''; // Восстанавливаем прокрутку
7730        }
7731    }
7732
7733    // Закрытие по Escape
7734    document.addEventListener('keydown', function (event) {
7735        if (event.key === 'Escape') {
7736            closeScheduleModal();
7737        }
7738    });
7739</script>
7739
7740
7741<!-- Модальное окно расписания -->
7742<div id="scheduleModal" class="schedule-modal">
7743    <div class="schedule-modal__overlay" onclick="closeScheduleModal()"></div>
7744    <div class="schedule-modal__content">
7745        <button class="schedule-modal__close" onclick="closeScheduleModal()">&times;</button>
7746        <div class="schedule-modal__header">
7747            <h2 class="schedule-modal__title">РАСПИСАНИЕ</h2>
7748        </div>
7749        <div class="schedule-modal__body">
7750            <div class="schedule-item">
7751                <div class="schedule-item__time">12:30</div>
7752                <div class="schedule-item__content">
7753                    <div class="schedule-item__title">AI – АССИСТЕНТ</div>
7754                    <div class="schedule-item__description">МАСТЕР-КЛАСС ПО АВТОМАТИЗАЦИИ КОММУНИКАЦИЙ И
7755                        БИЗНЕС-ПРОЦЕССОВ
7756                    </div>
7757                </div>
7758            </div>
7759
7760            <div class="schedule-item">
7761                <div class="schedule-item__time">12:45</div>
7762                <div class="schedule-item__content">
7763                    <div class="schedule-item__title">SALE SYNERGY</div>
7764                    <div class="schedule-item__description">МАСТЕР-КЛАСС ПО АВТОМАТИЗАЦИИ ОТВЕТОВ НА ОТЗЫВЫ И ВОПРОСЫ НА
7765                        МАРКЕТПЛЕЙСАХ И ГЕОСЕРВИСАХ
7766                    </div>
7767                </div>
7768            </div>
7769
7770            <div class="schedule-item">
7771                <div class="schedule-item__time">13:05</div>
7772                <div class="schedule-item__content">
7773                    <div class="schedule-item__title">LLM – ПОИСК</div>
7774                    <div class="schedule-item__description">МГНОВЕННЫЙ ПОИСК С ИСПОЛЬЗОВАНИЕМ LLM В КАЧЕСТВЕ ПОИСКОВОГО
7775                        ДВИЖКА
7776                    </div>
7777                </div>
7778            </div>
7779
7780            <div class="schedule-item">
7781                <div class="schedule-item__time">13:25</div>
7782                <div class="schedule-item__content">
7783                    <div class="schedule-item__title">КОНТЕНТ ЗАВОД</div>
7784                    <div class="schedule-item__description">КАК ПРАВИЛЬНО НАСТРОИТЬ SEO В ЭПОХУ НЕЙРОСЕТЕЙ И ВЫВЕСТИ
7785                        САЙТ В ТОП ПОИСКА, НЕ СЛИВАЯ ПРИ ЭТОМ БЮДЖЕТ ВПУСТУЮ
7786                    </div>
7787                </div>
7788            </div>
7789
7790            <div class="schedule-item">
7791                <div class="schedule-item__time">15:50</div>
7792                <div class="schedule-item__content">
7793                    <div class="schedule-item__title">MOBILE APP & WEBSITE</div>
7794                    <div class="schedule-item__description">КАК ЗА 30 ДНЕЙ С ПОМОЩЬЮ FLUTTER СОЗДАТЬ ОМНИКАНАЛЬНУЮ
7795                        E-COMMERCE ПЛАТФОРМУ — САЙТ И ПРИЛОЖЕНИЕ НА ЕДИНОЙ КОДОВОЙ БАЗЕ
7796                    </div>
7797                </div>
7798            </div>
7799
7800            <div class="schedule-item">
7801                <div class="schedule-item__time">16:10</div>
7802                <div class="schedule-item__content">
7803                    <div class="schedule-item__title">AI – РЕКРУТЕР</div>
7804                    <div class="schedule-item__description">ИНТЕРАКТИВНАЯ СЕССИЯ ПО ПРИМЕНЕНИЮ УМНЫХ АЛГОРИТМОВ В
7805                        HR-ПРОЦЕССАХ
7806                    </div>
7807                </div>
7808            </div>
7809        </div>
7810    </div>
7811</div>
7812
7813<!-- Скрипт автоматического скрытия прошедших мероприятий: блок показывается только до data-event-date + data-event-time (МСК) -->
7814<script>
7815(function() {
7816    const eventSections = document.querySelectorAll('.upcoming-event[data-event-date]');
7817    eventSections.forEach(function(eventSection) {
7818        const eventDateStr = eventSection.getAttribute('data-event-date');
7819        if (!eventDateStr) return;
7820
7821        const eventTimeStr = eventSection.getAttribute('data-event-time'); // формат "HH:MM" по МСК
7822
7823        const parts = eventDateStr.split('-').map(Number);
7824        if (parts.length !== 3) return;
7825        const [year, month, day] = parts;
7826
7827        // Если указано время окончания — используем его, иначе конец дня (23:59) по МСК
7828        let hours = 23;
7829        let minutes = 59;
7830        if (eventTimeStr) {
7831            const timeParts = eventTimeStr.split(':').map(Number);
7832            hours = timeParts[0];
7833            minutes = timeParts[1] || 0;
7834        }
7835
7836        // Переводим МСК (UTC+3) в UTC: вычитаем 3 часа
7837        const eventEndUTC = new Date(Date.UTC(year, month - 1, day, hours - 3, minutes, 59));
7838        const now = new Date();
7839
7840        if (now <= eventEndUTC) {
7841            eventSection.style.display = 'block';
7842        }
7843    });
7844})();
7845</script>
7845
7846
7847<!-- VideoObject JSON-LD: видео-интервью с клиентами и партнерами -->
7848<script type="application/ld+json">
7849{
7850    "@context": "https://schema.org",
7851    "@type": "VideoObject",
7852    "name": "Интервью с клиентами и партнерами FITTIN",
7853    "description": "Сергей Олин (Fashouse) и Виктория Рамакаева (Maxma) делятся опытом сотрудничества с FITTIN",
7854    "thumbnailUrl": "https://fittin.ru/images/S26-image.png",
7855    "contentUrl": "https://storage.yandexcloud.net/webflutter/Oborot2025/Fashouse.mp4",
7856    "uploadDate": "2025-10-27",
7857    "duration": "PT10M16S"
7858}
7859</script>
7859
7860
7861<!-- Структурированные данные JSON-LD (вынесены из <head> для оптимизации LCP) -->
7862<script type="application/ld+json">
7863    {
7864        "@context": "https://schema.org",
7865        "@type": "Organization",
7866        "name": "FITTIN",
7867        "identifier": {
7868            "@type": "PropertyValue",
7869            "propertyID": "RU-IT-Accreditation",
7870            "name": "Номер в реестре аккредитованных организаций Минцифры России",
7871            "value": "52007"
7872        },
7873        "url": "https://fittin.ru",
7874        "logo": {
7875            "@type": "ImageObject",
7876            "url": "https://fittin.ru/images/LogoFittin.webp",
7877            "width": "112",
7878            "height": "40"
7879        },
7880        "description": "Лидеры разработки мобильных приложений на Flutter в России. 11 первых мест Рейтинга Рунета 2025. Создаем приложения для iOS и Android с AI. Более 200 успешных проектов.",
7881        "address": {
7882            "@type": "PostalAddress",
7883            "addressCountry": "RU"
7884        },
7885        "contactPoint": {
7886            "@type": "ContactPoint",
7887            "telephone": "+7 (800) 444-11-27",
7888            "contactType": "customer service",
7889            "availableLanguage": [
7890                "Russian",
7891                "English"
7892            ],
7893            "areaServed": { "@type": "Country", "name": "Россия" }
7894        },
7895        "currenciesAccepted": "RUB",
7896        "paymentAccepted": "Cash, Credit Card, Bank Transfer",
7897        "openingHours": "Mo-Fr 09:00-18:00",
7898        "award": [
7899            "Рейтинг Рунета 2025 - 11 первых мест",
7900            "Топ-1 в номинации Мобильные приложения"
7901        ],
7902        "foundingDate": "2015",
7903        "numberOfEmployees": "40+",
7904        "sameAs": [
7905            "https://t.me/FITTIN1",
7906            "https://vk.com/fittin",
7907            "https://vc.ru/id2445849",
7908            "https://dzen.ru/fittin",
7909            "https://www.youtube.com/@FITTIN1.0",
7910            "https://rutube.ru/channel/44648658/",
7911            "https://reestr.digital.gov.ru/reestr/2487103/",
7912            "https://workspace.ru/contractors/fittin/",
7913            "https://yandex.ru/maps/org/fittin/231286097768/"
7914        ],
7915        "hasOfferCatalog": {
7916            "@type": "OfferCatalog",
7917            "name": "Услуги по разработке Flutter приложений",
7918            "itemListElement": [
7919                {
7920                    "@type": "Offer",
7921                    "itemOffered": {
7922                        "@type": "Service",
7923                        "name": "Разработка мобильных приложений на Flutter",
7924                        "description": "Кроссплатформенная разработка для iOS и Android"
7925                    },
7926                    "price": "300000",
7927                    "priceCurrency": "RUB",
7928                    "availability": "https://schema.org/InStock",
7929                    "validFrom": "2025-01-01",
7930                    "validThrough": "2025-12-31"
7931                },
7932                {
7933                    "@type": "Offer",
7934                    "itemOffered": {
7935                        "@type": "Service",
7936                        "name": "Интеграция AI в мобильные приложения и сайты",
7937                        "description": "Внедрение искусственного интеллекта для привлечения новых клиентов"
7938                    },
7939                    "price": "от 50000",
7940                    "priceCurrency": "RUB",
7941                    "availability": "https://schema.org/InStock"
7942                }
7943            ]
7944        }
7945    }
7946</script>
7946
7947
7948<script type="application/ld+json">
7949    {
7950        "@context": "https://schema.org",
7951        "@type": "Organization",
7952        "@id": "https://fittin.ru/#organization",
7953        "name": "FITTIN",
7954        "identifier": {
7955            "@type": "PropertyValue",
7956            "propertyID": "RU-IT-Accreditation",
7957            "name": "Номер в реестре аккредитованных организаций Минцифры России",
7958            "value": "52007"
7959        },
7960        "alternateName": [
7961            "Фиттин",
7962            "ФИТТИН",
7963            "Ашшешт",
7964            "ашшешт",
7965            "Ашеешт",
7966            "ашеешт"
7967        ],
7968        "description": "Профессиональная разработка мобильных приложений на Flutter с интеграцией AI. MVP в разработке мобильных приложений, готовые платформы за 7-30 дней, кастомные решения. Увеличиваем продажи на 30% с помощью искусственного интеллекта. Запуск за 30 дней.",
7969        "url": "https://fittin.ru/",
7970        "logo": {
7971            "@type": "ImageObject",
7972            "url": "https://fittin.ru/images/LogoFittin.webp",
7973            "width": "112",
7974            "height": "40"
7975        },
7976        "image": {
7977            "@type": "ImageObject",
7978            "url": "https://fittin.ru/images/upbanner.webp",
7979            "width": "1200",
7980            "height": "630"
7981        },
7982        "foundingDate": "2018",
7983        "sameAs": [
7984            "https://t.me/FITTIN1",
7985            "https://vk.com/fittin",
7986            "https://vc.ru/id2445849",
7987            "https://dzen.ru/fittin",
7988            "https://www.youtube.com/@FITTIN1.0",
7989            "https://rutube.ru/channel/44648658/",
7990            "https://reestr.digital.gov.ru/reestr/2487103/",
7991            "https://workspace.ru/contractors/fittin/",
7992            "https://yandex.ru/maps/org/fittin/231286097768/"
7993        ],
7994        "contactPoint": {
7995            "@type": "ContactPoint",
7996            "telephone": "+7 (800) 444-11-27",
7997            "contactType": "customer service",
7998            "areaServed": { "@type": "Country", "name": "Россия" },
7999            "availableLanguage": [
8000                "Russian"
8001            ],
8002            "email": "[email protected]"
8003        },
8004        "address": {
8005            "@type": "PostalAddress",
8006            "addressCountry": "RU"
8007        },
8008        "numberOfEmployees": {
8009            "@type": "QuantitativeValue",
8010            "value": "40+"
8011        },
8012        "award": [
8013            "Рейтинг Рунета 2025 - 11 первых мест",
8014            "Топ-1 в номинации Мобильные приложения: Воронеж",
8015            "Топ-1 в номинации Комплексные разработчики: Оптика",
8016            "1 место Workspace"
8017        ],
8018        "hasOfferCatalog": {
8019            "@type": "OfferCatalog",
8020            "name": "Услуги по разработке приложений",
8021            "itemListElement": [
8022                {
8023                    "@type": "Offer",
8024                    "itemOffered": {
8025                        "@type": "Service",
8026                        "name": "Разработка мобильных приложений на Flutter",
8027                        "description": "Кроссплатформенная разработка для iOS и Android"
8028                    }
8029                },
8030                {
8031                    "@type": "Offer",
8032                    "itemOffered": {
8033                        "@type": "Service",
8034                        "name": "Интеграция AI в мобильные приложения",
8035                        "description": "Внедрение искусственного интеллекта для увеличения продаж"
8036                    }
8037                }
8038            ]
8039        },
8040        "subOrganization": [
8041            {
8042                "@type": "Organization",
8043                "name": "Контентзавод",
8044                "url": "https://contentzavod.guru"
8045            },
8046            {
8047                "@type": "Organization",
8048                "name": "Sales Synergy",
8049                "url": "https://salesynergy.ru"
8050            }
8051        ]
8052    }
8053</script>
8053
8054
8055<script type="application/ld+json">
8056    {
8057        "@context": "https://schema.org",
8058        "@type": "WebSite",
8059        "name": "FITTIN - Разработка мобильных приложений на Flutter",
8060        "url": "https://fittin.ru/",
8061        "description": "Лидеры разработки мобильных приложений на Flutter в России. 11 первых мест Рейтинга Рунета 2025",
8062        "inLanguage": "ru-RU",
8063        "mainEntity": {
8064            "@type": "Organization",
8065            "@id": "https://fittin.ru/#organization"
8066        },
8067        "about": [
8068            {
8069                "@type": "Thing",
8070                "name": "Flutter разработка",
8071                "description": "Кроссплатформенная разработка мобильных приложений"
8072            },
8073            {
8074                "@type": "Thing",
8075                "name": "AI интеграция",
8076                "description": "Внедрение искусственного интеллекта в мобильные приложения"
8077            },
8078            {
8079                "@type": "Thing",
8080                "name": "Мобильные приложения",
8081                "description": "Создание приложений для iOS и Android"
8082            }
8083        ]
8084    }
8085</script>
8085
8086
8087<script type="application/ld+json">
8088    {
8089        "@context": "https://schema.org",
8090        "@type": "Service",
8091        "serviceType": "Разработка мобильных приложений",
8092        "provider": {
8093            "@type": "Organization",
8094            "@id": "https://fittin.ru/#organization"
8095        },
8096        "areaServed": { "@type": "Country", "name": "Россия" },
8097        "description": "Профессиональная разработка мобильных приложений для iOS и Android на Flutter. MVP в разработке мобильных приложений, готовые платформы за 7-30 дней, кастомные решения. Увеличиваем продажи на 30% с помощью AI. Запуск за 30 дней. Кроссплатформенная разработка с 2018 года.",
8098        "offers": [
8099            {
8100                "@type": "Offer",
8101                "name": "Fixed Price — разработка приложения и сайта по тарифам ПРО и ПРО+",
8102                "description": "Готовая модульная платформа FITTIN с фиксированной ценой и сроком до 30 рабочих дней. Каталог, корзина, оплата, программа лояльности, интеграции с 1С, маркетплейсами и службами доставки.",
8103                "url": "https://fittin.ru/tariffs",
8104                "priceCurrency": "RUB",
8105                "availability": "https://schema.org/InStock",
8106                "priceSpecification": {
8107                    "@type": "PriceSpecification",
8108                    "price": "525000",
8109                    "minPrice": "525000",
8110                    "priceCurrency": "RUB",
8111                    "valueAddedTaxIncluded": true
8112                }
8113            },
8114            {
8115                "@type": "Offer",
8116                "name": "Time & Materials — кастомная разработка по часовой ставке",
8117                "description": "Почасовая оплата работы специалистов FITTIN для индивидуальных задач: кастомный дизайн, дополнительные интеграции, новые модули и развитие функционала после запуска. Оценка задачи фиксируется после ТЗ.",
8118                "url": "https://fittin.ru/tariffs#hourly-rates",
8119                "priceCurrency": "RUB",
8120                "availability": "https://schema.org/InStock",
8121                "priceSpecification": {
8122                    "@type": "UnitPriceSpecification",
8123                    "price": "2625",
8124                    "priceCurrency": "RUB",
8125                    "valueAddedTaxIncluded": true,
8126                    "unitCode": "HUR",
8127                    "referenceQuantity": {
8128                        "@type": "QuantitativeValue",
8129                        "value": 1,
8130                        "unitCode": "HUR"
8131                    }
8132                }
8133            }
8134        ],
8135        "hasOfferCatalog": {
8136            "@type": "OfferCatalog",
8137            "name": "Услуги по разработке приложений",
8138            "itemListElement": [
8139                {
8140                    "@type": "Offer",
8141                    "itemOffered": {
8142                        "@type": "Service",
8143                        "name": "Разработка iOS и Android приложений"
8144                    }
8145                },
8146                {
8147                    "@type": "Offer",
8148                    "itemOffered": {
8149                        "@type": "Service",
8150                        "name": "Flutter разработка"
8151                    }
8152                },
8153                {
8154                    "@type": "Offer",
8155                    "itemOffered": {
8156                        "@type": "Service",
8157                        "name": "AI-интеграция в мобильные приложения"
8158                    }
8159                }
8160            ]
8161        }
8162    }
8163</script>
8163
8164
8165<script type="application/ld+json">
8166    {
8167        "@context": "https://schema.org",
8168        "@type": "Product",
8169        "name": "Разработка мобильных приложений FITTIN на Flutter с AI",
8170        "description": "Профессиональная разработка мобильных приложений для бизнеса на Flutter с интеграцией искусственного интеллекта. Увеличиваем продажи на 30% с помощью AI.",
8171        "brand": {
8172            "@type": "Brand",
8173            "name": "FITTIN",
8174            "alternateName": [
8175                "Фиттин",
8176                "ФИТТИН",
8177                "Ашшешт",
8178                "ашшешт",
8179                "Ашеешт",
8180                "ашеешт"
8181            ]
8182        },
8183        "offers": {
8184            "@type": "AggregateOffer",
8185            "lowPrice": "300000",
8186            "highPrice": "1500000",
8187            "priceCurrency": "RUB",
8188            "offerCount": "3"
8189        }
8190        
8191    }
8192</script>
8192
8193
8194<!-- === Единая ширина секций: контент ≤1200px, боковые отступы 20px === -->
8195<!-- Исключения: секция отзывов (.testimonials) и карусель наград (.achievements-119) -->
8196<style>
8197    .hero,
8198    .blog,
8199    .upcoming-event,
8200    .our-products,
8201    .principle,
8202    .profit-tech,
8203    .cases,
8204    .video-section,
8205    .workflow,
8206    .coop-models,
8207    .social-media,
8208    .faq,
8209    .contact-form {
8210        padding-left: 20px;
8211        padding-right: 20px;
8212    }
8213
8214    .hero__content,
8215    .blog__container,
8216    .upcoming-event > .container,
8217    .upcoming-event__content,
8218    .our-products__container,
8219    .principle__container,
8220    .profit-tech__container,
8221    .cases__container,
8222    .workflow__container,
8223    .coop-models__container,
8224    .social-media__container,
8225    .faq__container,
8226    .contact-form__container {
8227        /* !important — перебиваем групповое правило css/styles.css (16px !important) */
8228        max-width: 1200px !important;
8229        width: 100% !important;
8230        margin-left: auto !important;
8231        margin-right: auto !important;
8232        padding-left: 0 !important;
8233        padding-right: 0 !important;
8234        box-sizing: border-box !important;
8235    }
8236
8237    /* У .video-section нет внутреннего контейнера — ограничиваем само видео */
8238    .video-section > video {
8239        max-width: 1200px;
8240        margin-left: auto;
8241        margin-right: auto;
8242        display: block;
8243    }
8244
8245    /* На мобильной версии скрываем секцию с видео перед блоком «ЭТАПЫ РАЗРАБОТКИ» */
8246    @media (max-width: 768px) {
8247        .video-section {
8248            display: none;
8249        }
8250    }
8251
8252    /* Секция достижений исключена из нормализации ширины (карусель наград
8253       остаётся во всю ширину), но её ТЕКСТовые блоки — заголовок и футер —
8254       выравниваем по той же левой границе 1200px/20px, что и остальные секции. */
8255    .achievements-119 {
8256        padding-left: 20px;
8257        padding-right: 20px;
8258    }
8259    .achievements-119__awards-subtitle,
8260    .achievements-119__footer-content,
8261    .achievements-119__left {
8262        padding-left: 0 !important;
8263        padding-right: 0 !important;
8264    }
8265
8266    /* На мобильных ссылка «ЧИТАТЬ СТАТЬЮ» в блоге по умолчанию превращается
8267       в оранжевую кнопку (css/main.css, @media max-width:768px). Возвращаем
8268       ей вид как на десктопе — текстовая ссылка с полоской-подчёркиванием. */
8269    @media (max-width: 768px) {
8270        .blog__link {
8271            display: inline-block !important;
8272            width: max-content !important;
8273            font-size: 18px !important;
8274            font-weight: 400 !important;
8275            padding: 0 0 5px 0 !important;
8276            background-color: transparent !important;
8277            border-radius: 0 !important;
8278            box-shadow: none !important;
8279        }
8280        .blog__link::after {
8281            display: block !important;
8282        }
8283    }
8284</style>
8285
8286<!-- REVIEWS-JSONLD:START (автогенерация scripts/inject_reviews.py — не редактировать вручную) -->
8287<script type="application/ld+json">
8288{
8289  "@context": "https://schema.org",
8290  "@graph": [
8291    {
8292      "@type": "Organization",
8293      "@id": "https://fittin.ru/#organization",
8294      "name": "FITTIN",
8295      "aggregateRating": {
8296        "@type": "AggregateRating",
8297        "ratingValue": "5.0",
8298        "bestRating": "5",
8299        "worstRating": "1",
8300        "reviewCount": "17"
8301      }
8302    },
8303    {
8304      "@type": "Review",
8305      "itemReviewed": {
8306        "@type": "Organization",
8307        "@id": "https://fittin.ru/#organization",
8308        "name": "FITTIN"
8309      },
8310      "author": {
8311        "@type": "Person",
8312        "name": "Станислав Адволоткин",
8313        "worksFor": {
8314          "@type": "Organization",
8315          "name": "Street Beat"
8316        }
8317      },
8318      "reviewRating": {
8319        "@type": "Rating",
8320        "ratingValue": "5",
8321        "bestRating": "5",
8322        "worstRating": "1"
8323      },
8324      "datePublished": "2023-06-15",
8325      "reviewBody": "Команда Фиттин остается открытой для любых нововведений и готова подстраиваться под уникальные нужды бизнеса, ведь у нас есть свои особенности и нюансы."
8326    },
8327    {
8328      "@type": "Review",
8329      "itemReviewed": {
8330        "@type": "Organization",
8331        "@id": "https://fittin.ru/#organization",
8332        "name": "FITTIN"
8333      },
8334      "author": {
8335        "@type": "Person",
8336        "name": "Алина Клевцова",
8337        "worksFor": {
8338          "@type": "Organization",
8339          "name": "ОптикСити"
8340        }
8341      },
8342      "reviewRating": {
8343        "@type": "Rating",
8344        "ratingValue": "5",
8345        "bestRating": "5",
8346        "worstRating": "1"
8347      },
8348      "datePublished": "2023-06-15",
8349      "reviewBody": "В сотрудничестве с FITTIN понравилось понимание с вашей стороны наших требований, умение предлагать качественные и, главное, быстрые решения. Это ценно."
8350    },
8351    {
8352      "@type": "Review",
8353      "itemReviewed": {
8354        "@type": "Organization",
8355        "@id": "https://fittin.ru/#organization",
8356        "name": "FITTIN"
8357      },
8358      "author": {
8359        "@type": "Person",
8360        "name": "Наталья Копылова",
8361        "worksFor": {
8362          "@type": "Organization",
8363          "name": "DaisyKnit"
8364        }
8365      },
8366      "reviewRating": {
8367        "@type": "Rating",
8368        "ratingValue": "5",
8369        "bestRating": "5",
8370        "worstRating": "1"
8371      },
8372      "datePublished": "2026-04-28",
8373      "reviewBody": "Команда Fittin — это не просто подрядчик, а настоящий партнёр. Профессионализм, вовлечённость, скорость решения задач — и положительная динамика по всем метрикам приложения."
8374    },
8375    {
8376      "@type": "Review",
8377      "itemReviewed": {
8378        "@type": "Organization",
8379        "@id": "https://fittin.ru/#organization",
8380        "name": "FITTIN"
8381      },
8382      "author": {
8383        "@type": "Person",
8384        "name": "Сурен Степанянц",
8385        "worksFor": {
8386          "@type": "Organization",
8387          "name": "Retail Rocket"
8388        }
8389      },
8390      "reviewRating": {
8391        "@type": "Rating",
8392        "ratingValue": "5",
8393        "bestRating": "5",
8394        "worstRating": "1"
8395      },
8396      "datePublished": "2026-04-28",
8397      "reviewBody": "Работаем с Fittin не первый год — это партнёрство, где обе стороны усиливают друг друга. Команда отлично чувствует задачи e-commerce и помогает быстро запускать качественные мобильные приложения. Такие партнёрства особенно ценны, и мы точно планируем их развивать дальше."
8398    },
8399    {
8400      "@type": "Review",
8401      "itemReviewed": {
8402        "@type": "Organization",
8403        "@id": "https://fittin.ru/#organization",
8404        "name": "FITTIN"
8405      },
8406      "author": {
8407        "@type": "Person",
8408        "name": "Никита Любаев",
8409        "worksFor": {
8410          "@type": "Organization",
8411          "name": "Gulliver"
8412        }
8413      },
8414      "reviewRating": {
8415        "@type": "Rating",
8416        "ratingValue": "5",
8417        "bestRating": "5",
8418        "worstRating": "1"
8419      },
8420      "datePublished": "2026-04-28",
8421      "reviewBody": "После года работы над мобильным приложением мы доверили FITTIN перевод сайта с Битрикс на Flutter — нужно было выстроить единую экосистему с приложением. Задача нетривиальная, но команда довела её до результата."
8422    },
8423    {
8424      "@type": "Review",
8425      "itemReviewed": {
8426        "@type": "Organization",
8427        "@id": "https://fittin.ru/#organization",
8428        "name": "FITTIN"
8429      },
8430      "author": {
8431        "@type": "Person",
8432        "name": "Виктор Аршинов",
8433        "worksFor": {
8434          "@type": "Organization",
8435          "name": "ИСКРА"
8436        }
8437      },
8438      "reviewRating": {
8439        "@type": "Rating",
8440        "ratingValue": "5",
8441        "bestRating": "5",
8442        "worstRating": "1"
8443      },
8444      "datePublished": "2026-04-28",
8445      "reviewBody": "С первого дня с нами работает команда высококлассных специалистов. Благодаря быстрому запуску приложения наш проект победил в грантовом конкурсе. Сроки и ТЗ соблюдаются чётко, замечания устраняются без лишних дискуссий. Планируем сотрудничество и в следующем году — в том числе по интеграциям с нейросетями и образовательными платформами."
8446    },
8447    {
8448      "@type": "Review",
8449      "itemReviewed": {
8450        "@type": "Organization",
8451        "@id": "https://fittin.ru/#organization",
8452        "name": "FITTIN"
8453      },
8454      "author": {
8455        "@type": "Person",
8456        "name": "Лилия Хряпина",
8457        "worksFor": {
8458          "@type": "Organization",
8459          "name": "Европа"
8460        }
8461      },
8462      "reviewRating": {
8463        "@type": "Rating",
8464        "ratingValue": "5",
8465        "bestRating": "5",
8466        "worstRating": "1"
8467      },
8468      "datePublished": "2026-04-28",
8469      "reviewBody": "На протяжении нескольких лет работаем с Фиттин и ни разу не пожалели о выборе. Команда оперативно реагирует на запросы, проявляет ответственность на всех этапах работы и предлагает эффективные решения. Рекомендуем их как надёжного и компетентного исполнителя."
8470    },
8471    {
8472      "@type": "Review",
8473      "itemReviewed": {
8474        "@type": "Organization",
8475        "@id": "https://fittin.ru/#organization",
8476        "name": "FITTIN"
8477      },
8478      "author": {
8479        "@type": "Person",
8480        "name": "Андрей Коваленко",
8481        "worksFor": {
8482          "@type": "Organization",
8483          "name": "Сыроварня"
8484        }
8485      },
8486      "reviewRating": {
8487        "@type": "Rating",
8488        "ratingValue": "5",
8489        "bestRating": "5",
8490        "worstRating": "1"
8491      },
8492      "datePublished": "2026-04-28",
8493      "reviewBody": "Сотрудничество с Fittin — находка для нашего бизнеса. Премиальное и высокотехнологичное решение и сервис: быстрая обработка запросов, мгновенное решение техпроблем, безупречный аккаунтинг. Продукт легко дорабатывается, команда помогает с реализацией всех наших пожеланий."
8494    },
8495    {
8496      "@type": "Review",
8497      "itemReviewed": {
8498        "@type": "Organization",
8499        "@id": "https://fittin.ru/#organization",
8500        "name": "FITTIN"
8501      },
8502      "author": {
8503        "@type": "Person",
8504        "name": "Варвара Забродина",
8505        "worksFor": {
8506          "@type": "Organization",
8507          "name": "Пан Чемодан"
8508        }
8509      },
8510      "reviewRating": {
8511        "@type": "Rating",
8512        "ratingValue": "5",
8513        "bestRating": "5",
8514        "worstRating": "1"
8515      },
8516      "datePublished": "2026-04-28",
8517      "reviewBody": "Почти два года работаем с FITTIN. Переход к новому подрядчику — всегда риск, но нас интересовало активное развитие продукта, и этот критерий FITTIN закрывает. Функционал планомерно растёт, команда берётся за задачи и доводит их до результата."
8518    },
8519    {
8520      "@type": "Review",
8521      "itemReviewed": {
8522        "@type": "Organization",
8523        "@id": "https://fittin.ru/#organization",
8524        "name": "FITTIN"
8525      },
8526      "author": {
8527        "@type": "Person",
8528        "name": "Максим Федин",
8529        "worksFor": {
8530          "@type": "Organization",
8531          "name": "Польза"
8532        }
8533      },
8534      "reviewRating": {
8535        "@type": "Rating",
8536        "ratingValue": "5",
8537        "bestRating": "5",
8538        "worstRating": "1"
8539      },
8540      "datePublished": "2026-04-28",
8541      "reviewBody": "Ребята подходят к задаче системно: глубоко погружаются в бизнес и предлагают на выбор 2–3 продуманных решения. Всё делают в срок, а часто и с опережением. Одни из л
8541учших разработчиков и партнёров, с кем я когда-либо работал."
8542    },
8543    {
8544      "@type": "Review",
8545      "itemReviewed": {
8546        "@type": "Organization",
8547        "@id": "https://fittin.ru/#organization",
8548        "name": "FITTIN"
8549      },
8550      "author": {
8551        "@type": "Person",
8552        "name": "Мяготин Роман",
8553        "worksFor": {
8554          "@type": "Organization",
8555          "name": "Цветовик"
8556        }
8557      },
8558      "reviewRating": {
8559        "@type": "Rating",
8560        "ratingValue": "5",
8561        "bestRating": "5",
8562        "worstRating": "1"
8563      },
8564      "datePublished": "2023-06-15",
8565      "reviewBody": "Мы искали большую и квалифицированную команду, которая у вас как раз есть, понравились сильные проекты. Ключевым для нас было побыстрее запустить приложение без багов, чтобы больше не получать негативную обратную связь от клиентов."
8566    },
8567    {
8568      "@type": "Review",
8569      "itemReviewed": {
8570        "@type": "Organization",
8571        "@id": "https://fittin.ru/#organization",
8572        "name": "FITTIN"
8573      },
8574      "author": {
8575        "@type": "Person",
8576        "name": "Александр Клемашев",
8577        "worksFor": {
8578          "@type": "Organization",
8579          "name": "Оптик Сервис"
8580        }
8581      },
8582      "reviewRating": {
8583        "@type": "Rating",
8584        "ratingValue": "5",
8585        "bestRating": "5",
8586        "worstRating": "1"
8587      },
8588      "datePublished": "2023-06-15",
8589      "reviewBody": "Для нас важно, чтобы наши просьбы и пожелания слышали, учитывали и качественно исполняли. За это мы и ценим наших партнёров."
8590    },
8591    {
8592      "@type": "Review",
8593      "itemReviewed": {
8594        "@type": "Organization",
8595        "@id": "https://fittin.ru/#organization",
8596        "name": "FITTIN"
8597      },
8598      "author": {
8599        "@type": "Person",
8600        "name": "Оксана Баринова",
8601        "worksFor": {
8602          "@type": "Organization",
8603          "name": "El Tempo"
8604        }
8605      },
8606      "reviewRating": {
8607        "@type": "Rating",
8608        "ratingValue": "5",
8609        "bestRating": "5",
8610        "worstRating": "1"
8611      },
8612      "datePublished": "2023-06-15",
8613      "reviewBody": "Мобильное приложение в наше время может заменить несколько каналов (сайт, маркетплейсы), создавая экосистему бренда."
8614    },
8615    {
8616      "@type": "Review",
8617      "itemReviewed": {
8618        "@type": "Organization",
8619        "@id": "https://fittin.ru/#organization",
8620        "name": "FITTIN"
8621      },
8622      "author": {
8623        "@type": "Person",
8624        "name": "Артём Родин",
8625        "worksFor": {
8626          "@type": "Organization",
8627          "name": "Hobby Games"
8628        }
8629      },
8630      "reviewRating": {
8631        "@type": "Rating",
8632        "ratingValue": "5",
8633        "bestRating": "5",
8634        "worstRating": "1"
8635      },
8636      "datePublished": "2026-04-28",
8637      "reviewBody": "В сжатые сроки команда Фиттин реализовала ключевой функционал мобильного приложения и подготовила продукт к запуску. Подрядчик гибко реагировал на изменения требований и помогал двигаться к результату. Благодарим команду Фиттин за вклад в проект и рассчитываем на продолжение сотрудничества."
8638    },
8639    {
8640      "@type": "Review",
8641      "itemReviewed": {
8642        "@type": "Organization",
8643        "@id": "https://fittin.ru/#organization",
8644        "name": "FITTIN"
8645      },
8646      "author": {
8647        "@type": "Person",
8648        "name": "Артём Бабанских",
8649        "worksFor": {
8650          "@type": "Organization",
8651          "name": "Stream Telecom"
8652        }
8653      },
8654      "reviewRating": {
8655        "@type": "Rating",
8656        "ratingValue": "5",
8657        "bestRating": "5",
8658        "worstRating": "1"
8659      },
8660      "datePublished": "2026-04-28",
8661      "reviewBody": "Ценим слаженную работу команды FITTIN и готовность оперативно закрывать задачи разработки продукта."
8662    },
8663    {
8664      "@type": "Review",
8665      "itemReviewed": {
8666        "@type": "Organization",
8667        "@id": "https://fittin.ru/#organization",
8668        "name": "FITTIN"
8669      },
8670      "author": {
8671        "@type": "Person",
8672        "name": "Иван Рогожкин",
8673        "worksFor": {
8674          "@type": "Organization",
8675          "name": "Ангстрем"
8676        }
8677      },
8678      "reviewRating": {
8679        "@type": "Rating",
8680        "ratingValue": "5",
8681        "bestRating": "5",
8682        "worstRating": "1"
8683      },
8684      "datePublished": "2026-04-28",
8685      "reviewBody": "С командой FITTIN мы развиваем сразу несколько продуктов — в том числе с применением искусственного интеллекта. Скорость реализации — одно из заметных преимуществ: задачи решаются быстро и без потери качества. Планируем развивать сотрудничество дальше."
8686    },
8687    {
8688      "@type": "Review",
8689      "itemReviewed": {
8690        "@type": "Organization",
8691        "@id": "https://fittin.ru/#organization",
8692        "name": "FITTIN"
8693      },
8694      "author": {
8695        "@type": "Person",
8696        "name": "Таисия Тарасова",
8697        "worksFor": {
8698          "@type": "Organization",
8699          "name": "IDOL"
8700        }
8701      },
8702      "reviewRating": {
8703        "@type": "Rating",
8704        "ratingValue": "5",
8705        "bestRating": "5",
8706        "worstRating": "1"
8707      },
8708      "datePublished": "2026-07-08",
8709      "reviewBody": "FITTIN делали для нас мобильное приложение. Отдельно ценю, что команда держит в голове бизнес-метрики, а не только сроки, — и помогает сделать продукт лучше, а не просто закрывает ТЗ. Быстрая реакция на правки, прозрачные промежуточные демо, внимание к деталям. Продукт легко развивать, и по нашему опыту FITTIN — надёжный технологический партнёр, которому можно доверить сложный проект."
8710    }
8711  ]
8712}
8713</script>
8713
8714<!-- REVIEWS-JSONLD:END -->
8715
8716</body>
8717</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.