{"id":38,"date":"2025-10-23T21:59:09","date_gmt":"2025-10-23T20:59:09","guid":{"rendered":"https:\/\/arnostudio.ru\/?page_id=38"},"modified":"2025-10-23T22:34:18","modified_gmt":"2025-10-23T21:34:18","slug":"38-2","status":"publish","type":"page","link":"https:\/\/arnostudio.ru\/index.php\/38-2\/","title":{"rendered":"\u041f\u043e\u043b\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f"},"content":{"rendered":"\n
<\/figure>\n\n\n\n\n\n\n \n \n ARNO — \u041c\u0435\u0431\u0435\u043b\u044c \u0434\u043b\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432<\/title>\n <style>\n \/* \u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u0441\u0442\u0438\u043b\u0438 *\/\n :root {\n --primary-color: #2c3e50;\n --accent-color: #c19a6b;\n --light-color: #f8f9fa;\n --dark-color: #343a40;\n --text-color: #333;\n --gray-light: #e9ecef;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n body {\n font-family: 'Helvetica Neue', Arial, sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n \/* \u041a\u043d\u043e\u043f\u043a\u0438 *\/\n .btn {\n display: inline-block;\n padding: 12px 30px;\n background-color: var(--accent-color);\n color: white;\n text-decoration: none;\n border: none;\n border-radius: 4px;\n font-weight: 600;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n \n .btn:hover {\n background-color: #a8875f;\n transform: translateY(-2px);\n }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u044b *\/\n .map-container {\n margin-top: 15px;\n border-radius: 8px;\n overflow: hidden;\n display: none;\n height: 400px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n }\n \n #map {\n height: 100%;\n width: 100%;\n }\n \n .showroom-btn {\n padding: 10px 20px;\n background-color: transparent;\n color: var(--primary-color);\n border: 2px solid var(--accent-color);\n border-radius: 4px;\n cursor: pointer;\n font-weight: 600;\n transition: all 0.3s ease;\n margin-top: 10px;\n }\n \n .showroom-btn:hover {\n background-color: var(--accent-color);\n color: white;\n }\n \n \/* \u0428\u0430\u043f\u043a\u0430 *\/\n header {\n background-color: white;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n position: fixed;\n width: 100%;\n top: 0;\n z-index: 1000;\n }\n \n .header-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n }\n \n .logo {\n font-size: 24px;\n font-weight: 700;\n color: var(--primary-color);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n }\n \n nav ul li {\n margin-left: 25px;\n }\n \n nav ul li a {\n text-decoration: none;\n color: var(--dark-color);\n font-weight: 500;\n transition: color 0.3s;\n }\n \n nav ul li a:hover {\n color: var(--accent-color);\n }\n \n \/* \u0413\u0435\u0440\u043e\u0439-\u0441\u0435\u043a\u0446\u0438\u044f *\/\n .hero {\n background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('https:\/\/via.placeholder.com\/1920x1080') center\/cover no-repeat;\n height: 100vh;\n display: flex;\n align-items: center;\n text-align: center;\n color: white;\n margin-top: 60px;\n }\n \n .hero-content {\n max-width: 800px;\n margin: 0 auto;\n }\n \n .hero h1 {\n font-size: 3rem;\n margin-bottom: 20px;\n }\n \n .hero p {\n font-size: 1.2rem;\n margin-bottom: 30px;\n }\n \n \/* \u0421\u0435\u043a\u0446\u0438\u0438 *\/\n section {\n padding: 80px 0;\n }\n \n .section-title {\n text-align: center;\n margin-bottom: 50px;\n font-size: 2.2rem;\n color: var(--primary-color);\n }\n \n \/* \u0422\u0440\u0438 \u0441\u0442\u043e\u043b\u043f\u0430 *\/\n .pillars {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin-bottom: 50px;\n }\n \n .pillar {\n background: white;\n padding: 30px;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n transition: transform 0.3s;\n }\n \n .pillar:hover {\n transform: translateY(-10px);\n }\n \n .pillar h3 {\n color: var(--primary-color);\n margin-bottom: 15px;\n font-size: 1.5rem;\n }\n \n \/* \u0417\u0430\u0434\u0430\u0447\u0438 *\/\n .tasks {\n background-color: var(--gray-light);\n }\n \n .task-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 20px;\n }\n \n .task-item {\n background: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 3px 10px rgba(0,0,0,0.05);\n }\n \n \/* \u041f\u0440\u043e\u0446\u0435\u0441\u0441 *\/\n .process-steps {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n counter-reset: step;\n }\n \n .process-step {\n flex: 1;\n min-width: 200px;\n text-align: center;\n padding: 20px;\n position: relative;\n }\n \n .process-step:before {\n counter-increment: step;\n content: counter(step);\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n background-color: var(--accent-color);\n color: white;\n border-radius: 50%;\n margin: 0 auto 15px;\n font-weight: bold;\n }\n \n \/* \u0426\u0438\u0444\u0440\u044b *\/\n .stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n text-align: center;\n }\n \n .stat-item {\n padding: 20px;\n }\n \n .stat-number {\n font-size: 2.5rem;\n font-weight: 700;\n color: var(--accent-color);\n display: block;\n }\n \n \/* \u041e\u0442\u0437\u044b\u0432\u044b *\/\n .testimonials {\n background-color: var(--gray-light);\n }\n \n .testimonial-cards {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n }\n \n .testimonial {\n background: white;\n padding: 30px;\n border-radius: 8px;\n box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n position: relative;\n }\n \n .testimonial:before {\n content: \"\"\";\n font-size: 4rem;\n color: var(--accent-color);\n position: absolute;\n top: 10px;\n left: 20px;\n opacity: 0.2;\n }\n \n .testimonial-author {\n margin-top: 20px;\n font-weight: 600;\n color: var(--primary-color);\n }\n \n \/* \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b *\/\n .contact-container {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 50px;\n }\n \n .contact-form {\n display: flex;\n flex-direction: column;\n }\n \n .form-group {\n margin-bottom: 20px;\n }\n \n .form-group label {\n display: block;\n margin-bottom: 5px;\n font-weight: 500;\n }\n \n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-family: inherit;\n }\n \n .form-group textarea {\n height: 120px;\n resize: vertical;\n }\n \n .contact-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n \n .contact-item {\n margin-bottom: 15px;\n display: flex;\n align-items: center;\n }\n \n .contact-item i {\n margin-right: 10px;\n color: var(--accent-color);\n }\n\n .address-item {\n cursor: pointer;\n transition: color 0.3s;\n }\n\n .address-item:hover {\n color: var(--accent-color);\n }\n \n \/* \u0424\u0443\u0442\u0435\u0440 *\/\n footer {\n background-color: var(--primary-color);\n color: white;\n padding: 40px 0 20px;\n }\n \n .footer-container {\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n margin-bottom: 30px;\n }\n \n .footer-bottom {\n text-align: center;\n padding-top: 20px;\n border-top: 1px solid rgba(255,255,255,0.1);\n }\n \n \/* \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c *\/\n @media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n \n nav ul {\n display: none;\n }\n \n .process-steps {\n flex-direction: column;\n }\n \n .process-step {\n margin-bottom: 30px;\n }\n\n .map-container {\n height: 300px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <!-- \u0428\u0430\u043f\u043a\u0430 -->\n <header>\n <div class=\"header-container container\">\n <div class=\"logo\">ARNO<\/div>\n <nav>\n <ul>\n <li><a href=\"#about\">\u041e \u043d\u0430\u0441<\/a><\/li>\n <li><a href=\"#pillars\">\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430<\/a><\/li>\n <li><a href=\"#tasks\">\u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f<\/a><\/li>\n <li><a href=\"#process\">\u041f\u0440\u043e\u0446\u0435\u0441\u0441<\/a><\/li>\n <li><a href=\"#contacts\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n <\/header>\n\n <!-- \u0413\u0435\u0440\u043e\u0439-\u0441\u0435\u043a\u0446\u0438\u044f -->\n <section class=\"hero\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>ARNO: \u041c\u0435\u0431\u0435\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u043e\u043f\u043b\u043e\u0449\u0430\u0435\u0442 \u0432\u0430\u0448 \u0437\u0430\u043c\u044b\u0441\u0435\u043b. \u0422\u043e\u0447\u043d\u043e \u0438 \u0432 \u0441\u0440\u043e\u043a.<\/h1>\n <p>\u0412\u0430\u0448 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440 \u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u041a\u043e\u0440\u043f\u0443\u0441\u043d\u0430\u044f \u0438 \u043c\u044f\u0433\u043a\u0430\u044f \u043c\u0435\u0431\u0435\u043b\u044c \u0434\u043b\u044f \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u043e\u0432.<\/p>\n <a href=\"#contacts\" class=\"btn\">\u041e\u0431\u0441\u0443\u0434\u0438\u0442\u044c \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0422\u0440\u0438 \u0441\u0442\u043e\u043b\u043f\u0430 -->\n <section id=\"pillars\" class=\"container\">\n <h2 class=\"section-title\">\u041f\u043e\u0447\u0435\u043c\u0443 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u043e\u0440\u044b \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 ARNO?<\/h2>\n <div class=\"pillars\">\n <div class=\"pillar\">\n <h3>\u041f\u043e\u043b\u043d\u043e\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435 \u0432\u0438\u0434\u0435\u043d\u0438\u044e<\/h3>\n <p>\u041c\u044b \u043d\u0435 \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u043e\u0442\u043a\u043b\u043e\u043d\u0435\u043d\u0438\u0439 \u043e\u0442 \u0422\u0417. \u041a\u0430\u0436\u0434\u044b\u0439 \u043c\u0438\u043b\u043b\u0438\u043c\u0435\u0442\u0440, \u043a\u0430\u0436\u0434\u044b\u0439 \u043e\u0442\u0442\u0435\u043d\u043e\u043a \u0438 \u0442\u0435\u043a\u0441\u0442\u0443\u0440\u0430 \u2014 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u0430\u043a\u0438\u0435, \u043a\u0430\u043a \u0432\u044b \u0437\u0430\u0434\u0443\u043c\u0430\u043b\u0438. \u041e\u0442 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0444\u0430\u0441\u0430\u0434\u043e\u0432 \u0434\u043e \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0445 \u0441\u0438\u0441\u0442\u0435\u043c \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u2014 \u0432\u0430\u0448\u0438 \u0447\u0435\u0440\u0442\u0435\u0436\u0438 \u0441\u0442\u0430\u043d\u043e\u0432\u044f\u0442\u0441\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c\u044e.<\/p>\n <ul>\n <li>\u0418\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u043f\u043e \u0432\u0430\u0448\u0438\u043c \u044d\u0441\u043a\u0438\u0437\u0430\u043c \u0438 \u0447\u0435\u0440\u0442\u0435\u0436\u0430\u043c<\/li>\n <li>\u0422\u043e\u0447\u043d\u044b\u0439 \u043f\u043e\u0434\u0431\u043e\u0440 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0438 \u0446\u0432\u0435\u0442\u043e\u0432 \u043f\u043e RAL, NCS<\/li>\n <li>\u0413\u043b\u0443\u0431\u043e\u043a\u0430\u044f \u043a\u0430\u0441\u0442\u043e\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043b\u044e\u0431\u043e\u0439 \u043c\u043e\u0434\u0435\u043b\u0438<\/li>\n <\/ul>\n <\/div>\n <div class=\"pillar\">\n <h3>\u0411\u0435\u0441\u043a\u043e\u043c\u043f\u0440\u043e\u043c\u0438\u0441\u0441\u043d\u043e\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0438 \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c<\/h3>\n <p>\u041d\u0430\u0448\u0430 \u043c\u0435\u0431\u0435\u043b\u044c \u0434\u043e\u043b\u0436\u043d\u0430 \u0441\u043b\u0443\u0436\u0438\u0442\u044c \u0433\u043e\u0434\u0430\u043c\u0438. \u041c\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438 \u0444\u0443\u0440\u043d\u0438\u0442\u0443\u0440\u0443 \u043e\u0442 \u043b\u0438\u0434\u0435\u0440\u043e\u0432 \u0440\u044b\u043d\u043a\u0430, \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044f \u0431\u0435\u0437\u0443\u043f\u0440\u0435\u0447\u043d\u0443\u044e \u044d\u0440\u0433\u043e\u043d\u043e\u043c\u0438\u043a\u0443 \u0438 \u0434\u043e\u043b\u0433\u043e\u0432\u0435\u0447\u043d\u043e\u0441\u0442\u044c.<\/p>\n <ul>\n <li>\u041f\u0440\u0435\u043c\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b: \u043c\u0430\u0441\u0441\u0438\u0432 \u0434\u0435\u0440\u0435\u0432\u0430, \u0448\u043f\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043f\u0430\u043d\u0435\u043b\u0438, \u0441\u0442\u0430\u043b\u044c<\/li>\n <li>\u0424\u0443\u0440\u043d\u0438\u0442\u0443\u0440\u0430 \u043b\u0438\u0434\u0435\u0440\u043e\u0432 \u0440\u044b\u043d\u043a\u0430 \u0434\u043b\u044f \u043f\u043b\u0430\u0432\u043d\u043e\u0441\u0442\u0438 \u0438 \u0442\u0438\u0448\u0438\u043d\u044b<\/li>\n <li>\u041f\u0440\u043e\u0447\u043d\u043e\u0441\u0442\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u044b\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0435 \u043d\u0430\u0433\u0440\u0443\u0437\u043a\u0438<\/li>\n <\/ul>\n <\/div>\n <div class=\"pillar\">\n <h3>\u0421\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435 \u0441\u0440\u043e\u043a\u043e\u0432 \u043a\u0430\u043a \u043f\u0440\u0430\u0432\u0438\u043b\u043e<\/h3>\n <p>\u041c\u044b \u0437\u043d\u0430\u0435\u043c, \u0447\u0442\u043e \u0441\u0440\u044b\u0432 \u0441\u0440\u043e\u043a\u043e\u0432 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 = \u0441\u0440\u044b\u0432 \u0432\u0441\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0447\u0435\u0442\u043a\u0438\u0435 \u0434\u0435\u0434\u043b\u0430\u0439\u043d\u044b \u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u0443\u044e \u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435. \u0412\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u043d\u0435 \u0431\u0443\u0434\u0435\u0442 \u0436\u0434\u0430\u0442\u044c.<\/p>\n <ul>\n <li>\u0427\u0435\u0442\u043a\u0438\u0435 \u0441\u0440\u043e\u043a\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430, \u0437\u0430\u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0432 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0435<\/li>\n <li>\u041f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0435 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0441\u0442\u0430\u0442\u0443\u0441\u0430 \u0437\u0430\u043a\u0430\u0437\u0430 \u043e\u043d\u043b\u0430\u0439\u043d<\/li>\n <li>\u041f\u0440\u043e\u0441\u0447\u0438\u0442\u0430\u043d\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430 «\u0434\u043e \u0434\u0432\u0435\u0440\u0438» \u043e\u0431\u044a\u0435\u043a\u0442\u0430<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0417\u0430\u0434\u0430\u0447\u0438 -->\n <section id=\"tasks\" class=\"tasks\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u0421 \u043a\u0430\u043a\u0438\u043c\u0438 \u0437\u0430\u0434\u0430\u0447\u0430\u043c\u0438 \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c?<\/h2>\n <div class=\"task-list\">\n <div class=\"task-item\">\n <h3>\u0416\u0438\u043b\u044b\u0435 \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u044b<\/h3>\n <p>\u0410\u0432\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u043c\u0435\u0431\u0435\u043b\u044c \u0434\u043b\u044f \u0447\u0430\u0441\u0442\u043d\u044b\u0445 \u0430\u043f\u0430\u0440\u0442\u0430\u043c\u0435\u043d\u0442\u043e\u0432, \u043a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0435 \u043a\u0443\u0445\u043d\u0438, \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f.<\/p>\n <\/div>\n <div class=\"task-item\">\n <h3>\u041e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0441\u0442\u0440\u0430\u043d\u0441\u0442\u0432\u0430<\/h3>\n <p>\u0420\u0435\u0441\u0435\u043f\u0448\u0435\u043d\u044b, \u043c\u0435\u0431\u0435\u043b\u044c \u0434\u043b\u044f \u043e\u0442\u0435\u043b\u0435\u0439, \u0440\u0435\u0441\u0442\u043e\u0440\u0430\u043d\u043e\u0432 \u0438 \u043a\u043e\u0432\u043e\u0440\u043a\u0438\u043d\u0433\u043e\u0432, \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a.<\/p>\n <\/div>\n <div class=\"task-item\">\n <h3>\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b<\/h3>\n <p>\u041e\u0444\u0438\u0441\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f, \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u044b\u0435 \u0448\u043a\u0430\u0444\u044b, \u043f\u0435\u0440\u0435\u0433\u043e\u0432\u043e\u0440\u043d\u044b\u0435.<\/p>\n <\/div>\n <div class=\"task-item\">\n <h3>\u0421\u043b\u043e\u0436\u043d\u044b\u0439 \u043a\u0430\u0441\u0442\u043e\u043c<\/h3>\n <p>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u043a\u0438\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u041f\u0440\u043e\u0446\u0435\u0441\u0441 -->\n <section id=\"process\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u041a\u0430\u043a \u043c\u044b \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c \u0440\u0430\u0431\u043e\u0442\u0443?<\/h2>\n <div class=\"process-steps\">\n <div class=\"process-step\">\n <h3>\u0417\u0430\u043f\u0440\u043e\u0441 \u0438 \u0422\u0417<\/h3>\n <p>\u0412\u044b \u043f\u0440\u0438\u0441\u044b\u043b\u0430\u0435\u0442\u0435 \u043f\u0440\u043e\u0435\u043a\u0442, \u0447\u0435\u0440\u0442\u0435\u0436\u0438, \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f. \u041d\u0430\u0448\u0430 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u0442 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044e.<\/p>\n <\/div>\n <div class=\"process-step\">\n <h3>\u041a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h3>\n <p>\u0412 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 48 \u0447\u0430\u0441\u043e\u0432 \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0434\u0435\u0442\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0435\u0442 \u0441 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c\u044e \u0438 \u0441\u0440\u043e\u043a\u0430\u043c\u0438.<\/p>\n <\/div>\n <div class=\"process-step\">\n <h3>\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0430<\/h3>\n <p>\u041f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c \u0434\u043e\u0433\u043e\u0432\u043e\u0440, \u0432\u043d\u043e\u0441\u0438\u043c \u043f\u0440\u0435\u0434\u043e\u043f\u043b\u0430\u0442\u0443. \u041d\u0430\u0448\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u044b \u043f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0434\u043e\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e\u0442 \u041a\u041c\u0414.<\/p>\n <\/div>\n <div class=\"process-step\">\n <h3>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0438 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c<\/h3>\n <p>\u0412\u044b\u043f\u0443\u0441\u043a \u043c\u0435\u0431\u0435\u043b\u0438 \u0441 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0444\u043e\u0442\u043e\u043e\u0442\u0447\u0435\u0442\u043e\u043c \u043d\u0430 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u044d\u0442\u0430\u043f\u0430\u0445. \u0412\u044b \u0432 \u043a\u0443\u0440\u0441\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430.<\/p>\n <\/div>\n <div class=\"process-step\">\n <h3>\u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436<\/h3>\n <p>\u0410\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u0430\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0432 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f. \u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u2014 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u043e\u043d\u0442\u0430\u0436 \u043d\u0430\u0448\u0435\u0439 \u0431\u0440\u0438\u0433\u0430\u0434\u043e\u0439.<\/p>\n <\/div>\n <\/div>\n <div style=\"text-align: center; margin-top: 40px;\">\n <a href=\"#contacts\" class=\"btn\">\u0417\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u043a\u043e\u043c\u043c\u0435\u0440\u0447\u0435\u0441\u043a\u043e\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0426\u0438\u0444\u0440\u044b -->\n <section class=\"stats-section\">\n <div class=\"container\">\n <h2 class=\"section-title\">ARNO \u0432 \u0446\u0438\u0444\u0440\u0430\u0445 \u0434\u043b\u044f \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u043e\u0432<\/h2>\n <div class=\"stats\">\n <div class=\"stat-item\">\n <span class=\"stat-number\">> 7 \u043b\u0435\u0442<\/span>\n <p>\u043d\u0430 \u0440\u044b\u043d\u043a\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u043c\u0435\u0431\u0435\u043b\u0438 \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/p>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">> 350<\/span>\n <p>\u0443\u0441\u043f\u0435\u0448\u043d\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0441 \u0434\u0438\u0437\u0430\u0439\u043d-\u0441\u0442\u0443\u0434\u0438\u044f\u043c\u0438<\/p>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">98%<\/span>\n <p>\u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432 \u043e\u0442\u043c\u0435\u0447\u0430\u044e\u0442 \u0441\u043e\u0431\u043b\u044e\u0434\u0435\u043d\u0438\u0435 \u043d\u0430\u043c\u0438 \u043e\u0433\u043e\u0432\u043e\u0440\u0435\u043d\u043d\u044b\u0445 \u0441\u0440\u043e\u043a\u043e\u0432<\/p>\n <\/div>\n <div class=\"stat-item\">\n <span class=\"stat-number\">5 \u043b\u0435\u0442<\/span>\n <p>\u0433\u0430\u0440\u0430\u043d\u0442\u0438\u0438 \u043d\u0430 \u0432\u0441\u044e \u0432\u044b\u043f\u0443\u0441\u043a\u0430\u0435\u043c\u0443\u044e \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044e<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u041e\u0442\u0437\u044b\u0432\u044b -->\n <section id=\"testimonials\" class=\"testimonials\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u041e\u0442\u0437\u044b\u0432\u044b \u043d\u0430\u0448\u0438\u0445 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432<\/h2>\n <div class=\"testimonial-cards\">\n <div class=\"testimonial\">\n <p>\u00ab\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 ARNO \u043d\u0430 \u043f\u0440\u043e\u0442\u044f\u0436\u0435\u043d\u0438\u0438 \u0442\u0440\u0435\u0445 \u043b\u0435\u0442. \u0414\u043b\u044f \u0441\u0442\u0443\u0434\u0438\u0438 \u043a\u0440\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u0432\u0430\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u043d\u0435 \u043f\u043e\u0434\u0432\u0435\u043b \u043d\u0430 \u0444\u0438\u043d\u0438\u0448\u043d\u043e\u0439 \u043f\u0440\u044f\u043c\u043e\u0439. \u0417\u0434\u0435\u0441\u044c \u2014 \u043f\u043e\u043b\u043d\u044b\u0439 \u043f\u043e\u0440\u044f\u0434\u043e\u043a: \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u043d\u0430 \u0443\u0440\u043e\u0432\u043d\u0435, \u0430 \u0441\u0440\u043e\u043a\u0438 \u0441\u043e\u0431\u043b\u044e\u0434\u0430\u044e\u0442\u0441\u044f \u043d\u0435\u0443\u043a\u043e\u0441\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u043e. \u0420\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u0435\u043c \u043a\u0430\u043a \u043d\u0430\u0434\u0435\u0436\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430\u00bb.<\/p>\n <div class=\"testimonial-author\">\u0410\u043d\u043d\u0430 \u041a., \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c \u0434\u0438\u0437\u0430\u0439\u043d-\u0441\u0442\u0443\u0434\u0438\u0438 \u00ab\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u00bb<\/div>\n <\/div>\n <div class=\"testimonial\">\n <p>\u00ab\u0417\u0430\u043a\u0430\u0437\u044b\u0432\u0430\u043b\u0438 \u0441\u043b\u043e\u0436\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0432\u0441\u0442\u0440\u043e\u0435\u043d\u043d\u043e\u0439 \u043c\u0435\u0431\u0435\u043b\u0438 \u0434\u043b\u044f \u043f\u0435\u043d\u0442\u0445\u0430\u0443\u0441\u0430. \u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043f\u0440\u0435\u0432\u0437\u043e\u0448\u0435\u043b \u043e\u0436\u0438\u0434\u0430\u043d\u0438\u044f. \u0421\u0440\u0430\u0431\u043e\u0442\u0430\u043b\u0438 \u0442\u043e\u0447\u043d\u043e \u043f\u043e \u0447\u0435\u0440\u0442\u0435\u0436\u0430\u043c, \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u043f\u0440\u0438\u0432\u0435\u0437\u043b\u0438 \u0438\u043c\u0435\u043d\u043d\u043e \u0442\u043e\u0442, \u0447\u0442\u043e \u0432\u044b\u0431\u0438\u0440\u0430\u043b\u0438. \u041e\u0447\u0435\u043d\u044c \u0434\u043e\u0432\u043e\u043b\u044c\u043d\u044b \u043a\u043e\u043c\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u0438 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u043c\u00bb.<\/p>\n <div class=\"testimonial-author\">\u0421\u0435\u0440\u0433\u0435\u0439 \u041f., \u0447\u0430\u0441\u0442\u043d\u044b\u0439 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u043e\u0440<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b -->\n <section id=\"contacts\">\n <div class=\"container\">\n <h2 class=\"section-title\">\u0413\u043e\u0442\u043e\u0432\u044b \u0432\u043e\u043f\u043b\u043e\u0442\u0438\u0442\u044c \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u0432\u043c\u0435\u0441\u0442\u0435?<\/h2>\n <div class=\"contact-container\">\n <div class=\"contact-form\">\n <form id=\"projectForm\">\n <div class=\"form-group\">\n <label for=\"name\">\u0418\u043c\u044f<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"message\">\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439<\/label>\n <textarea id=\"message\" name=\"message\" placeholder=\"\u0415\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442, \u043d\u0443\u0436\u0435\u043d \u0440\u0430\u0441\u0447\u0435\u0442\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"btn\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u043f\u0440\u043e\u0441<\/button>\n <\/form>\n <\/div>\n <div class=\"contact-info\">\n <h3>ARNO<\/h3>\n <p>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043c\u0435\u0431\u0435\u043b\u0438 \u0434\u043b\u044f \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u043e\u0432<\/p>\n <div class=\"contact-item\">\n <i>\ud83d\udcde<\/i>\n <span>+7 (903) 725-85-58<\/span>\n <\/div>\n <div class=\"contact-item\">\n <i>\u2709\ufe0f<\/i>\n <span>projects@arno.ru<\/span>\n <\/div>\n <div class=\"contact-item\">\n <i>\ud83d\udcf1<\/i>\n <span>Telegram: @vlad_arno<\/span>\n <\/div>\n <div class=\"contact-item address-item\" onclick=\"toggleMap()\">\n <i>\ud83d\udccd<\/i>\n <span>\u0428\u043e\u0443\u0440\u0443\u043c \u0410\u0420\u0422\u041f\u041b\u0415\u0419, \u041c\u043e\u0441\u043a\u0432\u0430, \u041d\u0438\u0436\u043d\u044f\u044f \u0421\u044b\u0440\u043e\u043c\u044f\u0442\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f 10, \u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 9<\/span>\n <\/div>\n \n <!-- \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043b\u044f \u043a\u0430\u0440\u0442\u044b -->\n <div class=\"map-container\" id=\"mapContainer\">\n <div id=\"map\"><\/div>\n <\/div>\n <button class=\"showroom-btn\" onclick=\"toggleMap()\">\u041f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u043d\u0430 \u043a\u0430\u0440\u0442\u0435<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- \u0424\u0443\u0442\u0435\u0440 -->\n <footer>\n <div class=\"container\">\n <div class=\"footer-container\">\n <div class=\"footer-logo\">\n <div class=\"logo\" style=\"color: white;\">ARNO<\/div>\n <p>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u043c\u0435\u0431\u0435\u043b\u0438 \u0434\u043b\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432<\/p>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>\n <a href=\"#\">\u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <p>\u00a9 ARNO, 2024 \u0433.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 API \u042f\u043d\u0434\u0435\u043a\u0441.\u041a\u0430\u0440\u0442 -->\n <script src=\"https:\/\/api-maps.yandex.ru\/2.1\/?apikey=\u0432\u0430\u0448_api_\u043a\u043b\u044e\u0447&lang=ru_RU\" type=\"text\/javascript\"><\/script>\n \n <script>\n let map;\n let isMapInitialized = false;\n \n \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0430\/\u0441\u043a\u0440\u044b\u0442\u0438\u044f \u043a\u0430\u0440\u0442\u044b\n function toggleMap() {\n const mapContainer = document.getElementById('mapContainer');\n \n if (mapContainer.style.display === 'none' || !mapContainer.style.display) {\n \/\/ \u0415\u0441\u043b\u0438 \u043a\u0430\u0440\u0442\u0430 \u0435\u0449\u0435 \u043d\u0435 \u0441\u043e\u0437\u0434\u0430\u043d\u0430, \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0435\u0451\n if (!isMapInitialized) {\n initMap();\n isMapInitialized = true;\n }\n mapContainer.style.display = 'block';\n \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043a\u0430\u0440\u0442\u0443 \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u043a\u0430\u0437\u0430 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440\u0430\n if (map) {\n setTimeout(() => {\n map.container.fitToViewport();\n }, 100);\n }\n } else {\n mapContainer.style.display = 'none';\n }\n }\n\n \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043a\u0430\u0440\u0442\u044b\n function initMap() {\n if (typeof ymaps === 'undefined') {\n console.error('Yandex Maps API \u043d\u0435 \u0437\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u0430');\n return;\n }\n\n ymaps.ready(function () {\n \/\/ \u041a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b \u0434\u043b\u044f \u0430\u0434\u0440\u0435\u0441\u0430: \u041c\u043e\u0441\u043a\u0432\u0430, \u041d\u0438\u0436\u043d\u044f\u044f \u0421\u044b\u0440\u043e\u043c\u044f\u0442\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f 10, \u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 9\n map = new ymaps.Map(\"map\", {\n center: [55.7539, 37.6594], \/\/ \u041f\u0440\u0438\u043c\u0435\u0440\u043d\u044b\u0435 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0442\u044b\n zoom: 16,\n controls: ['zoomControl', 'fullscreenControl']\n });\n\n \/\/ \u0421\u043e\u0437\u0434\u0430\u0451\u043c \u043c\u0435\u0442\u043a\u0443\n const marker = new ymaps.Placemark([55.7539, 37.6594], {\n balloonContent: `\n <strong>\u0428\u043e\u0443\u0440\u0443\u043c ARNO<\/strong><br>\n \u041c\u043e\u0441\u043a\u0432\u0430, \u041d\u0438\u0436\u043d\u044f\u044f \u0421\u044b\u0440\u043e\u043c\u044f\u0442\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f 10, \u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 9<br>\n <em>\u0410\u0420\u0422\u041f\u041b\u0415\u0419<\/em>\n `\n }, {\n preset: 'islands#redDotIcon',\n balloonCloseButton: true\n });\n\n \/\/ \u0414\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c \u043c\u0435\u0442\u043a\u0443 \u043d\u0430 \u043a\u0430\u0440\u0442\u0443\n map.geoObjects.add(marker);\n \n \/\/ \u041e\u0442\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0431\u0430\u043b\u0443\u043d (\u0432\u0441\u043f\u043b\u044b\u0432\u0430\u044e\u0449\u0443\u044e \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0443)\n marker.balloon.open();\n });\n }\n\n \/\/ \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u0434\u043b\u044f \u044f\u043a\u043e\u0440\u043d\u044b\u0445 \u0441\u0441\u044b\u043b\u043e\u043a\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n \n const targetId = this.getAttribute('href');\n if(targetId === '#') return;\n \n const targetElement = document.querySelector(targetId);\n if(targetElement) {\n window.scrollTo({\n top: targetElement.offsetTop - 80,\n behavior: 'smooth'\n });\n }\n });\n });\n \n \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0444\u043e\u0440\u043c\u044b\n document.getElementById('projectForm').addEventListener('submit', function(e) {\n e.preventDefault();\n alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u0430\u0448\u0443 \u0437\u0430\u044f\u0432\u043a\u0443! \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.');\n this.reset();\n });\n \n \/\/ \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u0448\u0430\u043f\u043a\u0438 \u043f\u0440\u0438 \u0441\u043a\u0440\u043e\u043b\u043b\u0435\n window.addEventListener('scroll', function() {\n const header = document.querySelector('header');\n if(window.scrollY > 100) {\n header.style.boxShadow = '0 5px 20px rgba(0,0,0,0.1)';\n } else {\n header.style.boxShadow = '0 2px 10px rgba(0,0,0,0.1)';\n }\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>ARNO — \u041c\u0435\u0431\u0435\u043b\u044c \u0434\u043b\u044f \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u0432 ARNO \u041e \u043d\u0430\u0441 \u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u041d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b ARNO: \u041c\u0435\u0431\u0435\u043b\u044c, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u043e\u043f\u043b\u043e\u0449\u0430\u0435\u0442 \u0432\u0430\u0448 \u0437\u0430\u043c\u044b\u0441\u0435\u043b. \u0422\u043e\u0447\u043d\u043e \u0438 \u0432 \u0441\u0440\u043e\u043a. \u0412\u0430\u0448 \u043d\u0430\u0434\u0435\u0436\u043d\u044b\u0439 \u043f\u0430\u0440\u0442\u043d\u0435\u0440 \u0432 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432. \u041a\u043e\u0440\u043f\u0443\u0441\u043d\u0430\u044f \u0438 \u043c\u044f\u0433\u043a\u0430\u044f \u043c\u0435\u0431\u0435\u043b\u044c \u0434\u043b\u044f \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u043e\u0432. \u041e\u0431\u0441\u0443\u0434\u0438\u0442\u044c \u0432\u0430\u0448 \u043f\u0440\u043e\u0435\u043a\u0442 \u041f\u043e\u0447\u0435\u043c\u0443 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u043e\u0440\u044b \u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u044b \u0432\u044b\u0431\u0438\u0440\u0430\u044e\u0442 ARNO? \u041f\u043e\u043b\u043d\u043e\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u0435 \u0432\u0438\u0434\u0435\u043d\u0438\u044e \u041c\u044b \u043d\u0435 \u0434\u043e\u043f\u0443\u0441\u043a\u0430\u0435\u043c \u043e\u0442\u043a\u043b\u043e\u043d\u0435\u043d\u0438\u0439 \u043e\u0442 \u0422\u0417. \u041a\u0430\u0436\u0434\u044b\u0439 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-38","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arnostudio.ru\/index.php\/wp-json\/wp\/v2\/pages\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arnostudio.ru\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arnostudio.ru\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arnostudio.ru\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arnostudio.ru\/index.php\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":4,"href":"https:\/\/arnostudio.ru\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions"}],"predecessor-version":[{"id":66,"href":"https:\/\/arnostudio.ru\/index.php\/wp-json\/wp\/v2\/pages\/38\/revisions\/66"}],"wp:attachment":[{"href":"https:\/\/arnostudio.ru\/index.php\/wp-json\/wp\/v2\/media?parent=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}