{"id":688,"date":"2025-08-07T13:59:42","date_gmt":"2025-08-07T10:59:42","guid":{"rendered":"https:\/\/a3it.ru\/?page_id=688"},"modified":"2026-05-28T13:23:45","modified_gmt":"2026-05-28T10:23:45","slug":"%d0%bd%d0%b0%d1%88%d0%b8-%d0%ba%d0%bb%d0%b8%d0%b5%d0%bd%d1%82%d1%8b-%d0%b8-%d0%bf%d1%80%d0%be%d0%b5%d0%ba%d1%82%d1%8b","status":"publish","type":"page","link":"https:\/\/a3it.ru\/?page_id=688","title":{"rendered":"\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f.\u041a\u043b\u0438\u0435\u043d\u0442\u044b"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\">\n    <title>\u041d\u0430\u0448\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u044b \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u2014 \u0410\u0422\u0420\u0418<\/title>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            background-color: #FDFCFA;\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            color: #2A2A2A;\n            line-height: 1.5;\n        }\n\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 32px;\n        }\n\n        \/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b \u0441 \u043f\u043e\u0434\u0447\u0451\u0440\u043a\u0438\u0432\u0430\u043d\u0438\u0435\u043c \u0442\u0440\u0451\u0445 \u0431\u0443\u043a\u0432 *\/\n        .section-title-wrapper {\n            text-align: center;\n            margin-top: 2rem;\n            margin-bottom: 2rem;\n        }\n        .styled-title {\n            font-size: 2.2rem;\n            font-weight: 600;\n            letter-spacing: -0.01em;\n            color: #1F1F1F;\n            margin: 0;\n            text-transform: uppercase;\n            position: relative;\n            display: inline-block;\n        }\n        .styled-title::after {\n            content: '';\n            position: absolute;\n            bottom: -8px;\n            left: 0;\n            width: 3ch; \/* \u0448\u0438\u0440\u0438\u043d\u0430 \u0442\u0440\u0451\u0445 \u0431\u0443\u043a\u0432 *\/\n            height: 3px;\n            background-color: #D33F3F;\n            border-radius: 2px;\n        }\n\n        \/* \u0421\u0435\u0442\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 *\/\n        .clients-grid {\n            display: flex;\n            flex-direction: column;\n            gap: 1.8rem; \/* \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u043e \u043d\u0430 10% (\u0431\u044b\u043b\u043e 2rem) *\/\n            margin: 2rem 0 3rem 0;\n        }\n\n        \/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 (\u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u043d\u0430\u044f \u0432\u044b\u0441\u043e\u0442\u0430) *\/\n        .client-card {\n            background: white;\n            border-radius: 28px;\n            border: 1px solid #EFEFEF;\n            box-shadow: 0 8px 20px -12px rgba(0,0,0,0.06);\n            transition: transform 0.2s ease, box-shadow 0.2s;\n            padding: 1.1rem 1.35rem; \/* \u0443\u043c\u0435\u043d\u044c\u0448\u0435\u043d\u043e \u043d\u0430 25% (\u0431\u044b\u043b\u043e 1.5rem 1.8rem) *\/\n        }\n        .client-card:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 15px 30px -12px rgba(0,0,0,0.1);\n            border-color: #E2E2E2;\n        }\n\n        \/* \u0422\u0440\u0438 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0432\u043d\u0443\u0442\u0440\u0438 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n        .client-row {\n            display: flex;\n            align-items: center;\n            gap: 2rem;\n            flex-wrap: wrap;\n        }\n        .client-logo {\n            flex: 0 0 120px;\n            text-align: center;\n        }\n        .client-logo img {\n            max-width: 100%;\n            height: auto;\n            max-height: 80px;\n            filter: drop-shadow(0 2px 6px rgba(0,0,0,0.05));\n        }\n        .client-name {\n            flex: 2;\n            min-width: 200px;\n        }\n        .client-name h4 {\n            font-size: 1.2rem;\n            font-weight: 600;\n            color: #1F1F1F;\n            margin: 0;\n        }\n        .client-project {\n            flex: 3;\n            min-width: 220px;\n        }\n        .client-project p {\n            font-size: 1rem;\n            font-weight: 500;\n            color: #D33F3F;\n            margin: 0;\n            line-height: 1.4;\n        }\n\n        \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c *\/\n        @media (max-width: 860px) {\n            .container { padding: 0 20px; }\n            .styled-title { font-size: 1.8rem; }\n            .client-row {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 1rem;\n            }\n            .client-logo {\n                flex-basis: auto;\n                width: 100%;\n                text-align: center;\n            }\n            .client-name, .client-project {\n                width: 100%;\n                text-align: center;\n            }\n            .client-card {\n                padding: 0.9rem 1.1rem;\n            }\n        }\n\n        \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u043f\u043e\u044f\u0432\u043b\u0435\u043d\u0438\u044f *\/\n        .fade-up {\n            opacity: 0;\n            transform: translateY(20px);\n            animation: fadeUp 0.5s ease forwards;\n        }\n        @keyframes fadeUp {\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n        .delay-1 { animation-delay: 0.1s; }\n        .delay-2 { animation-delay: 0.2s; }\n        .delay-3 { animation-delay: 0.3s; }\n        .delay-4 { animation-delay: 0.4s; }\n    <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n    <!-- \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a \u0441 \u043f\u043e\u0434\u0447\u0451\u0440\u043a\u0438\u0432\u0430\u043d\u0438\u0435\u043c \u0442\u0440\u0451\u0445 \u0431\u0443\u043a\u0432 -->\n    <div class=\"section-title-wrapper fade-up delay-1\">\n        <h2 class=\"styled-title\">\u041d\u0410\u0428\u0418 \u041a\u041b\u0418\u0415\u041d\u0422\u042b \u0418 \u041f\u0420\u041e\u0415\u041a\u0422\u042b<\/h2>\n    <\/div>\n\n    <!-- \u0421\u043f\u0438\u0441\u043e\u043a \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 (4 \u0431\u043b\u043e\u043a\u0430) -->\n    <div class=\"clients-grid\">\n        <!-- \u041a\u043b\u0438\u0435\u043d\u0442 1: \u041a\u0430\u0437\u043d\u0430\u0447\u0435\u0439\u0441\u0442\u0432\u043e -->\n        <div class=\"client-card fade-up delay-2\">\n            <div class=\"client-row\">\n                <div class=\"client-logo\">\n                    <img decoding=\"async\" src=\"http:\/\/a3it.ru\/wp-content\/uploads\/2025\/08\/\u041a\u043b\u0438\u0435\u043d\u0442\u044b-\u041a\u0430\u0437\u043d\u0430\u0447\u0435\u0439\u0441\u0442\u0432\u043e-3.png\" alt=\"\u041a\u0430\u0437\u043d\u0430\u0447\u0435\u0439\u0441\u0442\u0432\u043e \u0420\u043e\u0441\u0441\u0438\u0438\">\n                <\/div>\n                <div class=\"client-name\">\n                    <h4>\u0424\u041a\u0423 \u00ab\u0426\u0435\u043d\u0442\u0440 \u043f\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044e \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u041a\u0430\u0437\u043d\u0430\u0447\u0435\u0439\u0441\u0442\u0432\u0430 \u0420\u043e\u0441\u0441\u0438\u0438\u00bb<\/h4>\n                <\/div>\n                <div class=\"client-project\">\n                    <p>\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0436\u0438\u0437\u043d\u0435\u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u041a\u043b\u0438\u0435\u043d\u0442 2: \u0420\u043e\u0441\u0442\u043e\u0432\u043c\u0435\u043b\u0438\u043e\u0432\u043e\u0434\u0445\u043e\u0437 -->\n        <div class=\"client-card fade-up delay-3\">\n            <div class=\"client-row\">\n                <div class=\"client-logo\">\n                    <img decoding=\"async\" src=\"http:\/\/a3it.ru\/wp-content\/uploads\/2025\/08\/\u041a\u043b\u0438\u0435\u043d\u0442\u044b-\u041c\u0435\u043b\u0438\u043e\u0432\u043e\u0434\u0445\u043e\u0437-3.png\" alt=\"\u0420\u043e\u0441\u0442\u043e\u0432\u043c\u0435\u043b\u0438\u043e\u0432\u043e\u0434\u0445\u043e\u0437\">\n                <\/div>\n                <div class=\"client-name\">\n                    <h4>\u0424\u0413\u0411\u0423 \u00ab\u0420\u043e\u0441\u0442\u043e\u0432\u043c\u0435\u043b\u0438\u043e\u0432\u043e\u0434\u0445\u043e\u0437\u00bb<\/h4>\n                <\/div>\n                <div class=\"client-project\">\n                    <p>\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043c\u0435\u043b\u0438\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u0441\u043e\u043e\u0440\u0443\u0436\u0435\u043d\u0438\u044f\u043c\u0438<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u041a\u043b\u0438\u0435\u043d\u0442 3: \u0416\u0435\u043b\u0434\u043e\u0440\u0432\u0435\u043d\u0434\u0438\u043d\u0433 -->\n        <div class=\"client-card fade-up delay-4\">\n            <div class=\"client-row\">\n                <div class=\"client-logo\">\n                    <img decoding=\"async\" src=\"http:\/\/a3it.ru\/wp-content\/uploads\/2025\/08\/\u041a\u043b\u0438\u0435\u043d\u0442\u044b-\u0416\u0435\u043b\u0434\u043e\u0440\u0432\u0435\u043d\u0434\u0438\u043d\u0433-3.png\" alt=\"\u0416\u0435\u043b\u0434\u043e\u0440\u0432\u0435\u043d\u0434\u0438\u043d\u0433\" style=\"height: 80px; width: auto;\">\n                <\/div>\n                <div class=\"client-name\">\n                    <h4>\u0416\u0435\u043b\u0434\u043e\u0440\u0432\u0435\u043d\u0434\u0438\u043d\u0433<\/h4>\n                <\/div>\n                <div class=\"client-project\">\n                    <p>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u0447\u0451\u0442\u0430 \u0434\u043b\u044f \u043f\u043e\u0434\u0432\u0438\u0436\u043d\u043e\u0433\u043e \u0441\u043e\u0441\u0442\u0430\u0432\u0430<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- \u041a\u043b\u0438\u0435\u043d\u0442 4: \u042d\u043b\u0435\u043a\u0442\u0440\u043e\u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442 (\u041c\u0443\u0440\u043c\u0430\u043d\u0441\u043a) -->\n        <div class=\"client-card fade-up delay-4\">\n            <div class=\"client-row\">\n                <div class=\"client-logo\">\n                    <img decoding=\"async\" src=\"http:\/\/a3it.ru\/wp-content\/uploads\/2025\/08\/\u041a\u043b\u0438\u0435\u043d\u0442\u044b-\u041c\u0443\u0440\u043c\u0430\u043d\u0441\u043a\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442-3.png\" alt=\"\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\">\n                <\/div>\n                <div class=\"client-name\">\n                    <h4>\u0410\u041e \u00ab\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u00bb<\/h4>\n                <\/div>\n                <div class=\"client-project\">\n                    <p>\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u0447\u0451\u0442\u0430 \u0434\u043b\u044f \u043f\u0430\u0440\u043a\u0430 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u0445 \u0441\u0440\u0435\u0434\u0441\u0442\u0432<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u041d\u0430\u0448\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u044b \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u2014 \u0410\u0422\u0420\u0418 \u041d\u0410\u0428\u0418 \u041a\u041b\u0418\u0415\u041d\u0422\u042b \u0418 \u041f\u0420\u041e\u0415\u041a\u0422\u042b \u0424\u041a\u0423 \u00ab\u0426\u0435\u043d\u0442\u0440 \u043f\u043e \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044e \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u041a\u0430\u0437\u043d\u0430\u0447\u0435\u0439\u0441\u0442\u0432\u0430 \u0420\u043e\u0441\u0441\u0438\u0438\u00bb \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u043e\u0432 \u0436\u0438\u0437\u043d\u0435\u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u0424\u0413\u0411\u0423 \u00ab\u0420\u043e\u0441\u0442\u043e\u0432\u043c\u0435\u043b\u0438\u043e\u0432\u043e\u0434\u0445\u043e\u0437\u00bb \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u043c\u0435\u043b\u0438\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u043c\u0438 \u0441\u043e\u043e\u0440\u0443\u0436\u0435\u043d\u0438\u044f\u043c\u0438 \u0416\u0435\u043b\u0434\u043e\u0440\u0432\u0435\u043d\u0434\u0438\u043d\u0433 \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u0447\u0451\u0442\u0430 \u0434\u043b\u044f \u043f\u043e\u0434\u0432\u0438\u0436\u043d\u043e\u0433\u043e \u0441\u043e\u0441\u0442\u0430\u0432\u0430 \u0410\u041e \u00ab\u042d\u043b\u0435\u043a\u0442\u0440\u043e\u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u00bb \u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0443\u0447\u0451\u0442\u0430 \u0434\u043b\u044f \u043f\u0430\u0440\u043a\u0430 \u0442\u0440\u0430\u043d\u0441\u043f\u043e\u0440\u0442\u043d\u044b\u0445 \u0441\u0440\u0435\u0434\u0441\u0442\u0432<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1277,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"_links":{"self":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/688"}],"collection":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/a3it.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=688"}],"version-history":[{"count":63,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/688\/revisions"}],"predecessor-version":[{"id":1500,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/688\/revisions\/1500"}],"up":[{"embeddable":true,"href":"https:\/\/a3it.ru\/index.php?rest_route=\/wp\/v2\/pages\/1277"}],"wp:attachment":[{"href":"https:\/\/a3it.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}