NEMAN EXPERT - \u0414\u0438\u043b\u0435\u0440\u0441\u043a\u0430\u044f \u0441\u0435\u0442\u044c \u0438 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html,\n body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n\n body {\n font-family: 'Montserrat', Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #ffffff;\n \/* Reverted to white *\/\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n \/* Hero Section *\/\n .hero-section {\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n padding: 6rem 0 14rem;\n \/* Reduced top padding to move content up, increased bottom *\/\n position: relative;\n overflow: hidden;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n color: white;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n \/* Reset to 0 to cover full height with overlay *\/\n left: 0;\n width: 100%;\n height: 100%;\n background: url('https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/10\/\u041c\u044b-\u0435\u0441\u0442\u044c-\u0432-\u0433\u043e\u0440\u043e\u0434\u0430\u0445.svg') no-repeat center;\n \/* Reverted to center to fix artifact *\/\n background-size: cover;\n background-attachment: fixed;\n background-color: rgba(0, 0, 0, 0.5);\n background-blend-mode: multiply;\n opacity: 1;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n }\n\n .hero-content h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: 3rem;\n font-weight: 700;\n color: white;\n margin-bottom: 1.5rem;\n line-height: 1.2;\n }\n\n .hero-content .accent {\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-subtitle {\n font-size: 1.25rem;\n color: #cbd5e1;\n margin-bottom: 2rem;\n max-width: 600px;\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n margin-top: 3rem;\n }\n\n .hero-stat {\n text-align: center;\n background: rgba(255, 255, 255, 0.1);\n padding: 1.5rem 1rem;\n border-radius: 16px;\n border: 1px solid rgba(95, 186, 81, 0.3);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n }\n\n .hero-stat:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(95, 186, 81, 0.4);\n border-color: rgba(95, 186, 81, 0.6);\n }\n\n .hero-stat-number {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #5FBA51;\n display: block;\n margin-bottom: 0.25rem;\n line-height: 1.1;\n }\n\n .hero-stat-label {\n font-size: 0.9rem;\n color: #cbd5e1;\n font-weight: 500;\n line-height: 1.2;\n }\n\n \/* Network Section *\/\n .network-section {\n padding: 6rem 0;\n background: white;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .network-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .network-header h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .network-header p {\n font-size: 1.125rem;\n color: #64748b;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .network-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n margin-top: 4rem;\n }\n\n .network-feature {\n text-align: center;\n padding: 2rem;\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border-radius: 20px;\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n .network-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n border-color: #5FBA51;\n }\n\n .network-feature-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n transition: all 0.3s ease;\n }\n\n .network-feature:hover .network-feature-icon {\n transform: scale(1.1);\n }\n\n .network-feature h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .network-feature p {\n color: #64748b;\n line-height: 1.6;\n }\n\n \/* Dealers Section *\/\n .dealers-section {\n padding: 6rem 0;\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .dealers-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .dealers-header h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .dealers-header p {\n font-size: 1.125rem;\n color: #64748b;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .cities-grid {\n display: grid;\n \/* Changed from auto-fit to auto-fill to prevent stretching of single items *\/\n grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n align-items: start;\n justify-content: center;\n \/* Center the grid items if they don't fill the row *\/\n }\n\n .city-block {\n background: white;\n border-radius: 20px;\n padding: 2.5rem;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n height: fit-content;\n display: flex;\n flex-direction: column;\n }\n\n .city-block::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #5FBA51, #4a9441);\n }\n\n .city-header {\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid #f1f5f9;\n flex-shrink: 0;\n gap: 1rem;\n }\n\n .city-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .city-icon svg {\n width: 24px;\n height: 24px;\n fill: white;\n }\n\n .city-name {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.5rem;\n font-weight: 700;\n color: #1e293b;\n margin: 0;\n }\n\n .dealer-card {\n background: white;\n border-radius: 16px;\n padding: 2rem;\n margin-bottom: 1.5rem;\n border: 2px solid #f1f5f9;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n }\n\n .dealer-card:hover {\n border-color: #5FBA51;\n box-shadow: 0 8px 25px rgba(95, 186, 81, 0.15);\n }\n\n .dealer-name {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 1rem;\n font-size: 1.2rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .dealer-name::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #5FBA51;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .dealer-contact {\n display: flex;\n align-items: center;\n color: #5FBA51;\n font-weight: 500;\n text-decoration: none;\n padding: 0.75rem 1rem;\n background: #f8fafc;\n border-radius: 8px;\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n .dealer-contact:hover {\n background: #5FBA51;\n color: white;\n border-color: #5FBA51;\n }\n\n .dealer-contact svg {\n margin-right: 0.75rem;\n flex-shrink: 0;\n }\n\n .dealer-location {\n color: #64748b;\n font-size: 0.95rem;\n margin-bottom: 0.75rem;\n }\n\n \/* Benefits Section *\/\n .benefits-section {\n padding: 6rem 0;\n background: white;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .benefits-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .benefits-header h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .benefits-header p {\n font-size: 1.125rem;\n color: #64748b;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n margin-top: 4rem;\n }\n\n .benefit-item {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n padding: 2rem;\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border-radius: 16px;\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n .benefit-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-color: #5FBA51;\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n\n .benefit-icon svg {\n width: 30px;\n height: 30px;\n fill: white;\n }\n\n .benefit-item:hover .benefit-icon {\n transform: scale(1.1);\n }\n\n .benefit-content h3 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 0.5rem;\n font-size: 1.2rem;\n }\n\n .benefit-content p {\n color: #64748b;\n line-height: 1.6;\n }\n\n \/* Partnership Section *\/\n .partnership-section {\n padding: 6rem 0;\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .partnership-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .partnership-header h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .partnership-header p {\n font-size: 1.125rem;\n color: #64748b;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .why-choose-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n margin-top: 3rem;\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 900px) {\n .why-choose-list {\n grid-template-columns: 1fr;\n max-width: 800px;\n }\n }\n\n .list-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1.5rem;\n background: white;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n .list-item:hover {\n border-color: #5FBA51;\n box-shadow: 0 8px 20px rgba(95, 186, 81, 0.1);\n }\n\n .list-icon {\n width: 24px;\n height: 24px;\n background: #5FBA51;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-top: 0.25rem;\n }\n\n .list-icon svg {\n width: 14px;\n height: 14px;\n fill: white;\n }\n\n .list-content h3 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 0.5rem;\n }\n\n .list-content p {\n color: #64748b;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n .partnership-conditions {\n background: white;\n border-radius: 20px;\n padding: 3rem;\n margin-top: 4rem;\n border: 2px solid #e2e8f0;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n }\n\n .partnership-conditions h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .conditions-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .condition-item {\n display: flex;\n gap: 1rem;\n }\n\n .condition-number {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n flex-shrink: 0;\n }\n\n .condition-content h4 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 0.5rem;\n }\n\n .condition-content p {\n color: #64748b;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n .how-to-apply {\n background: white;\n border-radius: 20px;\n padding: 3rem;\n margin-top: 3rem;\n border: 2px solid #5FBA51;\n background: linear-gradient(135deg, rgba(95, 186, 81, 0.05) 0%, rgba(95, 186, 81, 0.02) 100%);\n }\n\n .how-to-apply h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n position: relative;\n }\n\n \/* Desktop Timeline Horizontal Line *\/\n .steps-grid::before {\n content: '';\n position: absolute;\n top: 25px;\n left: 15%;\n right: 15%;\n height: 3px;\n background: #e2e8f0;\n background: linear-gradient(90deg, #e2e8f0 0%, #5FBA51 50%, #e2e8f0 100%);\n z-index: 0;\n border-radius: 3px;\n }\n\n .step {\n text-align: center;\n position: relative;\n z-index: 1;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 1.5rem;\n margin: 0 auto 1.5rem;\n position: relative;\n z-index: 2;\n box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.8);\n \/* Halo effect *\/\n }\n\n .step h4 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 0.5rem;\n }\n\n .step p {\n color: #64748b;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n \/* Mobile Vertical Timeline *\/\n @media (max-width: 768px) {\n .steps-grid {\n grid-template-columns: 1fr;\n gap: 0;\n }\n\n .steps-grid::before {\n display: none;\n }\n\n .step {\n display: flex;\n flex-direction: row;\n text-align: left;\n gap: 1.5rem;\n padding-bottom: 2.5rem;\n align-items: flex-start;\n }\n\n .step:last-child {\n padding-bottom: 0;\n }\n\n .step-number {\n margin: 0;\n flex-shrink: 0;\n }\n\n \/* Vertical Line *\/\n .step::after {\n content: '';\n position: absolute;\n left: 24px;\n top: 50px;\n bottom: 0;\n width: 2px;\n background: #cbd5e1;\n }\n\n .step:last-child::after {\n display: none;\n }\n\n .step h4 {\n margin-top: 0.25rem;\n }\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 6rem 0;\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n color: white;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n text-align: center;\n margin-bottom: 0 !important;\n display: block;\n }\n\n .cta-content h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: white;\n }\n\n .cta-content h2 .accent {\n color: #5FBA51;\n }\n\n .cta-content p {\n font-size: 1.125rem;\n color: #cbd5e1;\n max-width: 600px;\n margin: 0 auto 2rem;\n }\n\n \/* Old CTA styles removed to use new minimalist styles defined above *\/\n\n .cta-buttons {\n display: flex;\n gap: 1.5rem;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 2rem;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .network-features {\n grid-template-columns: 1fr;\n }\n\n .cities-grid {\n grid-template-columns: 1fr;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .conditions-grid {\n grid-template-columns: 1fr;\n }\n\n .steps-grid {\n grid-template-columns: 1fr;\n }\n\n .hero-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n\n .network-header h2,\n .dealers-header h2,\n .benefits-header h2,\n .partnership-header h2,\n .cta-content h2 {\n font-size: 2rem;\n }\n\n .container {\n padding: 0 1rem;\n }\n\n .benefit-item {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n\n .cta-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .cta-button {\n width: 100%;\n max-width: 280px;\n justify-content: center;\n }\n\n .partnership-conditions,\n .how-to-apply {\n padding: 2rem;\n }\n\n .condition-item {\n flex-direction: column;\n text-align: center;\n }\n }\n\n @media (max-width: 480px) {\n .hero-content h1 {\n font-size: 1.8rem;\n }\n\n .hero-subtitle {\n font-size: 1rem;\n }\n\n .hero-stats {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .hero-stat {\n padding: 1rem 0.5rem;\n }\n\n .hero-stat-number {\n font-size: 1.8rem;\n }\n\n .hero-stat-label {\n font-size: 0.8rem;\n }\n\n .cta-button {\n width: 100%;\n max-width: 260px;\n justify-content: center;\n padding: 1rem 1.5rem;\n }\n\n .hero-section,\n .network-section,\n .dealers-section,\n .benefits-section,\n .partnership-section,\n .cta-section {\n padding: 3rem 0;\n }\n }\n\n \/* Scroll Animations *\/\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n will-change: opacity, transform;\n }\n\n .animate-on-scroll.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Staggered delays *\/\n .delay-100 {\n transition-delay: 0.1s;\n }\n\n .delay-200 {\n transition-delay: 0.2s;\n }\n\n .delay-300 {\n transition-delay: 0.3s;\n }\n\n .delay-400 {\n transition-delay: 0.4s;\n }\n\n .delay-500 {\n transition-delay: 0.5s;\n }\n\n \/* City Filters Styles *\/\n .city-filters {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n }\n\n .city-filter-btn {\n padding: 0.75rem 1.5rem;\n border: 1px solid #e2e8f0;\n background: white;\n border-radius: 100px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n color: #64748b;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .city-filter-btn:hover,\n .city-filter-btn.active {\n background: #5FBA51;\n color: white;\n border-color: #5FBA51;\n box-shadow: 0 4px 12px rgba(95, 186, 81, 0.2);\n }\n\n \/* FAQ Styles *\/\n .faq-section-wrapper {\n margin-top: 4rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .faq-section-wrapper h3 {\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 2rem;\n }\n\n .faq-item {\n background: white;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n margin-bottom: 1rem;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-item:hover {\n border-color: #5FBA51;\n }\n\n .faq-question {\n padding: 1.25rem 1.5rem;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: white;\n }\n\n .faq-icon {\n font-size: 1.5rem;\n color: #5FBA51;\n transition: transform 0.3s ease;\n font-weight: 300;\n }\n\n .faq-item.active .faq-icon {\n transform: rotate(45deg);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n background: #f8fafc;\n }\n\n .faq-answer p {\n padding: 1.5rem;\n color: #64748b;\n margin: 0;\n line-height: 1.6;\n }\n\n \/* Hero Buttons specific styles *\/\n .hero-buttons {\n display: flex;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n }\n\n \/* Primary Button (Base Style) - Minimalist White *\/\n .cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n padding: 1rem 2.5rem;\n background: #ffffff;\n color: #1e293b;\n text-decoration: none;\n border-radius: 100px;\n \/* Pill shape *\/\n font-weight: 600;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid transparent;\n font-size: 1rem;\n cursor: pointer;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);\n background: #f8fafc;\n }\n\n \/* Secondary Button - Glass\/Outline *\/\n .hero-btn-secondary {\n background: transparent !important;\n border: 1px solid rgba(255, 255, 255, 0.4) !important;\n color: #ffffff !important;\n box-shadow: none !important;\n backdrop-filter: blur(4px);\n }\n\n .hero-btn-secondary:hover {\n background: #ffffff !important;\n color: #1e293b !important;\n border-color: #ffffff !important;\n transform: translateY(-2px);\n }\n\n \/* Bottom CTA Secondary Button Override *\/\n .cta-button.secondary {\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.3);\n color: white;\n box-shadow: none;\n }\n\n .cta-button.secondary:hover {\n background: white;\n color: #1e293b;\n border-color: white;\n }\n\n @media (max-width: 768px) {\n .hero-buttons {\n justify-content: center;\n }\n\n .cta-button {\n width: 100%;\n max-width: 300px;\n }\n }\n\n \/* Dealer Form *\/\n .dealer-form-container {\n background: white;\n border-radius: 20px;\n padding: 3rem;\n margin-top: 4rem;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n border: 1px solid #e2e8f0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n scroll-margin-top: 100px;\n }\n\n .dealer-form-header {\n text-align: center;\n margin-bottom: 2.5rem;\n }\n\n .dealer-form-header h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 0.5rem;\n }\n\n .dealer-form-header p {\n color: #64748b;\n }\n\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n\n .form-group {\n margin-bottom: 1rem;\n }\n\n .form-group.full-width {\n grid-column: 1 \/ -1;\n }\n\n .form-label {\n display: block;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: #334155;\n font-size: 0.95rem;\n }\n\n .form-input,\n .form-select {\n width: 100%;\n padding: 12px 16px !important;\n \/* Explicit padding with !important *\/\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n font-family: 'Montserrat', sans-serif;\n font-size: 16px !important;\n \/* Prevent zoom on mobile *\/\n line-height: 1.5 !important;\n \/* Fix line height clipping *\/\n transition: all 0.3s ease;\n background: #f8fafc;\n color: #1e293b;\n height: auto !important;\n \/* Allow auto height *\/\n min-height: 48px !important;\n \/* Ensure minimum clickable area *\/\n box-sizing: border-box !important;\n \/* Force border-box *\/\n margin: 0 !important;\n \/* Remove potential WP margins *\/\n }\n\n .form-input:focus,\n .form-select:focus {\n outline: none;\n border-color: #5FBA51;\n box-shadow: 0 0 0 3px rgba(95, 186, 81, 0.1);\n background-color: white;\n }\n\n \/* Custom Select Arrow *\/\n .form-select {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 1rem center;\n background-size: 1em;\n padding-right: 2.5rem !important;\n }\n\n \/* Required Field Asterisk *\/\n .form-label.required::after {\n content: \" *\";\n color: #ef4444;\n font-weight: 700;\n }\n\n .submit-button {\n width: 100%;\n padding: 1rem;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n color: white;\n border: none;\n border-radius: 10px;\n font-weight: 700;\n font-size: 1.1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 1rem;\n }\n\n .submit-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(95, 186, 81, 0.25);\n }\n\n @media (max-width: 768px) {\n .form-grid {\n grid-template-columns: 1fr;\n }\n\n .dealer-form-container {\n padding: 2rem;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n \n <section class=\"hero-section\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>\u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043e <span class=\"accent\">\u0434\u0438\u043b\u0435\u0440\u0430<\/span><\/h1>\n <p class=\"hero-subtitle\">\u0428\u0438\u0440\u043e\u043a\u0430\u044f \u0441\u0435\u0442\u044c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0443 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430<\/p>\n\n <div class=\"hero-buttons\">\n <a href=\"#contact-form\" class=\"cta-button\">\n \u0421\u0442\u0430\u0442\u044c \u0434\u0438\u043b\u0435\u0440\u043e\u043c\n <\/a>\n <a href=\".dealers-section\" class=\"cta-button hero-btn-secondary\"\n onclick=\"document.querySelector('.dealers-section').scrollIntoView({behavior: 'smooth'}); return false;\">\n \u041d\u0430\u0439\u0442\u0438 \u0434\u0438\u043b\u0435\u0440\u0430\n <\/a>\n <\/div>\n\n <div class=\"hero-stats\">\n <div class=\"hero-stat\">\n <span class=\"hero-stat-number\">7<\/span>\n <span class=\"hero-stat-label\">\u0414\u0438\u043b\u0435\u0440\u043e\u0432<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-number\">3<\/span>\n <span class=\"hero-stat-label\">\u0413\u043e\u0440\u043e\u0434\u0430<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-number\">100%<\/span>\n <span class=\"hero-stat-label\">\u041f\u043e\u043a\u0440\u044b\u0442\u0438\u0435<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-number\">24\/7<\/span>\n <span class=\"hero-stat-label\">\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"network-section\">\n <div class=\"container\">\n <div class=\"network-header\">\n <h2>\u041d\u0430\u0448\u0430 <span style=\"color: #5FBA51;\">\u0434\u0438\u043b\u0435\u0440\u0441\u043a\u0430\u044f \u0441\u0435\u0442\u044c<\/span><\/h2>\n <p>\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043d\u0430\u0448\u0435\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438<\/p>\n <\/div>\n\n <div class=\"network-features\">\n <div class=\"network-feature\">\n <div class=\"network-feature-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\" \/>\n <\/svg>\n <\/div>\n <h3>\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h3>\n <p>\u0414\u0438\u043b\u0435\u0440\u044b \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u0432 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u0433\u043e\u0440\u043e\u0434\u0430\u0445 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430 \u0434\u043b\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f \u0440\u0435\u0433\u0438\u043e\u043d\u0430<\/p>\n <\/div>\n\n <div class=\"network-feature\">\n <div class=\"network-feature-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\n <\/svg>\n <\/div>\n <h3>\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/h3>\n <p>\u0412\u0441\u0435 \u0434\u0438\u043b\u0435\u0440\u044b \u043f\u0440\u043e\u0448\u043b\u0438 \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u043e\u0442\u0431\u043e\u0440 \u0438 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f<\/p>\n <\/div>\n\n <div class=\"network-feature\">\n <div class=\"network-feature-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\" \/>\n <\/svg>\n <\/div>\n <h3>\u0411\u044b\u0441\u0442\u0440\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435<\/h3>\n <p>\u041e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0437\u0430\u043a\u0430\u0437\u043e\u0432 \u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0430\u0441\u0441\u043e\u0440\u0442\u0438\u043c\u0435\u043d\u0442\u0443 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"dealers-section\">\n <div class=\"container\">\n <div class=\"dealers-header\">\n <h2>\u041d\u0430\u0448\u0438 <span style=\"color: #5FBA51;\">\u0434\u0438\u043b\u0435\u0440\u044b<\/span><\/h2>\n <p>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u043c \u0434\u0438\u043b\u0435\u0440\u043e\u043c \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u0437\u0430<\/p>\n <\/div>\n\n \n <div class=\"city-filters\">\n <button class=\"city-filter-btn active\" data-filter=\"all\">\u0412\u0441\u0435 \u0433\u043e\u0440\u043e\u0434\u0430<\/button>\n <button class=\"city-filter-btn\" data-filter=\"almaty\">\u0410\u043b\u043c\u0430\u0442\u044b<\/button>\n <button class=\"city-filter-btn\" data-filter=\"turkestan\">\u0422\u0443\u0440\u043a\u0435\u0441\u0442\u0430\u043d<\/button>\n <button class=\"city-filter-btn\" data-filter=\"kostanay\">\u041a\u043e\u0441\u0442\u0430\u043d\u0430\u0439<\/button>\n <\/div>\n\n <div class=\"cities-grid\">\n \n <div class=\"city-block\" data-city=\"almaty\">\n <div class=\"city-header\">\n <div class=\"city-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"city-name\">\u0410\u043b\u043c\u0430\u0442\u044b<\/h3>\n <\/div>\n <div class=\"dealers-list\">\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">TOO NER GROUP LTD<\/div>\n <a href=\"tel:+77473933040\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 747 393 30 40\n <\/a>\n <\/div>\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0418\u041f \u041a\u0410\u041c\u0418\u0420\u0414\u0418\u041d\u041e\u0412 \u0410\u0411\u0414\u0423\u041b-\u0410\u0417\u0418\u0417 \u042f\u0420\u041c\u0423\u0425\u0410\u041c\u041c\u0415\u0422\u041e\u0412\u0418\u0427<\/div>\n <div class=\"dealer-location\">\"\u0420\u044b\u043d\u043e\u043a \u0416\u0435\u0442\u044b\u0441\u0443\"<\/div>\n <a href=\"tel:+77054113902\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 705 411 39 02\n <\/a>\n <\/div>\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0418\u041f \u041c\u0430\u043b\u0438\u043a<\/div>\n <div class=\"dealer-location\">\"\u0420\u044b\u043d\u043e\u043a \u0411\u0430\u0439\u0441\u0430\u0442\"<\/div>\n <a href=\"tel:+77761014444\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 776 101 44 44\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"city-block\" data-city=\"turkestan\">\n <div class=\"city-header\">\n <div class=\"city-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"city-name\">\u0422\u0443\u0440\u043a\u0435\u0441\u0442\u0430\u043d<\/h3>\n <\/div>\n <div class=\"dealers-list\">\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">TOO \"\u0410\u041b\u0422\u042b\u041d \u0416\u0406\u041b\u0415\u0423\"<\/div>\n <div class=\"dealer-location\">\u0422\u043e\u0440\u0433\u043e\u0432\u044b\u0439 \u0414\u043e\u043c \"\u0410\u0437\u0438\u0437\"<\/div>\n <a href=\"tel:+77028206565\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 702 820 65 65\n <\/a>\n <\/div>\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0418\u041f \u0422\u0430\u0448\u0438\u0435\u0432<\/div>\n <a href=\"tel:+77757762202\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 775 776 22 02\n <\/a>\n <\/div>\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0418\u041f BEK GROUP<\/div>\n <div class=\"dealer-location\">\u0422\u043e\u0440\u0433\u043e\u0432\u044b\u0439 \u0414\u043e\u043c \"BEK GROUP\"<\/div>\n <a href=\"tel:+77783461895\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 778 346 18 95\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"city-block\" data-city=\"kostanay\">\n <div class=\"city-header\">\n <div class=\"city-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"city-name\">\u041a\u043e\u0441\u0442\u0430\u043d\u0430\u0439<\/h3>\n <\/div>\n <div class=\"dealers-list\">\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0422\u041e\u041e \"\u0414\u0438\u0430\u043b\u0430\u0439\u0442\"<\/div>\n <a href=\"tel:+77778790979\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 777 879 09 79\n <\/a>\n <a href=\"tel:+77710282424\" class=\"dealer-contact\" style=\"margin-top: 0.75rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 771 028 24 24\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"benefits-section\">\n <div class=\"container\">\n <div class=\"benefits-header\">\n <h2>\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 <span style=\"color: #5FBA51;\">\u0434\u0438\u043b\u0435\u0440\u0430\u043c\u0438<\/span><\/h2>\n <p>\u041f\u043e\u0447\u0435\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u043d\u0430\u0448\u0438\u043c \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430\u043c<\/p>\n <\/div>\n\n <div class=\"benefits-grid\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\n <\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\n <p>\u0412\u0441\u0435 \u0434\u0438\u043b\u0435\u0440\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0435\u0439 \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0443\u044e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044e<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path\n d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\" \/>\n <\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>\u0411\u044b\u0441\u0442\u0440\u0430\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430<\/h3>\n <p>\u041b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043a\u043b\u0430\u0434\u044b \u0434\u0438\u043b\u0435\u0440\u043e\u0432 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0432 \u0432\u0430\u0448\u0435\u043c \u0440\u0435\u0433\u0438\u043e\u043d\u0435<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path\n d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\" \/>\n <\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>\u042d\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u044b\u0435 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438<\/h3>\n <p>\u041e\u0431\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u044b \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\n <\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>\u041a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043d\u044b\u0435 \u0446\u0435\u043d\u044b<\/h3>\n <p>\u041f\u0440\u044f\u043c\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u043e\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u0435 \u0446\u0435\u043d\u044b \u043d\u0430 \u0440\u044b\u043d\u043a\u0435<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"partnership-section\">\n <div class=\"container\">\n <div class=\"partnership-header\">\n <h2>\u0421\u0442\u0430\u043d\u044c\u0442\u0435 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u043c <span style=\"color: #5FBA51;\">\u0434\u0438\u043b\u0435\u0440\u043e\u043c<\/span><\/h2>\n <p>\u0411\u0440\u0435\u043d\u0434 NEMAN EXPERT \u043f\u0440\u0438\u0433\u043b\u0430\u0448\u0430\u0435\u0442 \u043a \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0434\u0438\u043b\u0435\u0440\u043e\u0432, \u043e\u043f\u0442\u043e\u0432\u044b\u0435 \u0431\u0430\u0437\u044b \u0438 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u043f\u043e \u0432\u0441\u0435\u0439\n \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0438 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d \u0438 \u0441\u0442\u0440\u0430\u043d \u0421\u041d\u0413<\/p>\n <\/div>\n\n <div class=\"why-choose-list\">\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u0428\u0438\u0440\u043e\u043a\u0438\u0439 \u0430\u0441\u0441\u043e\u0440\u0442\u0438\u043c\u0435\u043d\u0442<\/h3>\n <p>\u0422\u0435\u043f\u043b\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0438 \u0433\u0438\u0434\u0440\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u043f\u0440\u0435\u043c\u0438\u0443\u043c-\u043a\u043b\u0430\u0441\u0441\u0430: \u0431\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430, \u043f\u0435\u043d\u044b,\n \u0433\u0435\u0440\u043c\u0435\u0442\u0438\u043a\u0438, \u043a\u043b\u0435\u0435\u0432\u044b\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u044b, \u043c\u0435\u043c\u0431\u0440\u0430\u043d\u044b \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0435\u0432\u0440\u043e\u043f\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f<\/h3>\n <p>\u041f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c \u0438 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435\n \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430<\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043d\u044b\u0435 \u0446\u0435\u043d\u044b<\/h3>\n <p>\u041f\u0440\u044f\u043c\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0441 \u0437\u0430\u0432\u043e\u0434\u043e\u0432-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043d\u0430\u0448\u0438\u043c \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0430\u043c \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u0438\n \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0440\u0436\u0435<\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/h3>\n <p>\u041c\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438, \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043b\u0438\u0441\u0442\u044b, POS-\u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438 \u043e\u043d\u043b\u0430\u0439\u043d-\u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435<\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438<\/h3>\n <p>\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0434\u0438\u043b\u0435\u0440\u0430\u043c \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0430\u0445 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\n \u043f\u0440\u043e\u0434\u0432\u0438\u0433\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044e<\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041d\u0430\u0434\u0451\u0436\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430<\/h3>\n <p>\u041c\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u043c \u0441\u0432\u043e\u0435\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u043f\u043e \u0432\u0441\u0435\u0439 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0443 \u0438 \u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u0410\u0437\u0438\u0438<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"partnership-conditions\">\n <h3>\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\n <div class=\"conditions-grid\">\n <div class=\"condition-item\">\n <div class=\"condition-number\">1<\/div>\n <div class=\"condition-content\">\n <h4>\u041e\u043f\u0442\u043e\u0432\u044b\u0435 \u0446\u0435\u043d\u044b<\/h4>\n <p>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043a\u0438\u0434\u043a\u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043e\u0431\u044a\u0435\u043c\u0430 \u0437\u0430\u043a\u0443\u043f\u043e\u043a<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">2<\/div>\n <div class=\"condition-content\">\n <h4>\u0422\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u043e\u0441\u0442\u044c<\/h4>\n <p>\u0417\u0430\u0449\u0438\u0442\u0430 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432 \u0432 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u0445<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">3<\/div>\n <div class=\"condition-content\">\n <h4>\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/h4>\n <p>\u041f\u043e\u043c\u043e\u0449\u044c \u0432 \u043e\u043d\u043b\u0430\u0439\u043d \u0438 \u043e\u0444\u043b\u0430\u0439\u043d \u0440\u0435\u043a\u043b\u0430\u043c\u0435<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">4<\/div>\n <div class=\"condition-content\">\n <h4>\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438<\/h4>\n <p>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u0438\u044f \u0432 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0430\u0445 \u0438 \u043f\u0440\u043e\u043c\u043e\u0430\u043a\u0446\u0438\u044f\u0445<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">5<\/div>\n <div class=\"condition-content\">\n <h4>\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0430\u0442\u0443\u0441<\/h4>\n <p>\u041f\u0440\u0438\u0437\u043d\u0430\u043d\u0438\u0435 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430 NEMAN EXPERT<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">6<\/div>\n <div class=\"condition-content\">\n <h4>\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/h4>\n <p>\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u043e\u0442 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-section-wrapper\">\n <h3>\u0427\u0430\u0441\u0442\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432<\/h3>\n <div class=\"faq-grid\">\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u041a\u0430\u043a\u0430\u044f \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0443\u043c\u043c\u0430 \u0437\u0430\u043a\u0443\u043f\u0430 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0438\u043b\u0435\u0440\u0441\u043a\u0438\u0445 \u0446\u0435\u043d?\n <span class=\"faq-icon\">+<\/span>\n <\/div>\n <div class=\"faq-answer\">\n <p>\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0443\u043c\u043c\u0430 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0437\u0430\u043a\u0443\u043f\u0430 \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u043e \u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0440\u0435\u0433\u0438\u043e\u043d\u0430 \u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\n \u0432\u0430\u0448\u0435\u0439 \u0442\u043e\u0440\u0433\u043e\u0432\u043e\u0439 \u0442\u043e\u0447\u043a\u0438. \u041c\u044b \u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0433\u0438\u0431\u043a\u0438\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u0430.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u041f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u043b\u0438 \u0432\u044b \u043e\u0431\u0440\u0430\u0437\u0446\u044b \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438?\n <span class=\"faq-icon\">+<\/span>\n <\/div>\n <div class=\"faq-answer\">\n <p>\u0414\u0430, \u043c\u044b \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u0442\u0435\u043d\u0434\u044b \u0441 \u043e\u0431\u0440\u0430\u0437\u0446\u0430\u043c\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438, \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438 \u0438 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0431\u0443\u043a\u043b\u0435\u0442\u044b\n \u0434\u043b\u044f \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043e\u0444\u0438\u0441\u0430 \u0438\u043b\u0438 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u0415\u0441\u0442\u044c \u043b\u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0434\u043e \u043c\u043e\u0435\u0433\u043e \u0441\u043a\u043b\u0430\u0434\u0430?\n <span class=\"faq-icon\">+<\/span>\n <\/div>\n <div class=\"faq-answer\">\n <p>\u041c\u044b \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0443\u0435\u043c \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u043f\u043e \u0432\u0441\u0435\u0439 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430. \u0423\u0441\u043b\u043e\u0432\u0438\u044f (\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u0438\u043b\u0438 \u043f\u043b\u0430\u0442\u043d\u0430\u044f\n \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430) \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 \u043e\u0431\u044a\u0435\u043c\u0430 \u043f\u0430\u0440\u0442\u0438\u0438 \u0438 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u0430.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u041c\u043e\u0436\u043d\u043e \u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0442\u0441\u0440\u043e\u0447\u043a\u0443 \u043f\u043b\u0430\u0442\u0435\u0436\u0430?\n <span class=\"faq-icon\">+<\/span>\n <\/div>\n <div class=\"faq-answer\">\n <p>\u041e\u0442\u0441\u0440\u043e\u0447\u043a\u0430 \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u0430 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0445 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432 \u043f\u043e\u0441\u043b\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\n \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3-6 \u043c\u0435\u0441\u044f\u0446\u0435\u0432 \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0444\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u043e\u0439 \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0438\u043d\u044b.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"how-to-apply\">\n <h3>\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u043d\u0430\u0448\u0438\u043c \u0434\u0438\u043b\u0435\u0440\u043e\u043c<\/h3>\n <div class=\"steps-grid\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h4>\u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443<\/h4>\n <p>\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h4>\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043e\u043d<\/h4>\n <p>\u0421\u043e\u043e\u0431\u0449\u0438\u0442\u0435, \u0432 \u043a\u0430\u043a\u043e\u043c \u0440\u0435\u0433\u0438\u043e\u043d\u0435 \u0432\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435, \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435<\/p>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h4>\u041e\u0431\u0441\u0443\u0434\u0438\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f<\/h4>\n <p>\u041d\u0430\u0448 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0441\u0432\u044f\u0436\u0435\u0442\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 24 \u0447\u0430\u0441\u043e\u0432 \u0434\u043b\u044f \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"contact-form\" class=\"dealer-form-container\">\n <div class=\"dealer-form-header\">\n <h3>\u0417\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u0434\u0438\u043b\u0435\u0440\u0441\u0442\u0432\u043e<\/h3>\n <p>\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443, \u0438 \u043c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0434\u043b\u044f \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u0443\u0441\u043b\u043e\u0432\u0438\u0439<\/p>\n <\/div>\n <form id=\"dealer-application-form\" action=\"#\" method=\"POST\">\n <div class=\"form-grid\">\n <div class=\"form-group full-width\">\n <label class=\"form-label required\">\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/label>\n <input type=\"text\" name=\"company_name\" class=\"form-input\" placeholder=\"\u041e\u041e\u041e '\u0421\u0442\u0440\u043e\u0439\u0418\u043d\u0432\u0435\u0441\u0442'\"\n required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">\u0418\u0418\u041d\/\u0411\u0418\u041d <span\n style=\"font-weight: 400; color: #94a3b8;\">(\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e)<\/span><\/label>\n <input type=\"text\" name=\"iin_bin\" class=\"form-input\" placeholder=\"12 \u0446\u0438\u0444\u0440\">\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u0413\u043e\u0440\u043e\u0434 \/ \u0420\u0435\u0433\u0438\u043e\u043d<\/label>\n <input type=\"text\" name=\"city\" class=\"form-input\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0410\u043b\u043c\u0430\u0442\u044b\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u0422\u0438\u043f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438<\/label>\n <select name=\"org_type\" class=\"form-select\" required>\n <option value=\"\" disabled selected>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043f<\/option>\n <option value=\"\u041c\u0430\u0433\u0430\u0437\u0438\u043d\">\u041c\u0430\u0433\u0430\u0437\u0438\u043d<\/option>\n <option value=\"\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0431\u0430\u0437\u0430\">\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0431\u0430\u0437\u0430<\/option>\n <option value=\"\u041e\u043f\u0442\u043e\u0432\u0438\u043a\">\u041e\u043f\u0442\u043e\u0432\u0438\u043a<\/option>\n <option value=\"\u0414\u0440\u0443\u0433\u043e\u0435\">\u0414\u0440\u0443\u0433\u043e\u0435<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0439 \u043e\u0431\u043e\u0440\u043e\u0442<\/label>\n <select name=\"turnover\" class=\"form-select\" required>\n <option value=\"\" disabled selected>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0431\u043e\u0440\u043e\u0442<\/option>\n <option value=\"\u0422\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c\">\u0422\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c<\/option>\n <option value=\"\u0434\u043e 1 \u043c\u043b\u043d \u20b8\">\u0434\u043e 1 \u043c\u043b\u043d \u20b8<\/option>\n <option value=\"1 - 5 \u043c\u043b\u043d \u20b8\">1 - 5 \u043c\u043b\u043d \u20b8<\/option>\n <option value=\"5 - 20 \u043c\u043b\u043d \u20b8\">5 - 20 \u043c\u043b\u043d \u20b8<\/option>\n <option value=\"\u0431\u043e\u043b\u0435\u0435 20 \u043c\u043b\u043d \u20b8\">\u0431\u043e\u043b\u0435\u0435 20 \u043c\u043b\u043d \u20b8<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u043e\u0435 \u043b\u0438\u0446\u043e<\/label>\n <input type=\"text\" name=\"contact_person\" class=\"form-input\" placeholder=\"\u0418\u043c\u044f \u0424\u0430\u043c\u0438\u043b\u0438\u044f\"\n required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\n <input type=\"tel\" name=\"phone\" id=\"phone-input\" class=\"form-input\"\n placeholder=\"+7 (___) ___-__-__\" required>\n <\/div>\n\n <div class=\"form-group full-width\">\n <button type=\"submit\" class=\"submit-button\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/button>\n <\/div>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-content\">\n <h2>\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a <span class=\"accent\">\u0434\u0438\u043b\u0435\u0440\u0441\u043a\u043e\u0439 \u0441\u0435\u0442\u0438<\/span><\/h2>\n <p>NEMAN EXPERT \u2014 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e, \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c\u0438 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u044b\u043c\u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f\u043c\u0438 \u043f\u043e \u0432\u0441\u0435\u0439\n \u0441\u0442\u0440\u0430\u043d\u0435<\/p>\n\n <div class=\"cta-buttons\">\n <a href=\"#contact-form\" class=\"cta-button\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n \u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f\n <\/a>\n <a href=\"#\" class=\"cta-button secondary\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\n <polyline points=\"14 2 14 8 20 8\" \/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\n <line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\" \/>\n <\/svg>\n \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u041a\u041f\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Telegram Configuration\n const CONFIG = {\n TELEGRAM_BOT_TOKEN: '7739598044:AAEs2WND-B8_JnVrHG37fZ5gC2zsYXH15gM',\n TELEGRAM_CHAT_ID: '7926492494'\n };\n\n document.addEventListener('DOMContentLoaded', function () {\n const phoneInput = document.getElementById('phone-input');\n const form = document.getElementById('dealer-application-form');\n\n \/\/ Handle Form Submission\n if (form) {\n form.addEventListener('submit', async function (e) {\n e.preventDefault();\n\n const submitBtn = form.querySelector('.submit-button');\n const originalBtnText = submitBtn.innerText;\n submitBtn.innerText = '\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430...';\n submitBtn.disabled = true;\n\n const formData = new FormData(this);\n const data = {};\n formData.forEach((value, key) => data[key] = value);\n\n const message = `\n<b>\ud83d\udd25 \u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u0434\u0438\u043b\u0435\u0440\u0441\u0442\u0432\u043e!<\/b>\n\n\ud83c\udfe2 <b>\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f:<\/b> ${data.company_name}\n\ud83c\udd94 <b>\u0418\u0418\u041d\/\u0411\u0418\u041d:<\/b> ${data.iin_bin || '\u041d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043e'}\n\ud83d\udccd <b>\u0413\u043e\u0440\u043e\u0434:<\/b> ${data.city}\n\ud83c\udfd7 <b>\u0422\u0438\u043f:<\/b> ${data.org_type}\n\ud83d\udcb0 <b>\u041e\u0431\u043e\u0440\u043e\u0442:<\/b> ${data.turnover}\n\ud83d\udc64 <b>\u041a\u043e\u043d\u0442\u0430\u043a\u0442:<\/b> ${data.contact_person}\n\ud83d\udcf1 <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${data.phone}\n `;\n\n try {\n const response = await fetch(`https:\/\/api.telegram.org\/bot${CONFIG.TELEGRAM_BOT_TOKEN}\/sendMessage`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json'\n },\n body: JSON.stringify({\n chat_id: CONFIG.TELEGRAM_CHAT_ID,\n text: message,\n parse_mode: 'HTML'\n })\n });\n\n if (response.ok) {\n alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u0412\u0430\u0448\u0430 \u0437\u0430\u044f\u0432\u043a\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \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 } else {\n alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435 \u0438\u043b\u0438 \u0441\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443.');\n }\n } catch (error) {\n console.error('Error:', error);\n alert('\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u0435\u0442\u0438. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043a \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0443.');\n } finally {\n submitBtn.innerText = originalBtnText;\n submitBtn.disabled = false;\n }\n });\n }\n\n phoneInput.addEventListener('input', function (e) {\n let x = e.target.value.replace(\/\\D\/g, '').match(\/(\\d{0,1})(\\d{0,3})(\\d{0,3})(\\d{0,2})(\\d{0,2})\/);\n if (!x[2] && x[1] !== '') {\n e.target.value = x[1] === '7' ? '+7 (' : '+7 (' + x[1];\n } else {\n e.target.value = !x[2] ? x[1] : '+7 (' + x[2] + (x[3] ? ') ' + x[3] : '') + (x[4] ? '-' + x[4] : '') + (x[5] ? '-' + x[5] : '');\n }\n });\n\n \/\/ Prevent deleting the prefix\n phoneInput.addEventListener('keydown', function (e) {\n if (e.key === 'Backspace' && e.target.value.length <= 4) {\n e.preventDefault();\n }\n });\n\n \/\/ Set initial prefix on focus\n phoneInput.addEventListener('focus', function (e) {\n if (e.target.value === '') {\n e.target.value = '+7 (';\n }\n });\n\n \/\/ City Filter Logic\n const filterBtns = document.querySelectorAll('.city-filter-btn');\n const cityBlocks = document.querySelectorAll('.city-block');\n\n filterBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n \/\/ Remove active class from all buttons\n filterBtns.forEach(b => b.classList.remove('active'));\n \/\/ Add active class to clicked button\n btn.classList.add('active');\n\n const filterValue = btn.getAttribute('data-filter');\n\n cityBlocks.forEach(block => {\n if (filterValue === 'all' || block.getAttribute('data-city') === filterValue) {\n block.style.display = 'flex'; \/\/ Restore flex display\n \/\/ Add simple fade in animation\n block.style.opacity = '0';\n setTimeout(() => block.style.opacity = '1', 50);\n } else {\n block.style.display = 'none';\n }\n });\n });\n });\n\n \/\/ FAQ Accordion Logic\n const faqItems = document.querySelectorAll('.faq-item');\n\n faqItems.forEach(item => {\n const question = item.querySelector('.faq-question');\n question.addEventListener('click', () => {\n const isActive = item.classList.contains('active');\n\n \/\/ Close all other items\n faqItems.forEach(otherItem => {\n otherItem.classList.remove('active');\n otherItem.querySelector('.faq-answer').style.maxHeight = null;\n });\n\n \/\/ Toggle current item\n if (!isActive) {\n item.classList.add('active');\n const answer = item.querySelector('.faq-answer');\n answer.style.maxHeight = answer.scrollHeight + \"px\";\n }\n });\n });\n\n \/\/ Scroll Animation Logic\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Helper to add animation to elements with staggered delays\n const addAnimation = (selector, stagger = false) => {\n const elements = document.querySelectorAll(selector);\n if (stagger) {\n \/\/ Group by parent to stagger siblings correctly\n const parents = new Set(Array.from(elements).map(el => el.parentElement));\n parents.forEach(parent => {\n const children = parent.querySelectorAll(selector);\n children.forEach((el, index) => {\n el.classList.add('animate-on-scroll');\n \/\/ Add delay based on index (max 500ms to avoid waiting too long)\n const delay = Math.min((index + 1) * 100, 500);\n el.classList.add(`delay-${delay}`);\n observer.observe(el);\n });\n });\n } else {\n elements.forEach(el => {\n el.classList.add('animate-on-scroll');\n observer.observe(el);\n });\n }\n };\n\n \/\/ Animate headers individually\n addAnimation('h2');\n addAnimation('.dealer-form-container');\n\n \/\/ Animate grid items with staggered delays\n addAnimation('.network-feature', true);\n addAnimation('.city-block', true);\n addAnimation('.benefit-item', true);\n addAnimation('.list-item', true);\n addAnimation('.condition-item', true);\n addAnimation('.step', true);\n addAnimation('.faq-item', true);\n });\n <\/script>\n<\/body>\n\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-145cb18 e-flex e-con-boxed e-con e-parent\" data-id=\"145cb18\" data-element_type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6e9c34 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"a6e9c34\" data-element_type=\"widget\" data-settings=\"{"_ob_perspektive_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no","_ob_widget_stalker_use":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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\">\n <title>\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b?<\/title>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Atyp+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 0;\n }\n\n .contact-form-section {\n padding: 60px 0;\n background: #F2FAF1;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n \/* \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421 \u0415\u0414\u0418\u041d\u042b\u041c\u0418 \u041e\u0422\u0421\u0422\u0423\u041f\u0410\u041c\u0418 *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem; \/* 16px - \u043a\u0430\u043a \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n }\n\n .form-container {\n display: grid;\n grid-template-columns: 1fr 400px;\n gap: 60px;\n align-items: center;\n background: white;\n padding: 40px 50px;\n border-radius: 20px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n min-height: 400px;\n }\n\n .form-content h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 32px;\n font-weight: 700;\n color: #333;\n margin-bottom: 12px;\n line-height: 1.2;\n }\n\n .form-content p {\n font-family: 'Atyp Display', sans-serif;\n font-size: 16px;\n color: #666;\n line-height: 1.5;\n margin-bottom: 30px;\n }\n\n .contact-form {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n }\n\n .form-group {\n display: flex;\n flex-direction: column;\n }\n\n .form-label {\n font-family: 'Montserrat', sans-serif;\n font-size: 13px;\n font-weight: 500;\n color: #666;\n margin-bottom: 6px;\n display: block;\n }\n\n .form-input {\n padding: 14px 16px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #333;\n background: #f8f9fa;\n transition: all 0.3s ease;\n width: 100%;\n }\n\n .form-input::placeholder {\n color: #999;\n }\n\n .form-input:focus {\n outline: none;\n border-color: #5FBA51;\n background: white;\n box-shadow: 0 0 0 2px rgba(95, 186, 81, 0.1);\n }\n\n .submit-button {\n padding: 14px 32px;\n background: #5FBA51;\n color: white;\n border: none;\n border-radius: 6px;\n font-family: 'Montserrat', sans-serif;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n align-self: flex-start;\n margin-top: 8px;\n position: relative;\n }\n\n .submit-button:hover {\n background: #4ca640;\n transform: translateY(-1px);\n box-shadow: 0 6px 20px rgba(95, 186, 81, 0.3);\n }\n\n .submit-button:disabled {\n background: #ccc;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n\n .submit-button.loading {\n color: transparent;\n }\n\n .submit-button.loading::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 20px;\n height: 20px;\n border: 2px solid transparent;\n border-top: 2px solid white;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: translate(-50%, -50%) rotate(0deg); }\n 100% { transform: translate(-50%, -50%) rotate(360deg); }\n }\n\n .disclaimer {\n font-family: 'Atyp Display', sans-serif;\n font-size: 11px;\n color: #999;\n line-height: 1.3;\n margin-top: 15px;\n max-width: 400px;\n }\n\n .form-image {\n text-align: center;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .phone-illustration {\n max-width: 100%;\n height: auto;\n max-height: 350px;\n object-fit: contain;\n animation: bounceBall 3s ease-out infinite;\n filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));\n }\n\n \/* \u042d\u0444\u0444\u0435\u043a\u0442 \u043e\u0442\u0441\u043a\u043e\u043a\u0430 \u043c\u044f\u0447\u0430 - \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u044b\u0439 \u0446\u0438\u043a\u043b *\/\n @keyframes bounceBall {\n 0% {\n transform: translateY(-40px);\n animation-timing-function: ease-in;\n }\n 10% {\n transform: translateY(0px) scaleY(0.95);\n animation-timing-function: ease-out;\n }\n 20% {\n transform: translateY(-25px);\n animation-timing-function: ease-in;\n }\n 30% {\n transform: translateY(0px) scaleY(0.97);\n animation-timing-function: ease-out;\n }\n 40% {\n transform: translateY(-15px);\n animation-timing-function: ease-in;\n }\n 50% {\n transform: translateY(0px) scaleY(0.98);\n animation-timing-function: ease-out;\n }\n 60% {\n transform: translateY(-8px);\n animation-timing-function: ease-in;\n }\n 70% {\n transform: translateY(0px) scaleY(0.99);\n animation-timing-function: ease-out;\n }\n 80% {\n transform: translateY(-4px);\n animation-timing-function: ease-in;\n }\n 90% {\n transform: translateY(0px) scaleY(1);\n animation-timing-function: ease-out;\n }\n 100% {\n transform: translateY(-40px);\n animation-timing-function: ease-in;\n }\n }\n\n \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 2: \u0412\u043e\u043b\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0435 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n \/*\n @keyframes floatPhone {\n 0%, 100% {\n transform: translateY(0px) scale(1);\n }\n 50% {\n transform: translateY(-20px) scale(1.02);\n }\n }\n *\/\n\n \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 3: \u041b\u0435\u0433\u043a\u043e\u0435 \u0434\u044b\u0445\u0430\u043d\u0438\u0435 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n \/*\n @keyframes floatPhone {\n 0%, 100% {\n transform: translateY(0px) scale(1);\n }\n 50% {\n transform: translateY(-10px) scale(1.05);\n }\n }\n *\/\n\n \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 4: \u0412\u043e\u0441\u044c\u043c\u0435\u0440\u043a\u0430 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n \/*\n @keyframes floatPhone {\n 0%, 100% {\n transform: translateY(0px) translateX(0px);\n }\n 25% {\n transform: translateY(-10px) translateX(5px);\n }\n 50% {\n transform: translateY(0px) translateX(0px);\n }\n 75% {\n transform: translateY(-10px) translateX(-5px);\n }\n }\n *\/\n\n \/* \u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f *\/\n .notification {\n position: fixed;\n top: 20px;\n right: 20px;\n padding: 15px 20px;\n border-radius: 8px;\n color: white;\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n font-weight: 500;\n z-index: 1000;\n transform: translateX(400px);\n transition: transform 0.3s ease;\n max-width: 350px;\n }\n\n .notification.show {\n transform: translateX(0);\n }\n\n .notification.success {\n background: #5FBA51;\n }\n\n .notification.error {\n background: #e74c3c;\n }\n\n \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u042b\u0415 \u041e\u0422\u0421\u0422\u0423\u041f\u042b - \u041a\u0410\u041a \u0412 \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u041c \u0411\u041b\u041e\u041a\u0415 *\/\n @media (max-width: 1024px) {\n .container {\n max-width: 1200px;\n padding: 0 2rem; \/* 32px \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\n }\n }\n\n @media (max-width: 968px) {\n .contact-form-section {\n padding: 40px 0;\n }\n\n .form-container {\n grid-template-columns: 1fr;\n gap: 0;\n padding: 30px 25px;\n min-height: auto;\n }\n\n .form-content h2 {\n font-size: 26px;\n text-align: center;\n }\n\n .form-content p {\n font-size: 15px;\n text-align: center;\n margin-bottom: 25px;\n }\n\n .form-row {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n\n \/* \u0421\u041a\u0420\u042b\u0412\u0410\u0415\u041c \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0423 \u041d\u0410 \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u042b\u0425 *\/\n .form-image {\n display: none;\n }\n\n .submit-button {\n width: 100%;\n align-self: stretch;\n }\n\n .notification {\n top: 10px;\n right: 10px;\n left: 10px;\n transform: translateY(-100px);\n }\n\n .notification.show {\n transform: translateY(0);\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 1rem; \/* 16px \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n }\n }\n\n @media (max-width: 640px) {\n .contact-form-section {\n padding: 30px 0;\n }\n\n .form-container {\n padding: 25px 20px;\n border-radius: 15px;\n }\n\n .form-content h2 {\n font-size: 22px;\n margin-bottom: 10px;\n }\n\n .form-content p {\n font-size: 14px;\n margin-bottom: 20px;\n }\n\n .contact-form {\n gap: 15px;\n }\n\n .form-input {\n padding: 12px 14px;\n font-size: 14px;\n }\n\n .submit-button {\n padding: 13px 28px;\n font-size: 14px;\n }\n\n \/* \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 \u0423\u0416\u0415 \u0421\u041a\u0420\u042b\u0422\u0410 \u041d\u0410 \u042d\u0422\u041e\u041c \u0420\u0410\u0417\u0420\u0415\u0428\u0415\u041d\u0418\u0418 *\/\n .form-image {\n display: none;\n }\n }\n\n @media (max-width: 480px) {\n .contact-form-section {\n padding: 25px 0;\n }\n\n .form-container {\n padding: 20px 15px;\n }\n\n .form-content h2 {\n font-size: 20px;\n }\n\n .form-content p {\n font-size: 13px;\n }\n\n .form-input {\n padding: 11px 12px;\n font-size: 13px;\n }\n\n .submit-button {\n padding: 12px 25px;\n font-size: 13px;\n }\n\n .disclaimer {\n font-size: 10px;\n }\n\n \/* \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 \u0423\u0416\u0415 \u0421\u041a\u0420\u042b\u0422\u0410 \u041d\u0410 \u042d\u0422\u041e\u041c \u0420\u0410\u0417\u0420\u0415\u0428\u0415\u041d\u0418\u0418 *\/\n .form-image {\n display: none;\n }\n }\n\n \/* \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b *\/\n @media (min-width: 969px) and (max-width: 1200px) {\n .contact-form-section {\n padding: 50px 0;\n }\n\n .form-container {\n grid-template-columns: 1fr 350px;\n gap: 50px;\n padding: 35px 40px;\n }\n\n .form-content h2 {\n font-size: 28px;\n }\n }\n\n \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 *\/\n .form-container {\n animation: fadeInUp 0.8s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043a \u044f\u043a\u043e\u0440\u044e *\/\n html {\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"contact-form-section\" id=\"contact-form\">\n <div class=\"container\">\n <div class=\"form-container\">\n <div class=\"form-content\">\n <h2>\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b ?<\/h2>\n <p>\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0441\u0432\u043e\u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u0438 \u043c\u044b \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0432\u0430\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/p>\n \n <form class=\"contact-form\" id=\"contactForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"name\">\u0418\u043c\u044f<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"+7 (___) ___-__-__\" required>\n <\/div>\n <\/div>\n \n <button type=\"submit\" class=\"submit-button\" id=\"submitBtn\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/button>\n \n <p class=\"disclaimer\">\n \u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0412\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0412\u0430\u0448\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0435\u0439 TOO NER GROUP LTD\n <\/p>\n <\/form>\n <\/div>\n \n <div class=\"form-image\">\n <img decoding=\"async\" src=\"https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/09\/3D-Hand-with-Smartphone.png\" alt=\"\u0444\u043e\u0442\u043e\" class=\"phone-illustration\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ \u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f Telegram\n const CONFIG = {\n TELEGRAM_BOT_TOKEN: '7739598044:AAEs2WND-B8_JnVrHG37fZ5gC2zsYXH15gM',\n TELEGRAM_CHAT_ID: '7926492494'\n };\n\n \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0439\n function showNotification(message, type = 'success') {\n \/\/ \u0423\u0434\u0430\u043b\u044f\u0435\u043c \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f\n const existingNotification = document.querySelector('.notification');\n if (existingNotification) {\n existingNotification.remove();\n }\n\n const notification = document.createElement('div');\n notification.className = `notification ${type}`;\n notification.textContent = message;\n document.body.appendChild(notification);\n\n \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435\n setTimeout(() => notification.classList.add('show'), 100);\n\n \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0447\u0435\u0440\u0435\u0437 5 \u0441\u0435\u043a\u0443\u043d\u0434\n setTimeout(() => {\n notification.classList.remove('show');\n setTimeout(() => notification.remove(), 300);\n }, 5000);\n }\n\n \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram\n async function sendToTelegram(name, phone) {\n const message = `\ud83d\udd14 <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u0441 \u0441\u0430\u0439\u0442\u0430!<\/b>\n\n\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcde <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n\n\u23f0 <b>\u0412\u0440\u0435\u043c\u044f:<\/b> ${new Date().toLocaleString('ru-RU')}\n\ud83c\udf10 <b>\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a:<\/b> \u0424\u043e\u0440\u043c\u0430 \"\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b\"`;\n \n const url = `https:\/\/api.telegram.org\/bot${CONFIG.TELEGRAM_BOT_TOKEN}\/sendMessage`;\n \n try {\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify({\n chat_id: CONFIG.TELEGRAM_CHAT_ID,\n text: message,\n parse_mode: 'HTML'\n })\n });\n\n const result = await response.json();\n\n if (!response.ok) {\n console.error('Telegram API Error:', result);\n throw new Error(result.description || '\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram');\n }\n\n return result;\n } catch (error) {\n console.error('Telegram error:', error);\n throw error;\n }\n }\n\n \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0444\u043e\u0440\u043c\u044b\n document.getElementById('contactForm').addEventListener('submit', async function(e) {\n e.preventDefault();\n\n const submitBtn = document.getElementById('submitBtn');\n const name = document.getElementById('name').value.trim();\n const phone = document.getElementById('phone').value.trim();\n\n \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n if (!name || !phone) {\n showNotification('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u043f\u043e\u043b\u044f', 'error');\n return;\n }\n\n if (name.length < 2) {\n showNotification('\u0418\u043c\u044f \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043c\u0438\u043d\u0438\u043c\u0443\u043c 2 \u0441\u0438\u043c\u0432\u043e\u043b\u0430', 'error');\n return;\n }\n\n if (phone.length < 10) {\n showNotification('\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430', 'error');\n return;\n }\n\n \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n submitBtn.disabled = true;\n submitBtn.classList.add('loading');\n\n try {\n \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n await sendToTelegram(name, phone);\n\n \/\/ \u0423\u0441\u043f\u0435\u0445\n showNotification('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u0412\u0430\u0448\u0430 \u0437\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \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.', 'success');\n \n \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0444\u043e\u0440\u043c\u0443\n document.getElementById('contactForm').reset();\n\n } catch (error) {\n console.error('Form submission error:', error);\n \n \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443 \u0438\u043b\u0438 \u043e\u0431\u0449\u0443\u044e\n let errorMessage = '\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.';\n \n if (error.message.includes('chat not found')) {\n errorMessage = '\u041e\u0448\u0438\u0431\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443.';\n } else if (error.message.includes('bot was blocked')) {\n errorMessage = '\u0411\u043e\u0442 \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u043d. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443.';\n }\n \n showNotification(errorMessage, 'error');\n } finally {\n \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n submitBtn.disabled = false;\n submitBtn.classList.remove('loading');\n }\n });\n\n \/\/ \u041c\u0430\u0441\u043a\u0430 \u0434\u043b\u044f \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n document.getElementById('phone').addEventListener('input', function(e) {\n let value = e.target.value.replace(\/\\D\/g, '');\n \n \/\/ \u0415\u0441\u043b\u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 8, \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u043d\u0430 7\n if (value.startsWith('8')) {\n value = '7' + value.substring(1);\n }\n \n \/\/ \u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u043c \u043d\u043e\u043c\u0435\u0440\n if (value.length > 0) {\n \/\/ \u0415\u0441\u043b\u0438 \u043f\u0435\u0440\u0432\u0430\u044f \u0446\u0438\u0444\u0440\u0430 7, \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u043c \u043a\u0430\u043a +7\n if (value.startsWith('7')) {\n const phoneDigits = value.substring(1);\n if (phoneDigits.length === 0) {\n value = '+7 (';\n } else if (phoneDigits.length <= 3) {\n value = `+7 (${phoneDigits}`;\n } else if (phoneDigits.length <= 6) {\n value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3)}`;\n } else if (phoneDigits.length <= 8) {\n value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3, 6)}-${phoneDigits.substring(6)}`;\n } else {\n value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3, 6)}-${phoneDigits.substring(6, 8)}-${phoneDigits.substring(8, 10)}`;\n }\n } else {\n \/\/ \u0415\u0441\u043b\u0438 \u043d\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 7, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c +7 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\n if (value.length <= 3) {\n value = `+7 (${value}`;\n } else if (value.length <= 6) {\n value = `+7 (${value.substring(0, 3)}) ${value.substring(3)}`;\n } else if (value.length <= 8) {\n value = `+7 (${value.substring(0, 3)}) ${value.substring(3, 6)}-${value.substring(6)}`;\n } else {\n value = `+7 (${value.substring(0, 3)}) ${value.substring(3, 6)}-${value.substring(6, 8)}-${value.substring(8, 10)}`;\n }\n }\n }\n \n e.target.value = value;\n });\n\n \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0446\u0438\u0444\u0440\u044b \u0438 \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0432 \u043f\u043e\u043b\u0435 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n document.getElementById('phone').addEventListener('keydown', function(e) {\n \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: backspace, delete, tab, escape, enter\n if ([46, 8, 9, 27, 13].indexOf(e.keyCode) !== -1 ||\n \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: Ctrl+A, Ctrl+C, Ctrl+V, Ctrl+X\n (e.keyCode === 65 && e.ctrlKey === true) ||\n (e.keyCode === 67 && e.ctrlKey === true) ||\n (e.keyCode === 86 && e.ctrlKey === true) ||\n (e.keyCode === 88 && e.ctrlKey === true) ||\n \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: home, end, left, right\n (e.keyCode >= 35 && e.keyCode <= 39)) {\n return;\n }\n \/\/ \u0417\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u043c \u0432\u0441\u0451 \u043a\u0440\u043e\u043c\u0435 \u0446\u0438\u0444\u0440\n if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {\n e.preventDefault();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3b412e e-flex e-con-boxed e-con e-parent\" data-id=\"c3b412e\" data-element_type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-588e85a ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"588e85a\" data-element_type=\"widget\" data-settings=\"{"_ob_perspektive_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no","_ob_widget_stalker_use":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Footer - Neman Expert<\/title>\n\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Atyp+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 0;\n }\n\n .footer {\n background: #1a252f;\n color: #ffffff;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n \/* \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421 \u0415\u0414\u0418\u041d\u042b\u041c\u0418 \u041e\u0422\u0421\u0422\u0423\u041f\u0410\u041c\u0418 *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n \/* 16px - \u043a\u0430\u043a \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n }\n\n .footer-content {\n padding: 50px 0 25px;\n }\n\n \/* \u041d\u041e\u0412\u0410\u042f \u0421\u0415\u0422\u041a\u0410 \u0424\u0423\u0422\u0415\u0420\u0410 (4 \u041a\u041e\u041b\u041e\u041d\u041a\u0418) *\/\n .footer-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr 1fr 1fr;\n gap: 40px;\n align-items: start;\n margin-bottom: 40px;\n }\n\n .footer-col {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .footer-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 700;\n color: #ffffff !important;\n \/* Force white color *\/\n margin-bottom: 25px;\n text-transform: uppercase;\n letter-spacing: 1px;\n opacity: 1;\n }\n\n \/* \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0411\u0440\u0435\u043d\u0434 *\/\n .brand-col .footer-logo {\n align-items: flex-start;\n text-align: left;\n margin-bottom: 20px;\n }\n\n .brand-col .since-text {\n margin-top: 8px;\n font-size: 13px;\n opacity: 0.6;\n }\n\n .brand-col .footer-social {\n justify-content: flex-start;\n gap: 12px;\n }\n\n \/* \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b *\/\n .footer-contacts {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .contact-item {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #e8eaed;\n line-height: 1.5;\n }\n\n .contact-item strong {\n color: #ffffff;\n font-weight: 600;\n display: block;\n margin-bottom: 4px;\n }\n\n \/* Links Styling Fix *\/\n .footer-links {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .footer-link {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #e2e8f0 !important;\n \/* Light grey\/white for readability *\/\n text-decoration: none;\n transition: color 0.3s ease;\n display: block;\n \/* Ensure they sit on their own lines *\/\n line-height: 1.4;\n }\n\n .footer-link:hover {\n color: #5FBA51 !important;\n padding-left: 5px;\n \/* Subtle movement on hover *\/\n }\n\n \/* \u0417\u0414\u0415\u0421\u042c \u0417\u0410\u041c\u0415\u041d\u0418\u0422\u042c \u041d\u0410 \u0412\u0410\u0428 \u041b\u041e\u0413\u041e\u0422\u0418\u041f *\/\n .logo-image {\n max-width: 180px;\n height: auto;\n max-height: 80px;\n object-fit: contain;\n }\n\n \/* \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 - \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f *\/\n .logo-container {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 8px;\n }\n\n .logo-icon {\n width: 55px;\n height: 55px;\n background: linear-gradient(135deg, #3498db, #2980b9);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 26px;\n color: white;\n box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);\n }\n\n .logo-text {\n font-family: 'Montserrat', sans-serif;\n font-size: 26px;\n font-weight: 700;\n color: #ffffff;\n letter-spacing: 0.5px;\n }\n\n .logo-text .expert {\n color: #27ae60;\n }\n\n .since-text {\n font-family: 'Montserrat', sans-serif;\n font-size: 15px;\n color: #bdc3c7;\n font-weight: 500;\n letter-spacing: 1px;\n }\n\n .footer-social {\n display: flex;\n justify-content: flex-end;\n gap: 15px;\n }\n\n \/* \u0421\u043e\u0446\u0441\u0435\u0442\u0438 - \u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0441\u0442\u0438\u043b\u044c (\u041c\u043e\u043d\u043e\u0445\u0440\u043e\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e) *\/\n .social-link {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n \/* \u041a\u0440\u0443\u0433\u043b\u044b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u0435\u0435 *\/\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n color: white;\n background: rgba(255, 255, 255, 0.05);\n \/* \u041b\u0435\u0433\u043a\u0438\u0439 \u0444\u043e\u043d *\/\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n .social-link svg {\n width: 18px;\n height: 18px;\n fill: currentColor;\n \/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c fill \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0445\u0440\u043e\u043c\u0430 *\/\n stroke: none;\n \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0431\u0432\u043e\u0434\u043a\u0443 \u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u0435\u0441\u0442\u044c \u0432 SVG \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e *\/\n }\n\n \/* \u0421\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0444\u0438\u043a\u0441\u044b \u0434\u043b\u044f SVG \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 stroke-based *\/\n .social-link.youtube svg,\n .social-link.instagram svg {\n fill: none;\n stroke: currentColor;\n stroke-width: 2;\n }\n\n .social-link:hover {\n transform: translateY(-3px);\n border-color: transparent;\n background: white;\n color: #1a252f;\n \/* \u0418\u043a\u043e\u043d\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0442\u0435\u043c\u043d\u043e\u0439 \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435 *\/\n }\n\n \/* \u0426\u0432\u0435\u0442\u043d\u044b\u0435 \u0445\u043e\u0432\u0435\u0440\u044b (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u0437\u0430\u0445\u043e\u0447\u0435\u0442 \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0446\u0432\u0435\u0442\u0430) *\/\n \/* \n .social-link.youtube:hover { background: #FF0000; color: white; }\n .social-link.twitter:hover { background: #000000; color: white; border-color: #333; }\n .social-link.tiktok:hover { background: #000000; color: white; border-color: #333; }\n .social-link.whatsapp:hover { background: #25D366; color: white; }\n .social-link.instagram:hover { background: #d62976; color: white; } \n *\/\n\n .footer-legal {\n border-top: 1px solid #2c3e50;\n padding: 25px 0;\n text-align: center;\n }\n\n .legal-links {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .legal-link {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #95a5a6;\n text-decoration: none;\n transition: color 0.3s ease;\n position: relative;\n }\n\n .legal-link:hover {\n color: #5FBA51;\n }\n\n .legal-link::after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 0;\n width: 0;\n height: 2px;\n background: #5FBA51;\n transition: width 0.3s ease;\n }\n\n .legal-link:hover::after {\n width: 100%;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n .main-links .legal-link {\n font-size: 16px;\n color: #ffffff;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .main-links .legal-link:hover {\n color: #5FBA51;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u043e\u0439 (\u044e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u043e\u0439) \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n .secondary-links .legal-link {\n font-size: 13px;\n color: #64748b;\n }\n\n .footer-copyright {\n border-top: 1px solid #2c3e50;\n padding-top: 25px;\n text-align: center;\n }\n\n .copyright-text {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #95a5a6;\n font-weight: 400;\n }\n\n \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u042b\u0415 \u041e\u0422\u0421\u0422\u0423\u041f\u042b - \u041a\u0410\u041a \u0412 \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u041c \u0411\u041b\u041e\u041a\u0415 *\/\n @media (max-width: 1024px) {\n .container {\n max-width: 1200px;\n padding: 0 2rem;\n \/* 32px \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n }\n\n @media (max-width: 968px) {\n .footer-content {\n padding: 40px 0 20px;\n }\n\n .footer-main {\n grid-template-columns: 1fr;\n gap: 35px;\n text-align: center;\n }\n\n .footer-contacts {\n order: 2;\n align-items: center;\n }\n\n .footer-logo {\n order: 1;\n }\n\n .footer-social {\n order: 3;\n justify-content: center;\n }\n\n .contact-item {\n font-size: 16px;\n }\n\n .logo-text {\n font-size: 24px;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n font-size: 24px;\n }\n\n .legal-links {\n gap: 20px;\n }\n\n .legal-link {\n font-size: 14px;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 1rem;\n \/* 16px \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n }\n }\n\n @media (max-width: 640px) {\n .footer-content {\n padding: 35px 0 18px;\n }\n\n .footer-main {\n gap: 30px;\n }\n\n .logo-container {\n flex-direction: column;\n gap: 10px;\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n font-size: 22px;\n }\n\n .logo-text {\n font-size: 22px;\n }\n\n .contact-item {\n font-size: 15px;\n }\n\n .social-link {\n width: 45px;\n height: 45px;\n font-size: 20px;\n }\n\n .footer-social {\n gap: 12px;\n }\n\n .copyright-text {\n font-size: 14px;\n }\n\n .since-text {\n font-size: 14px;\n }\n\n .legal-links {\n flex-direction: column;\n gap: 15px;\n }\n\n .legal-link {\n font-size: 13px;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n gap: 35px;\n text-align: center;\n }\n\n .brand-col .footer-logo,\n .brand-col .footer-social {\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n\n .contact-item strong {\n display: inline;\n }\n }\n\n @media (max-width: 480px) {\n .footer-content {\n padding: 30px 0 15px;\n }\n\n .footer-main {\n gap: 25px;\n }\n\n .contact-item {\n font-size: 14px;\n }\n\n .logo-text {\n font-size: 20px;\n }\n\n .social-link {\n width: 42px;\n height: 42px;\n font-size: 18px;\n }\n\n .copyright-text {\n font-size: 13px;\n }\n }\n\n \/* \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b *\/\n @media (min-width: 969px) and (max-width: 1200px) {\n .footer-content {\n padding: 45px 0 22px;\n }\n\n .footer-main {\n gap: 45px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-grid\">\n \n <div class=\"footer-col brand-col\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-\u043e\u0442-2025-06-24-10-53-02-Photoroom.png\"\n alt=\"NEMAN EXPERT\" class=\"logo-image\">\n <div class=\"since-text\">SINCE 2024<\/div>\n <\/div>\n <div class=\"footer-social\">\n <a href=\"https:\/\/www.youtube.com\/@NEMANEXPERT\" target=\"_blank\" class=\"social-link youtube\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\">\n <\/path>\n <polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon>\n <\/svg><\/a>\n <a href=\"https:\/\/x.com\/nemanexpert\" target=\"_blank\" class=\"social-link twitter\"><svg\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n fill=\"white\">\n <path\n d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" \/>\n <\/svg><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@nemanexpert\" target=\"_blank\" class=\"social-link tiktok\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n height=\"20\" viewBox=\"0 0 448 512\" fill=\"white\">\n <path\n d=\"M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z\" \/>\n <\/svg><\/a>\n <a href=\"https:\/\/www.instagram.com\/nemanexpert\" target=\"_blank\" class=\"social-link instagram\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n <\/svg><\/a>\n <a href=\"https:\/\/wa.me\/77473933040\" target=\"_blank\" class=\"social-link whatsapp\" rel=\"noopener\"><svg\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n fill=\"white\">\n <path\n d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488\" \/>\n <\/svg><\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 class=\"footer-title\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/h4>\n <div class=\"footer-links\">\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=4096\" class=\"footer-link\">\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=4104\" class=\"footer-link\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438\n \u043e\u043f\u043b\u0430\u0442\u044b<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=4060\" class=\"footer-link\">FAQ<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 class=\"footer-title\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/h4>\n <div class=\"footer-links\">\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3839\" class=\"footer-link\">\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u0430\u044f \u043e\u0444\u0435\u0440\u0442\u0430<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3923\" class=\"footer-link\">\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435\n \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3898\" class=\"footer-link\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3928\" class=\"footer-link\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430\n \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 class=\"footer-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h4>\n <div class=\"footer-contacts\">\n <div class=\"contact-item\">\n <strong>\u0422\u0435\u043b:<\/strong> +7 747 393 30 40\n <\/div>\n <div class=\"contact-item\">\n <strong>Email:<\/strong> info@nemanexpert.kz\n <\/div>\n <div class=\"contact-item\">\n \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0430 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d, \u0433. \u0410\u043b\u043c\u0430\u0442\u044b, \u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u0422\u0443\u0440\u0430\u0440\u0430 \u0420\u044b\u0441\u043a\u0443\u043b\u043e\u0432\u0430, 166\/2\u0430\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-copyright\">\n <div class=\"copyright-text\">\n Copyright \u00a9 2025 nemanexpert \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n<\/body>\n\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NEMAN EXPERT — \u0414\u0438\u043b\u0435\u0440\u0441\u043a\u0430\u044f \u0441\u0435\u0442\u044c \u0438 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e \u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043e \u0434\u0438\u043b\u0435\u0440\u0430 \u0428\u0438\u0440\u043e\u043a\u0430\u044f \u0441\u0435\u0442\u044c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0443 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0421\u0442\u0430\u0442\u044c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=152"}],"version-history":[{"count":114,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":4494,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/152\/revisions\/4494"}],"wp:attachment":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n\n \n \n NEMAN EXPERT - \u0414\u0438\u043b\u0435\u0440\u0441\u043a\u0430\u044f \u0441\u0435\u0442\u044c \u0438 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html,\n body {\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n }\n\n body {\n font-family: 'Montserrat', Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n background-color: #ffffff;\n \/* Reverted to white *\/\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n }\n\n \/* Hero Section *\/\n .hero-section {\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n padding: 6rem 0 14rem;\n \/* Reduced top padding to move content up, increased bottom *\/\n position: relative;\n overflow: hidden;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n color: white;\n }\n\n .hero-section::before {\n content: '';\n position: absolute;\n top: 0;\n \/* Reset to 0 to cover full height with overlay *\/\n left: 0;\n width: 100%;\n height: 100%;\n background: url('https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/10\/\u041c\u044b-\u0435\u0441\u0442\u044c-\u0432-\u0433\u043e\u0440\u043e\u0434\u0430\u0445.svg') no-repeat center;\n \/* Reverted to center to fix artifact *\/\n background-size: cover;\n background-attachment: fixed;\n background-color: rgba(0, 0, 0, 0.5);\n background-blend-mode: multiply;\n opacity: 1;\n }\n\n .hero-content {\n position: relative;\n z-index: 2;\n }\n\n .hero-content h1 {\n font-family: 'Montserrat', sans-serif;\n font-size: 3rem;\n font-weight: 700;\n color: white;\n margin-bottom: 1.5rem;\n line-height: 1.2;\n }\n\n .hero-content .accent {\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-subtitle {\n font-size: 1.25rem;\n color: #cbd5e1;\n margin-bottom: 2rem;\n max-width: 600px;\n }\n\n .hero-stats {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 1.5rem;\n margin-top: 3rem;\n }\n\n .hero-stat {\n text-align: center;\n background: rgba(255, 255, 255, 0.1);\n padding: 1.5rem 1rem;\n border-radius: 16px;\n border: 1px solid rgba(95, 186, 81, 0.3);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n }\n\n .hero-stat:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(95, 186, 81, 0.4);\n border-color: rgba(95, 186, 81, 0.6);\n }\n\n .hero-stat-number {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #5FBA51;\n display: block;\n margin-bottom: 0.25rem;\n line-height: 1.1;\n }\n\n .hero-stat-label {\n font-size: 0.9rem;\n color: #cbd5e1;\n font-weight: 500;\n line-height: 1.2;\n }\n\n \/* Network Section *\/\n .network-section {\n padding: 6rem 0;\n background: white;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .network-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .network-header h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .network-header p {\n font-size: 1.125rem;\n color: #64748b;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .network-features {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n margin-top: 4rem;\n }\n\n .network-feature {\n text-align: center;\n padding: 2rem;\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border-radius: 20px;\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n .network-feature:hover {\n transform: translateY(-5px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n border-color: #5FBA51;\n }\n\n .network-feature-icon {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n transition: all 0.3s ease;\n }\n\n .network-feature:hover .network-feature-icon {\n transform: scale(1.1);\n }\n\n .network-feature h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.25rem;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .network-feature p {\n color: #64748b;\n line-height: 1.6;\n }\n\n \/* Dealers Section *\/\n .dealers-section {\n padding: 6rem 0;\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .dealers-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .dealers-header h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .dealers-header p {\n font-size: 1.125rem;\n color: #64748b;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .cities-grid {\n display: grid;\n \/* Changed from auto-fit to auto-fill to prevent stretching of single items *\/\n grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));\n gap: 3rem;\n margin-top: 4rem;\n align-items: start;\n justify-content: center;\n \/* Center the grid items if they don't fill the row *\/\n }\n\n .city-block {\n background: white;\n border-radius: 20px;\n padding: 2.5rem;\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n height: fit-content;\n display: flex;\n flex-direction: column;\n }\n\n .city-block::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 4px;\n background: linear-gradient(90deg, #5FBA51, #4a9441);\n }\n\n .city-header {\n display: flex;\n align-items: center;\n margin-bottom: 2rem;\n padding-bottom: 1rem;\n border-bottom: 2px solid #f1f5f9;\n flex-shrink: 0;\n gap: 1rem;\n }\n\n .city-icon {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .city-icon svg {\n width: 24px;\n height: 24px;\n fill: white;\n }\n\n .city-name {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.5rem;\n font-weight: 700;\n color: #1e293b;\n margin: 0;\n }\n\n .dealer-card {\n background: white;\n border-radius: 16px;\n padding: 2rem;\n margin-bottom: 1.5rem;\n border: 2px solid #f1f5f9;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n }\n\n .dealer-card:hover {\n border-color: #5FBA51;\n box-shadow: 0 8px 25px rgba(95, 186, 81, 0.15);\n }\n\n .dealer-name {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 1rem;\n font-size: 1.2rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n }\n\n .dealer-name::before {\n content: '';\n width: 8px;\n height: 8px;\n background: #5FBA51;\n border-radius: 50%;\n flex-shrink: 0;\n }\n\n .dealer-contact {\n display: flex;\n align-items: center;\n color: #5FBA51;\n font-weight: 500;\n text-decoration: none;\n padding: 0.75rem 1rem;\n background: #f8fafc;\n border-radius: 8px;\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n .dealer-contact:hover {\n background: #5FBA51;\n color: white;\n border-color: #5FBA51;\n }\n\n .dealer-contact svg {\n margin-right: 0.75rem;\n flex-shrink: 0;\n }\n\n .dealer-location {\n color: #64748b;\n font-size: 0.95rem;\n margin-bottom: 0.75rem;\n }\n\n \/* Benefits Section *\/\n .benefits-section {\n padding: 6rem 0;\n background: white;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .benefits-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .benefits-header h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .benefits-header p {\n font-size: 1.125rem;\n color: #64748b;\n max-width: 600px;\n margin: 0 auto;\n }\n\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n margin-top: 4rem;\n }\n\n .benefit-item {\n display: flex;\n align-items: flex-start;\n gap: 1.5rem;\n padding: 2rem;\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n border-radius: 16px;\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n .benefit-item:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);\n border-color: #5FBA51;\n }\n\n .benefit-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.3s ease;\n }\n\n .benefit-icon svg {\n width: 30px;\n height: 30px;\n fill: white;\n }\n\n .benefit-item:hover .benefit-icon {\n transform: scale(1.1);\n }\n\n .benefit-content h3 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 0.5rem;\n font-size: 1.2rem;\n }\n\n .benefit-content p {\n color: #64748b;\n line-height: 1.6;\n }\n\n \/* Partnership Section *\/\n .partnership-section {\n padding: 6rem 0;\n background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n .partnership-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .partnership-header h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 1rem;\n }\n\n .partnership-header p {\n font-size: 1.125rem;\n color: #64748b;\n max-width: 700px;\n margin: 0 auto;\n }\n\n .why-choose-list {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n margin-top: 3rem;\n max-width: 1200px;\n margin-left: auto;\n margin-right: auto;\n }\n\n @media (max-width: 900px) {\n .why-choose-list {\n grid-template-columns: 1fr;\n max-width: 800px;\n }\n }\n\n .list-item {\n display: flex;\n align-items: flex-start;\n gap: 1rem;\n padding: 1.5rem;\n background: white;\n border-radius: 12px;\n border: 1px solid #e2e8f0;\n transition: all 0.3s ease;\n }\n\n .list-item:hover {\n border-color: #5FBA51;\n box-shadow: 0 8px 20px rgba(95, 186, 81, 0.1);\n }\n\n .list-icon {\n width: 24px;\n height: 24px;\n background: #5FBA51;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n margin-top: 0.25rem;\n }\n\n .list-icon svg {\n width: 14px;\n height: 14px;\n fill: white;\n }\n\n .list-content h3 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 0.5rem;\n }\n\n .list-content p {\n color: #64748b;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n .partnership-conditions {\n background: white;\n border-radius: 20px;\n padding: 3rem;\n margin-top: 4rem;\n border: 2px solid #e2e8f0;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n }\n\n .partnership-conditions h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .conditions-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 2rem;\n }\n\n .condition-item {\n display: flex;\n gap: 1rem;\n }\n\n .condition-number {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n flex-shrink: 0;\n }\n\n .condition-content h4 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 0.5rem;\n }\n\n .condition-content p {\n color: #64748b;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n .how-to-apply {\n background: white;\n border-radius: 20px;\n padding: 3rem;\n margin-top: 3rem;\n border: 2px solid #5FBA51;\n background: linear-gradient(135deg, rgba(95, 186, 81, 0.05) 0%, rgba(95, 186, 81, 0.02) 100%);\n }\n\n .how-to-apply h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.5rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 2rem;\n text-align: center;\n }\n\n .steps-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 2rem;\n position: relative;\n }\n\n \/* Desktop Timeline Horizontal Line *\/\n .steps-grid::before {\n content: '';\n position: absolute;\n top: 25px;\n left: 15%;\n right: 15%;\n height: 3px;\n background: #e2e8f0;\n background: linear-gradient(90deg, #e2e8f0 0%, #5FBA51 50%, #e2e8f0 100%);\n z-index: 0;\n border-radius: 3px;\n }\n\n .step {\n text-align: center;\n position: relative;\n z-index: 1;\n }\n\n .step-number {\n width: 50px;\n height: 50px;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 1.5rem;\n margin: 0 auto 1.5rem;\n position: relative;\n z-index: 2;\n box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.8);\n \/* Halo effect *\/\n }\n\n .step h4 {\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n margin-bottom: 0.5rem;\n }\n\n .step p {\n color: #64748b;\n font-size: 0.95rem;\n line-height: 1.5;\n }\n\n \/* Mobile Vertical Timeline *\/\n @media (max-width: 768px) {\n .steps-grid {\n grid-template-columns: 1fr;\n gap: 0;\n }\n\n .steps-grid::before {\n display: none;\n }\n\n .step {\n display: flex;\n flex-direction: row;\n text-align: left;\n gap: 1.5rem;\n padding-bottom: 2.5rem;\n align-items: flex-start;\n }\n\n .step:last-child {\n padding-bottom: 0;\n }\n\n .step-number {\n margin: 0;\n flex-shrink: 0;\n }\n\n \/* Vertical Line *\/\n .step::after {\n content: '';\n position: absolute;\n left: 24px;\n top: 50px;\n bottom: 0;\n width: 2px;\n background: #cbd5e1;\n }\n\n .step:last-child::after {\n display: none;\n }\n\n .step h4 {\n margin-top: 0.25rem;\n }\n }\n\n \/* CTA Section *\/\n .cta-section {\n padding: 6rem 0;\n background: linear-gradient(135deg, #1e293b 0%, #334155 100%);\n color: white;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n text-align: center;\n margin-bottom: 0 !important;\n display: block;\n }\n\n .cta-content h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n color: white;\n }\n\n .cta-content h2 .accent {\n color: #5FBA51;\n }\n\n .cta-content p {\n font-size: 1.125rem;\n color: #cbd5e1;\n max-width: 600px;\n margin: 0 auto 2rem;\n }\n\n \/* Old CTA styles removed to use new minimalist styles defined above *\/\n\n .cta-buttons {\n display: flex;\n gap: 1.5rem;\n justify-content: center;\n flex-wrap: wrap;\n margin-top: 2rem;\n }\n\n \/* Responsive Design *\/\n @media (max-width: 1024px) {\n .network-features {\n grid-template-columns: 1fr;\n }\n\n .cities-grid {\n grid-template-columns: 1fr;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .conditions-grid {\n grid-template-columns: 1fr;\n }\n\n .steps-grid {\n grid-template-columns: 1fr;\n }\n\n .hero-stats {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 768px) {\n\n .network-header h2,\n .dealers-header h2,\n .benefits-header h2,\n .partnership-header h2,\n .cta-content h2 {\n font-size: 2rem;\n }\n\n .container {\n padding: 0 1rem;\n }\n\n .benefit-item {\n flex-direction: column;\n text-align: center;\n align-items: center;\n }\n\n .cta-buttons {\n flex-direction: column;\n align-items: center;\n }\n\n .cta-button {\n width: 100%;\n max-width: 280px;\n justify-content: center;\n }\n\n .partnership-conditions,\n .how-to-apply {\n padding: 2rem;\n }\n\n .condition-item {\n flex-direction: column;\n text-align: center;\n }\n }\n\n @media (max-width: 480px) {\n .hero-content h1 {\n font-size: 1.8rem;\n }\n\n .hero-subtitle {\n font-size: 1rem;\n }\n\n .hero-stats {\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n }\n\n .hero-stat {\n padding: 1rem 0.5rem;\n }\n\n .hero-stat-number {\n font-size: 1.8rem;\n }\n\n .hero-stat-label {\n font-size: 0.8rem;\n }\n\n .cta-button {\n width: 100%;\n max-width: 260px;\n justify-content: center;\n padding: 1rem 1.5rem;\n }\n\n .hero-section,\n .network-section,\n .dealers-section,\n .benefits-section,\n .partnership-section,\n .cta-section {\n padding: 3rem 0;\n }\n }\n\n \/* Scroll Animations *\/\n .animate-on-scroll {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n will-change: opacity, transform;\n }\n\n .animate-on-scroll.is-visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Staggered delays *\/\n .delay-100 {\n transition-delay: 0.1s;\n }\n\n .delay-200 {\n transition-delay: 0.2s;\n }\n\n .delay-300 {\n transition-delay: 0.3s;\n }\n\n .delay-400 {\n transition-delay: 0.4s;\n }\n\n .delay-500 {\n transition-delay: 0.5s;\n }\n\n \/* City Filters Styles *\/\n .city-filters {\n display: flex;\n justify-content: center;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n }\n\n .city-filter-btn {\n padding: 0.75rem 1.5rem;\n border: 1px solid #e2e8f0;\n background: white;\n border-radius: 100px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 500;\n color: #64748b;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n\n .city-filter-btn:hover,\n .city-filter-btn.active {\n background: #5FBA51;\n color: white;\n border-color: #5FBA51;\n box-shadow: 0 4px 12px rgba(95, 186, 81, 0.2);\n }\n\n \/* FAQ Styles *\/\n .faq-section-wrapper {\n margin-top: 4rem;\n max-width: 900px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .faq-section-wrapper h3 {\n text-align: center;\n font-family: 'Montserrat', sans-serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 2rem;\n }\n\n .faq-item {\n background: white;\n border: 1px solid #e2e8f0;\n border-radius: 12px;\n margin-bottom: 1rem;\n overflow: hidden;\n transition: all 0.3s ease;\n }\n\n .faq-item:hover {\n border-color: #5FBA51;\n }\n\n .faq-question {\n padding: 1.25rem 1.5rem;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n color: #1e293b;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n background: white;\n }\n\n .faq-icon {\n font-size: 1.5rem;\n color: #5FBA51;\n transition: transform 0.3s ease;\n font-weight: 300;\n }\n\n .faq-item.active .faq-icon {\n transform: rotate(45deg);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-out;\n background: #f8fafc;\n }\n\n .faq-answer p {\n padding: 1.5rem;\n color: #64748b;\n margin: 0;\n line-height: 1.6;\n }\n\n \/* Hero Buttons specific styles *\/\n .hero-buttons {\n display: flex;\n gap: 1rem;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n }\n\n \/* Primary Button (Base Style) - Minimalist White *\/\n .cta-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.75rem;\n padding: 1rem 2.5rem;\n background: #ffffff;\n color: #1e293b;\n text-decoration: none;\n border-radius: 100px;\n \/* Pill shape *\/\n font-weight: 600;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n border: 1px solid transparent;\n font-size: 1rem;\n cursor: pointer;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n }\n\n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);\n background: #f8fafc;\n }\n\n \/* Secondary Button - Glass\/Outline *\/\n .hero-btn-secondary {\n background: transparent !important;\n border: 1px solid rgba(255, 255, 255, 0.4) !important;\n color: #ffffff !important;\n box-shadow: none !important;\n backdrop-filter: blur(4px);\n }\n\n .hero-btn-secondary:hover {\n background: #ffffff !important;\n color: #1e293b !important;\n border-color: #ffffff !important;\n transform: translateY(-2px);\n }\n\n \/* Bottom CTA Secondary Button Override *\/\n .cta-button.secondary {\n background: transparent;\n border: 1px solid rgba(255, 255, 255, 0.3);\n color: white;\n box-shadow: none;\n }\n\n .cta-button.secondary:hover {\n background: white;\n color: #1e293b;\n border-color: white;\n }\n\n @media (max-width: 768px) {\n .hero-buttons {\n justify-content: center;\n }\n\n .cta-button {\n width: 100%;\n max-width: 300px;\n }\n }\n\n \/* Dealer Form *\/\n .dealer-form-container {\n background: white;\n border-radius: 20px;\n padding: 3rem;\n margin-top: 4rem;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n border: 1px solid #e2e8f0;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n scroll-margin-top: 100px;\n }\n\n .dealer-form-header {\n text-align: center;\n margin-bottom: 2.5rem;\n }\n\n .dealer-form-header h3 {\n font-family: 'Montserrat', sans-serif;\n font-size: 1.8rem;\n font-weight: 700;\n color: #1e293b;\n margin-bottom: 0.5rem;\n }\n\n .dealer-form-header p {\n color: #64748b;\n }\n\n .form-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1.5rem;\n }\n\n .form-group {\n margin-bottom: 1rem;\n }\n\n .form-group.full-width {\n grid-column: 1 \/ -1;\n }\n\n .form-label {\n display: block;\n font-weight: 600;\n margin-bottom: 0.5rem;\n color: #334155;\n font-size: 0.95rem;\n }\n\n .form-input,\n .form-select {\n width: 100%;\n padding: 12px 16px !important;\n \/* Explicit padding with !important *\/\n border: 1px solid #e2e8f0;\n border-radius: 8px;\n font-family: 'Montserrat', sans-serif;\n font-size: 16px !important;\n \/* Prevent zoom on mobile *\/\n line-height: 1.5 !important;\n \/* Fix line height clipping *\/\n transition: all 0.3s ease;\n background: #f8fafc;\n color: #1e293b;\n height: auto !important;\n \/* Allow auto height *\/\n min-height: 48px !important;\n \/* Ensure minimum clickable area *\/\n box-sizing: border-box !important;\n \/* Force border-box *\/\n margin: 0 !important;\n \/* Remove potential WP margins *\/\n }\n\n .form-input:focus,\n .form-select:focus {\n outline: none;\n border-color: #5FBA51;\n box-shadow: 0 0 0 3px rgba(95, 186, 81, 0.1);\n background-color: white;\n }\n\n \/* Custom Select Arrow *\/\n .form-select {\n appearance: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 1rem center;\n background-size: 1em;\n padding-right: 2.5rem !important;\n }\n\n \/* Required Field Asterisk *\/\n .form-label.required::after {\n content: \" *\";\n color: #ef4444;\n font-weight: 700;\n }\n\n .submit-button {\n width: 100%;\n padding: 1rem;\n background: linear-gradient(135deg, #5FBA51, #4a9441);\n color: white;\n border: none;\n border-radius: 10px;\n font-weight: 700;\n font-size: 1.1rem;\n cursor: pointer;\n transition: all 0.3s ease;\n margin-top: 1rem;\n }\n\n .submit-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 20px rgba(95, 186, 81, 0.25);\n }\n\n @media (max-width: 768px) {\n .form-grid {\n grid-template-columns: 1fr;\n }\n\n .dealer-form-container {\n padding: 2rem;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n \n <section class=\"hero-section\">\n <div class=\"container\">\n <div class=\"hero-content\">\n <h1>\u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043e <span class=\"accent\">\u0434\u0438\u043b\u0435\u0440\u0430<\/span><\/h1>\n <p class=\"hero-subtitle\">\u0428\u0438\u0440\u043e\u043a\u0430\u044f \u0441\u0435\u0442\u044c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0443 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430<\/p>\n\n <div class=\"hero-buttons\">\n <a href=\"#contact-form\" class=\"cta-button\">\n \u0421\u0442\u0430\u0442\u044c \u0434\u0438\u043b\u0435\u0440\u043e\u043c\n <\/a>\n <a href=\".dealers-section\" class=\"cta-button hero-btn-secondary\"\n onclick=\"document.querySelector('.dealers-section').scrollIntoView({behavior: 'smooth'}); return false;\">\n \u041d\u0430\u0439\u0442\u0438 \u0434\u0438\u043b\u0435\u0440\u0430\n <\/a>\n <\/div>\n\n <div class=\"hero-stats\">\n <div class=\"hero-stat\">\n <span class=\"hero-stat-number\">7<\/span>\n <span class=\"hero-stat-label\">\u0414\u0438\u043b\u0435\u0440\u043e\u0432<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-number\">3<\/span>\n <span class=\"hero-stat-label\">\u0413\u043e\u0440\u043e\u0434\u0430<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-number\">100%<\/span>\n <span class=\"hero-stat-label\">\u041f\u043e\u043a\u0440\u044b\u0442\u0438\u0435<\/span>\n <\/div>\n <div class=\"hero-stat\">\n <span class=\"hero-stat-number\">24\/7<\/span>\n <span class=\"hero-stat-label\">\u0414\u043e\u0441\u0442\u0443\u043f\u043d\u043e\u0441\u0442\u044c<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"network-section\">\n <div class=\"container\">\n <div class=\"network-header\">\n <h2>\u041d\u0430\u0448\u0430 <span style=\"color: #5FBA51;\">\u0434\u0438\u043b\u0435\u0440\u0441\u043a\u0430\u044f \u0441\u0435\u0442\u044c<\/span><\/h2>\n <p>\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u0438 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043d\u0430\u0448\u0435\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438<\/p>\n <\/div>\n\n <div class=\"network-features\">\n <div class=\"network-feature\">\n <div class=\"network-feature-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\" \/>\n <\/svg>\n <\/div>\n <h3>\u0421\u0442\u0440\u0430\u0442\u0435\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u0438\u0435<\/h3>\n <p>\u0414\u0438\u043b\u0435\u0440\u044b \u0440\u0430\u0441\u043f\u043e\u043b\u043e\u0436\u0435\u043d\u044b \u0432 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u0433\u043e\u0440\u043e\u0434\u0430\u0445 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430 \u0434\u043b\u044f \u043c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u043e\u043a\u0440\u044b\u0442\u0438\u044f \u0440\u0435\u0433\u0438\u043e\u043d\u0430<\/p>\n <\/div>\n\n <div class=\"network-feature\">\n <div class=\"network-feature-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\n <\/svg>\n <\/div>\n <h3>\u041f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u0435 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u044b<\/h3>\n <p>\u0412\u0441\u0435 \u0434\u0438\u043b\u0435\u0440\u044b \u043f\u0440\u043e\u0448\u043b\u0438 \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u043e\u0442\u0431\u043e\u0440 \u0438 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0434\u043b\u044f \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0435\u043d\u0438\u044f \u0432\u044b\u0441\u043e\u043a\u043e\u0433\u043e \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u044f<\/p>\n <\/div>\n\n <div class=\"network-feature\">\n <div class=\"network-feature-icon\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\" \/>\n <\/svg>\n <\/div>\n <h3>\u0411\u044b\u0441\u0442\u0440\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435<\/h3>\n <p>\u041e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0437\u0430\u043a\u0430\u0437\u043e\u0432 \u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0430\u0441\u0441\u043e\u0440\u0442\u0438\u043c\u0435\u043d\u0442\u0443 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0445 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"dealers-section\">\n <div class=\"container\">\n <div class=\"dealers-header\">\n <h2>\u041d\u0430\u0448\u0438 <span style=\"color: #5FBA51;\">\u0434\u0438\u043b\u0435\u0440\u044b<\/span><\/h2>\n <p>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0438\u043c \u0434\u0438\u043b\u0435\u0440\u043e\u043c \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u0438 \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u0437\u0430<\/p>\n <\/div>\n\n \n <div class=\"city-filters\">\n <button class=\"city-filter-btn active\" data-filter=\"all\">\u0412\u0441\u0435 \u0433\u043e\u0440\u043e\u0434\u0430<\/button>\n <button class=\"city-filter-btn\" data-filter=\"almaty\">\u0410\u043b\u043c\u0430\u0442\u044b<\/button>\n <button class=\"city-filter-btn\" data-filter=\"turkestan\">\u0422\u0443\u0440\u043a\u0435\u0441\u0442\u0430\u043d<\/button>\n <button class=\"city-filter-btn\" data-filter=\"kostanay\">\u041a\u043e\u0441\u0442\u0430\u043d\u0430\u0439<\/button>\n <\/div>\n\n <div class=\"cities-grid\">\n \n <div class=\"city-block\" data-city=\"almaty\">\n <div class=\"city-header\">\n <div class=\"city-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"city-name\">\u0410\u043b\u043c\u0430\u0442\u044b<\/h3>\n <\/div>\n <div class=\"dealers-list\">\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">TOO NER GROUP LTD<\/div>\n <a href=\"tel:+77473933040\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 747 393 30 40\n <\/a>\n <\/div>\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0418\u041f \u041a\u0410\u041c\u0418\u0420\u0414\u0418\u041d\u041e\u0412 \u0410\u0411\u0414\u0423\u041b-\u0410\u0417\u0418\u0417 \u042f\u0420\u041c\u0423\u0425\u0410\u041c\u041c\u0415\u0422\u041e\u0412\u0418\u0427<\/div>\n <div class=\"dealer-location\">\"\u0420\u044b\u043d\u043e\u043a \u0416\u0435\u0442\u044b\u0441\u0443\"<\/div>\n <a href=\"tel:+77054113902\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 705 411 39 02\n <\/a>\n <\/div>\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0418\u041f \u041c\u0430\u043b\u0438\u043a<\/div>\n <div class=\"dealer-location\">\"\u0420\u044b\u043d\u043e\u043a \u0411\u0430\u0439\u0441\u0430\u0442\"<\/div>\n <a href=\"tel:+77761014444\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 776 101 44 44\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"city-block\" data-city=\"turkestan\">\n <div class=\"city-header\">\n <div class=\"city-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"city-name\">\u0422\u0443\u0440\u043a\u0435\u0441\u0442\u0430\u043d<\/h3>\n <\/div>\n <div class=\"dealers-list\">\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">TOO \"\u0410\u041b\u0422\u042b\u041d \u0416\u0406\u041b\u0415\u0423\"<\/div>\n <div class=\"dealer-location\">\u0422\u043e\u0440\u0433\u043e\u0432\u044b\u0439 \u0414\u043e\u043c \"\u0410\u0437\u0438\u0437\"<\/div>\n <a href=\"tel:+77028206565\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 702 820 65 65\n <\/a>\n <\/div>\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0418\u041f \u0422\u0430\u0448\u0438\u0435\u0432<\/div>\n <a href=\"tel:+77757762202\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 775 776 22 02\n <\/a>\n <\/div>\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0418\u041f BEK GROUP<\/div>\n <div class=\"dealer-location\">\u0422\u043e\u0440\u0433\u043e\u0432\u044b\u0439 \u0414\u043e\u043c \"BEK GROUP\"<\/div>\n <a href=\"tel:+77783461895\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 778 346 18 95\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"city-block\" data-city=\"kostanay\">\n <div class=\"city-header\">\n <div class=\"city-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"white\">\n <path\n d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\" \/>\n <\/svg>\n <\/div>\n <h3 class=\"city-name\">\u041a\u043e\u0441\u0442\u0430\u043d\u0430\u0439<\/h3>\n <\/div>\n <div class=\"dealers-list\">\n <div class=\"dealer-card\">\n <div class=\"dealer-name\">\u0422\u041e\u041e \"\u0414\u0438\u0430\u043b\u0430\u0439\u0442\"<\/div>\n <a href=\"tel:+77778790979\" class=\"dealer-contact\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 777 879 09 79\n <\/a>\n <a href=\"tel:+77710282424\" class=\"dealer-contact\" style=\"margin-top: 0.75rem;\">\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n +7 771 028 24 24\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"benefits-section\">\n <div class=\"container\">\n <div class=\"benefits-header\">\n <h2>\u041f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430 \u0440\u0430\u0431\u043e\u0442\u044b \u0441 <span style=\"color: #5FBA51;\">\u0434\u0438\u043b\u0435\u0440\u0430\u043c\u0438<\/span><\/h2>\n <p>\u041f\u043e\u0447\u0435\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u043a \u043d\u0430\u0448\u0438\u043c \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u043c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430\u043c<\/p>\n <\/div>\n\n <div class=\"benefits-grid\">\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path\n d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\" \/>\n <\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\n <p>\u0412\u0441\u0435 \u0434\u0438\u043b\u0435\u0440\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0435\u0439 \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u0443\u044e \u0433\u0430\u0440\u0430\u043d\u0442\u0438\u044e<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path\n d=\"M13 3c-4.97 0-9 4.03-9 9H1l3.89 3.89.07.14L9 12H6c0-3.87 3.13-7 7-7s7 3.13 7 7-3.13 7-7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42C8.27 19.99 10.51 21 13 21c4.97 0 9-4.03 9-9s-4.03-9-9-9zm-1 5v5l4.28 2.54.72-1.21-3.5-2.08V8H12z\" \/>\n <\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>\u0411\u044b\u0441\u0442\u0440\u0430\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430<\/h3>\n <p>\u041b\u043e\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043a\u043b\u0430\u0434\u044b \u0434\u0438\u043b\u0435\u0440\u043e\u0432 \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u044e\u0442 \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u0443\u044e \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u043e\u0432 \u0432 \u0432\u0430\u0448\u0435\u043c \u0440\u0435\u0433\u0438\u043e\u043d\u0435<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path\n d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\" \/>\n <\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>\u042d\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u044b\u0435 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438<\/h3>\n <p>\u041e\u0431\u0443\u0447\u0435\u043d\u043d\u044b\u0435 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u044b \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/p>\n <\/div>\n <\/div>\n\n <div class=\"benefit-item\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\n <\/svg>\n <\/div>\n <div class=\"benefit-content\">\n <h3>\u041a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043d\u044b\u0435 \u0446\u0435\u043d\u044b<\/h3>\n <p>\u041f\u0440\u044f\u043c\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u043e\u0442 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u0435 \u0446\u0435\u043d\u044b \u043d\u0430 \u0440\u044b\u043d\u043a\u0435<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"partnership-section\">\n <div class=\"container\">\n <div class=\"partnership-header\">\n <h2>\u0421\u0442\u0430\u043d\u044c\u0442\u0435 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u043c <span style=\"color: #5FBA51;\">\u0434\u0438\u043b\u0435\u0440\u043e\u043c<\/span><\/h2>\n <p>\u0411\u0440\u0435\u043d\u0434 NEMAN EXPERT \u043f\u0440\u0438\u0433\u043b\u0430\u0448\u0430\u0435\u0442 \u043a \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0434\u0438\u043b\u0435\u0440\u043e\u0432, \u043e\u043f\u0442\u043e\u0432\u044b\u0435 \u0431\u0430\u0437\u044b \u0438 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u043f\u043e \u0432\u0441\u0435\u0439\n \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0438 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d \u0438 \u0441\u0442\u0440\u0430\u043d \u0421\u041d\u0413<\/p>\n <\/div>\n\n <div class=\"why-choose-list\">\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u0428\u0438\u0440\u043e\u043a\u0438\u0439 \u0430\u0441\u0441\u043e\u0440\u0442\u0438\u043c\u0435\u043d\u0442<\/h3>\n <p>\u0422\u0435\u043f\u043b\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0438 \u0433\u0438\u0434\u0440\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u043f\u0440\u0435\u043c\u0438\u0443\u043c-\u043a\u043b\u0430\u0441\u0441\u0430: \u0431\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430, \u043f\u0435\u043d\u044b,\n \u0433\u0435\u0440\u043c\u0435\u0442\u0438\u043a\u0438, \u043a\u043b\u0435\u0435\u0432\u044b\u0435 \u0441\u043e\u0441\u0442\u0430\u0432\u044b, \u043c\u0435\u043c\u0431\u0440\u0430\u043d\u044b \u0438 \u0434\u0440\u0443\u0433\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u0441\u0442\u0432\u0430\n <\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0435\u0432\u0440\u043e\u043f\u0435\u0439\u0441\u043a\u043e\u0433\u043e \u0443\u0440\u043e\u0432\u043d\u044f<\/h3>\n <p>\u041f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044f \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u0435\u0442 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u044b\u043c \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0430\u043c \u0438 \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u0441\u0442\u0440\u043e\u0433\u0438\u0439 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435\n \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430<\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041a\u043e\u043d\u043a\u0443\u0440\u0435\u043d\u0442\u043d\u044b\u0435 \u0446\u0435\u043d\u044b<\/h3>\n <p>\u041f\u0440\u044f\u043c\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0441 \u0437\u0430\u0432\u043e\u0434\u043e\u0432-\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u0435\u0439 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u043d\u0430\u0448\u0438\u043c \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0430\u043c \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u043f\u0440\u0438\n \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u043c\u0430\u0440\u0436\u0435<\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/h3>\n <p>\u041c\u044b \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438, \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043b\u0438\u0441\u0442\u044b, POS-\u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b \u0438 \u043e\u043d\u043b\u0430\u0439\u043d-\u043f\u0440\u043e\u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435<\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0438 \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438<\/h3>\n <p>\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u0434\u0438\u043b\u0435\u0440\u0430\u043c \u0440\u0430\u0437\u0431\u0438\u0440\u0430\u0442\u044c\u0441\u044f \u0432 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0445\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0430\u0445 \u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\n \u043f\u0440\u043e\u0434\u0432\u0438\u0433\u0430\u0442\u044c \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u044e<\/p>\n <\/div>\n <\/div>\n\n <div class=\"list-item\">\n <div class=\"list-icon\">\n <svg viewBox=\"0 0 24 24\">\n <path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\" \/>\n <\/svg>\n <\/div>\n <div class=\"list-content\">\n <h3>\u041d\u0430\u0434\u0451\u0436\u043d\u0430\u044f \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430<\/h3>\n <p>\u041c\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u043c \u0441\u0432\u043e\u0435\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u043f\u043e \u0432\u0441\u0435\u0439 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0443 \u0438 \u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u043e\u0439 \u0410\u0437\u0438\u0438<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"partnership-conditions\">\n <h3>\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\n <div class=\"conditions-grid\">\n <div class=\"condition-item\">\n <div class=\"condition-number\">1<\/div>\n <div class=\"condition-content\">\n <h4>\u041e\u043f\u0442\u043e\u0432\u044b\u0435 \u0446\u0435\u043d\u044b<\/h4>\n <p>\u0418\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0441\u043a\u0438\u0434\u043a\u0438 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u043e\u0431\u044a\u0435\u043c\u0430 \u0437\u0430\u043a\u0443\u043f\u043e\u043a<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">2<\/div>\n <div class=\"condition-content\">\n <h4>\u0422\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0430\u043b\u044c\u043d\u0430\u044f \u044d\u043a\u0441\u043a\u043b\u044e\u0437\u0438\u0432\u043d\u043e\u0441\u0442\u044c<\/h4>\n <p>\u0417\u0430\u0449\u0438\u0442\u0430 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043e\u0432 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432 \u0432 \u0440\u0435\u0433\u0438\u043e\u043d\u0430\u0445<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">3<\/div>\n <div class=\"condition-content\">\n <h4>\u041c\u0430\u0440\u043a\u0435\u0442\u0438\u043d\u0433\u043e\u0432\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/h4>\n <p>\u041f\u043e\u043c\u043e\u0449\u044c \u0432 \u043e\u043d\u043b\u0430\u0439\u043d \u0438 \u043e\u0444\u043b\u0430\u0439\u043d \u0440\u0435\u043a\u043b\u0430\u043c\u0435<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">4<\/div>\n <div class=\"condition-content\">\n <h4>\u041a\u043e\u0440\u043f\u043e\u0440\u0430\u0442\u0438\u0432\u043d\u044b\u0435 \u0430\u043a\u0446\u0438\u0438<\/h4>\n <p>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0443\u0447\u0430\u0441\u0442\u0438\u044f \u0432 \u0432\u044b\u0441\u0442\u0430\u0432\u043a\u0430\u0445 \u0438 \u043f\u0440\u043e\u043c\u043e\u0430\u043a\u0446\u0438\u044f\u0445<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">5<\/div>\n <div class=\"condition-content\">\n <h4>\u041e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0430\u0442\u0443\u0441<\/h4>\n <p>\u041f\u0440\u0438\u0437\u043d\u0430\u043d\u0438\u0435 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043e\u0444\u0438\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0430 NEMAN EXPERT<\/p>\n <\/div>\n <\/div>\n\n <div class=\"condition-item\">\n <div class=\"condition-number\">6<\/div>\n <div class=\"condition-content\">\n <h4>\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430<\/h4>\n <p>\u041a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u0438 \u043e\u0442 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"faq-section-wrapper\">\n <h3>\u0427\u0430\u0441\u0442\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432<\/h3>\n <div class=\"faq-grid\">\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u041a\u0430\u043a\u0430\u044f \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0443\u043c\u043c\u0430 \u0437\u0430\u043a\u0443\u043f\u0430 \u0434\u043b\u044f \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f \u0434\u0438\u043b\u0435\u0440\u0441\u043a\u0438\u0445 \u0446\u0435\u043d?\n <span class=\"faq-icon\">+<\/span>\n <\/div>\n <div class=\"faq-answer\">\n <p>\u041c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0441\u0443\u043c\u043c\u0430 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0437\u0430\u043a\u0443\u043f\u0430 \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u0435\u0442\u0441\u044f \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u043e \u0438 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0440\u0435\u0433\u0438\u043e\u043d\u0430 \u0438 \u0444\u043e\u0440\u043c\u0430\u0442\u0430\n \u0432\u0430\u0448\u0435\u0439 \u0442\u043e\u0440\u0433\u043e\u0432\u043e\u0439 \u0442\u043e\u0447\u043a\u0438. \u041c\u044b \u0441\u0442\u0430\u0440\u0430\u0435\u043c\u0441\u044f \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0433\u0438\u0431\u043a\u0438\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u0430.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u041f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442\u0435 \u043b\u0438 \u0432\u044b \u043e\u0431\u0440\u0430\u0437\u0446\u044b \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438?\n <span class=\"faq-icon\">+<\/span>\n <\/div>\n <div class=\"faq-answer\">\n <p>\u0414\u0430, \u043c\u044b \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0441\u0442\u0435\u043d\u0434\u044b \u0441 \u043e\u0431\u0440\u0430\u0437\u0446\u0430\u043c\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438, \u043a\u0430\u0442\u0430\u043b\u043e\u0433\u0438 \u0438 \u0440\u0435\u043a\u043b\u0430\u043c\u043d\u044b\u0435 \u0431\u0443\u043a\u043b\u0435\u0442\u044b\n \u0434\u043b\u044f \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u043e\u0444\u0438\u0441\u0430 \u0438\u043b\u0438 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u0415\u0441\u0442\u044c \u043b\u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0434\u043e \u043c\u043e\u0435\u0433\u043e \u0441\u043a\u043b\u0430\u0434\u0430?\n <span class=\"faq-icon\">+<\/span>\n <\/div>\n <div class=\"faq-answer\">\n <p>\u041c\u044b \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0443\u0435\u043c \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0443 \u043f\u043e \u0432\u0441\u0435\u0439 \u0442\u0435\u0440\u0440\u0438\u0442\u043e\u0440\u0438\u0438 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0430. \u0423\u0441\u043b\u043e\u0432\u0438\u044f (\u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u0430\u044f \u0438\u043b\u0438 \u043f\u043b\u0430\u0442\u043d\u0430\u044f\n \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430) \u0437\u0430\u0432\u0438\u0441\u044f\u0442 \u043e\u0442 \u043e\u0431\u044a\u0435\u043c\u0430 \u043f\u0430\u0440\u0442\u0438\u0438 \u0438 \u0443\u0434\u0430\u043b\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0440\u0435\u0433\u0438\u043e\u043d\u0430.<\/p>\n <\/div>\n <\/div>\n <div class=\"faq-item\">\n <div class=\"faq-question\">\n \u041c\u043e\u0436\u043d\u043e \u043b\u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043e\u0442\u0441\u0440\u043e\u0447\u043a\u0443 \u043f\u043b\u0430\u0442\u0435\u0436\u0430?\n <span class=\"faq-icon\">+<\/span>\n <\/div>\n <div class=\"faq-answer\">\n <p>\u041e\u0442\u0441\u0440\u043e\u0447\u043a\u0430 \u043f\u043b\u0430\u0442\u0435\u0436\u0430 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u0430 \u0434\u043b\u044f \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u044b\u0445 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432 \u043f\u043e\u0441\u043b\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e\u0433\u043e \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430 \u0432\n \u0442\u0435\u0447\u0435\u043d\u0438\u0435 3-6 \u043c\u0435\u0441\u044f\u0446\u0435\u0432 \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438 \u0444\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u043e\u0439 \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0438\u043d\u044b.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"how-to-apply\">\n <h3>\u041a\u0430\u043a \u0441\u0442\u0430\u0442\u044c \u043d\u0430\u0448\u0438\u043c \u0434\u0438\u043b\u0435\u0440\u043e\u043c<\/h3>\n <div class=\"steps-grid\">\n <div class=\"step\">\n <div class=\"step-number\">1<\/div>\n <h4>\u041e\u0442\u043f\u0440\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443<\/h4>\n <p>\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443 \u043e\u0431\u0440\u0430\u0442\u043d\u043e\u0439 \u0441\u0432\u044f\u0437\u0438 \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0435\u0439 \u043e \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/p>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">2<\/div>\n <h4>\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u0440\u0435\u0433\u0438\u043e\u043d<\/h4>\n <p>\u0421\u043e\u043e\u0431\u0449\u0438\u0442\u0435, \u0432 \u043a\u0430\u043a\u043e\u043c \u0440\u0435\u0433\u0438\u043e\u043d\u0435 \u0432\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442\u0435, \u0438 \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435<\/p>\n <\/div>\n\n <div class=\"step\">\n <div class=\"step-number\">3<\/div>\n <h4>\u041e\u0431\u0441\u0443\u0434\u0438\u0442\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f<\/h4>\n <p>\u041d\u0430\u0448 \u043c\u0435\u043d\u0435\u0434\u0436\u0435\u0440 \u0441\u0432\u044f\u0436\u0435\u0442\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 24 \u0447\u0430\u0441\u043e\u0432 \u0434\u043b\u044f \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"contact-form\" class=\"dealer-form-container\">\n <div class=\"dealer-form-header\">\n <h3>\u0417\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u0434\u0438\u043b\u0435\u0440\u0441\u0442\u0432\u043e<\/h3>\n <p>\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443, \u0438 \u043c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0434\u043b\u044f \u043e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u044f \u0443\u0441\u043b\u043e\u0432\u0438\u0439<\/p>\n <\/div>\n <form id=\"dealer-application-form\" action=\"#\" method=\"POST\">\n <div class=\"form-grid\">\n <div class=\"form-group full-width\">\n <label class=\"form-label required\">\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/label>\n <input type=\"text\" name=\"company_name\" class=\"form-input\" placeholder=\"\u041e\u041e\u041e '\u0421\u0442\u0440\u043e\u0439\u0418\u043d\u0432\u0435\u0441\u0442'\"\n required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label\">\u0418\u0418\u041d\/\u0411\u0418\u041d <span\n style=\"font-weight: 400; color: #94a3b8;\">(\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e)<\/span><\/label>\n <input type=\"text\" name=\"iin_bin\" class=\"form-input\" placeholder=\"12 \u0446\u0438\u0444\u0440\">\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u0413\u043e\u0440\u043e\u0434 \/ \u0420\u0435\u0433\u0438\u043e\u043d<\/label>\n <input type=\"text\" name=\"city\" class=\"form-input\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u0410\u043b\u043c\u0430\u0442\u044b\" required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u0422\u0438\u043f \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438<\/label>\n <select name=\"org_type\" class=\"form-select\" required>\n <option value=\"\" disabled selected>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0442\u0438\u043f<\/option>\n <option value=\"\u041c\u0430\u0433\u0430\u0437\u0438\u043d\">\u041c\u0430\u0433\u0430\u0437\u0438\u043d<\/option>\n <option value=\"\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0431\u0430\u0437\u0430\">\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u0431\u0430\u0437\u0430<\/option>\n <option value=\"\u041e\u043f\u0442\u043e\u0432\u0438\u043a\">\u041e\u043f\u0442\u043e\u0432\u0438\u043a<\/option>\n <option value=\"\u0414\u0440\u0443\u0433\u043e\u0435\">\u0414\u0440\u0443\u0433\u043e\u0435<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u0415\u0436\u0435\u043c\u0435\u0441\u044f\u0447\u043d\u044b\u0439 \u043e\u0431\u043e\u0440\u043e\u0442<\/label>\n <select name=\"turnover\" class=\"form-select\" required>\n <option value=\"\" disabled selected>\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043e\u0431\u043e\u0440\u043e\u0442<\/option>\n <option value=\"\u0422\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c\">\u0422\u043e\u043b\u044c\u043a\u043e \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c<\/option>\n <option value=\"\u0434\u043e 1 \u043c\u043b\u043d \u20b8\">\u0434\u043e 1 \u043c\u043b\u043d \u20b8<\/option>\n <option value=\"1 - 5 \u043c\u043b\u043d \u20b8\">1 - 5 \u043c\u043b\u043d \u20b8<\/option>\n <option value=\"5 - 20 \u043c\u043b\u043d \u20b8\">5 - 20 \u043c\u043b\u043d \u20b8<\/option>\n <option value=\"\u0431\u043e\u043b\u0435\u0435 20 \u043c\u043b\u043d \u20b8\">\u0431\u043e\u043b\u0435\u0435 20 \u043c\u043b\u043d \u20b8<\/option>\n <\/select>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u043e\u0435 \u043b\u0438\u0446\u043e<\/label>\n <input type=\"text\" name=\"contact_person\" class=\"form-input\" placeholder=\"\u0418\u043c\u044f \u0424\u0430\u043c\u0438\u043b\u0438\u044f\"\n required>\n <\/div>\n\n <div class=\"form-group\">\n <label class=\"form-label required\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\n <input type=\"tel\" name=\"phone\" id=\"phone-input\" class=\"form-input\"\n placeholder=\"+7 (___) ___-__-__\" required>\n <\/div>\n\n <div class=\"form-group full-width\">\n <button type=\"submit\" class=\"submit-button\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/button>\n <\/div>\n <\/div>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"cta-section\">\n <div class=\"container\">\n <div class=\"cta-content\">\n <h2>\u041f\u0440\u0438\u0441\u043e\u0435\u0434\u0438\u043d\u044f\u0439\u0442\u0435\u0441\u044c \u043a <span class=\"accent\">\u0434\u0438\u043b\u0435\u0440\u0441\u043a\u043e\u0439 \u0441\u0435\u0442\u0438<\/span><\/h2>\n <p>NEMAN EXPERT \u2014 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e, \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0435 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c\u0438 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u044b\u043c\u0438 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f\u043c\u0438 \u043f\u043e \u0432\u0441\u0435\u0439\n \u0441\u0442\u0440\u0430\u043d\u0435<\/p>\n\n <div class=\"cta-buttons\">\n <a href=\"#contact-form\" class=\"cta-button\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path\n d=\"M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z\" \/>\n <\/svg>\n \u0421\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f\n <\/a>\n <a href=\"#\" class=\"cta-button secondary\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z\" \/>\n <polyline points=\"14 2 14 8 20 8\" \/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\n <line x1=\"10\" y1=\"9\" x2=\"8\" y2=\"9\" \/>\n <\/svg>\n \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u041a\u041f\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Telegram Configuration\n const CONFIG = {\n TELEGRAM_BOT_TOKEN: '7739598044:AAEs2WND-B8_JnVrHG37fZ5gC2zsYXH15gM',\n TELEGRAM_CHAT_ID: '7926492494'\n };\n\n document.addEventListener('DOMContentLoaded', function () {\n const phoneInput = document.getElementById('phone-input');\n const form = document.getElementById('dealer-application-form');\n\n \/\/ Handle Form Submission\n if (form) {\n form.addEventListener('submit', async function (e) {\n e.preventDefault();\n\n const submitBtn = form.querySelector('.submit-button');\n const originalBtnText = submitBtn.innerText;\n submitBtn.innerText = '\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430...';\n submitBtn.disabled = true;\n\n const formData = new FormData(this);\n const data = {};\n formData.forEach((value, key) => data[key] = value);\n\n const message = `\n<b>\ud83d\udd25 \u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u0434\u0438\u043b\u0435\u0440\u0441\u0442\u0432\u043e!<\/b>\n\n\ud83c\udfe2 <b>\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f:<\/b> ${data.company_name}\n\ud83c\udd94 <b>\u0418\u0418\u041d\/\u0411\u0418\u041d:<\/b> ${data.iin_bin || '\u041d\u0435 \u0443\u043a\u0430\u0437\u0430\u043d\u043e'}\n\ud83d\udccd <b>\u0413\u043e\u0440\u043e\u0434:<\/b> ${data.city}\n\ud83c\udfd7 <b>\u0422\u0438\u043f:<\/b> ${data.org_type}\n\ud83d\udcb0 <b>\u041e\u0431\u043e\u0440\u043e\u0442:<\/b> ${data.turnover}\n\ud83d\udc64 <b>\u041a\u043e\u043d\u0442\u0430\u043a\u0442:<\/b> ${data.contact_person}\n\ud83d\udcf1 <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${data.phone}\n `;\n\n try {\n const response = await fetch(`https:\/\/api.telegram.org\/bot${CONFIG.TELEGRAM_BOT_TOKEN}\/sendMessage`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json'\n },\n body: JSON.stringify({\n chat_id: CONFIG.TELEGRAM_CHAT_ID,\n text: message,\n parse_mode: 'HTML'\n })\n });\n\n if (response.ok) {\n alert('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u0412\u0430\u0448\u0430 \u0437\u0430\u044f\u0432\u043a\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \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 } else {\n alert('\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435 \u0438\u043b\u0438 \u0441\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438 \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443.');\n }\n } catch (error) {\n console.error('Error:', error);\n alert('\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u0435\u0442\u0438. \u041f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u043a \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0443.');\n } finally {\n submitBtn.innerText = originalBtnText;\n submitBtn.disabled = false;\n }\n });\n }\n\n phoneInput.addEventListener('input', function (e) {\n let x = e.target.value.replace(\/\\D\/g, '').match(\/(\\d{0,1})(\\d{0,3})(\\d{0,3})(\\d{0,2})(\\d{0,2})\/);\n if (!x[2] && x[1] !== '') {\n e.target.value = x[1] === '7' ? '+7 (' : '+7 (' + x[1];\n } else {\n e.target.value = !x[2] ? x[1] : '+7 (' + x[2] + (x[3] ? ') ' + x[3] : '') + (x[4] ? '-' + x[4] : '') + (x[5] ? '-' + x[5] : '');\n }\n });\n\n \/\/ Prevent deleting the prefix\n phoneInput.addEventListener('keydown', function (e) {\n if (e.key === 'Backspace' && e.target.value.length <= 4) {\n e.preventDefault();\n }\n });\n\n \/\/ Set initial prefix on focus\n phoneInput.addEventListener('focus', function (e) {\n if (e.target.value === '') {\n e.target.value = '+7 (';\n }\n });\n\n \/\/ City Filter Logic\n const filterBtns = document.querySelectorAll('.city-filter-btn');\n const cityBlocks = document.querySelectorAll('.city-block');\n\n filterBtns.forEach(btn => {\n btn.addEventListener('click', () => {\n \/\/ Remove active class from all buttons\n filterBtns.forEach(b => b.classList.remove('active'));\n \/\/ Add active class to clicked button\n btn.classList.add('active');\n\n const filterValue = btn.getAttribute('data-filter');\n\n cityBlocks.forEach(block => {\n if (filterValue === 'all' || block.getAttribute('data-city') === filterValue) {\n block.style.display = 'flex'; \/\/ Restore flex display\n \/\/ Add simple fade in animation\n block.style.opacity = '0';\n setTimeout(() => block.style.opacity = '1', 50);\n } else {\n block.style.display = 'none';\n }\n });\n });\n });\n\n \/\/ FAQ Accordion Logic\n const faqItems = document.querySelectorAll('.faq-item');\n\n faqItems.forEach(item => {\n const question = item.querySelector('.faq-question');\n question.addEventListener('click', () => {\n const isActive = item.classList.contains('active');\n\n \/\/ Close all other items\n faqItems.forEach(otherItem => {\n otherItem.classList.remove('active');\n otherItem.querySelector('.faq-answer').style.maxHeight = null;\n });\n\n \/\/ Toggle current item\n if (!isActive) {\n item.classList.add('active');\n const answer = item.querySelector('.faq-answer');\n answer.style.maxHeight = answer.scrollHeight + \"px\";\n }\n });\n });\n\n \/\/ Scroll Animation Logic\n const observerOptions = {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n };\n\n const observer = new IntersectionObserver((entries, observer) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('is-visible');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n \/\/ Helper to add animation to elements with staggered delays\n const addAnimation = (selector, stagger = false) => {\n const elements = document.querySelectorAll(selector);\n if (stagger) {\n \/\/ Group by parent to stagger siblings correctly\n const parents = new Set(Array.from(elements).map(el => el.parentElement));\n parents.forEach(parent => {\n const children = parent.querySelectorAll(selector);\n children.forEach((el, index) => {\n el.classList.add('animate-on-scroll');\n \/\/ Add delay based on index (max 500ms to avoid waiting too long)\n const delay = Math.min((index + 1) * 100, 500);\n el.classList.add(`delay-${delay}`);\n observer.observe(el);\n });\n });\n } else {\n elements.forEach(el => {\n el.classList.add('animate-on-scroll');\n observer.observe(el);\n });\n }\n };\n\n \/\/ Animate headers individually\n addAnimation('h2');\n addAnimation('.dealer-form-container');\n\n \/\/ Animate grid items with staggered delays\n addAnimation('.network-feature', true);\n addAnimation('.city-block', true);\n addAnimation('.benefit-item', true);\n addAnimation('.list-item', true);\n addAnimation('.condition-item', true);\n addAnimation('.step', true);\n addAnimation('.faq-item', true);\n });\n <\/script>\n<\/body>\n\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-145cb18 e-flex e-con-boxed e-con e-parent\" data-id=\"145cb18\" data-element_type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6e9c34 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"a6e9c34\" data-element_type=\"widget\" data-settings=\"{"_ob_perspektive_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no","_ob_widget_stalker_use":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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\">\n <title>\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b?<\/title>\n \n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Atyp+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 0;\n }\n\n .contact-form-section {\n padding: 60px 0;\n background: #F2FAF1;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n \/* \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421 \u0415\u0414\u0418\u041d\u042b\u041c\u0418 \u041e\u0422\u0421\u0422\u0423\u041f\u0410\u041c\u0418 *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem; \/* 16px - \u043a\u0430\u043a \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n }\n\n .form-container {\n display: grid;\n grid-template-columns: 1fr 400px;\n gap: 60px;\n align-items: center;\n background: white;\n padding: 40px 50px;\n border-radius: 20px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n min-height: 400px;\n }\n\n .form-content h2 {\n font-family: 'Montserrat', sans-serif;\n font-size: 32px;\n font-weight: 700;\n color: #333;\n margin-bottom: 12px;\n line-height: 1.2;\n }\n\n .form-content p {\n font-family: 'Atyp Display', sans-serif;\n font-size: 16px;\n color: #666;\n line-height: 1.5;\n margin-bottom: 30px;\n }\n\n .contact-form {\n display: flex;\n flex-direction: column;\n gap: 18px;\n }\n\n .form-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n }\n\n .form-group {\n display: flex;\n flex-direction: column;\n }\n\n .form-label {\n font-family: 'Montserrat', sans-serif;\n font-size: 13px;\n font-weight: 500;\n color: #666;\n margin-bottom: 6px;\n display: block;\n }\n\n .form-input {\n padding: 14px 16px;\n border: 1px solid #ddd;\n border-radius: 6px;\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #333;\n background: #f8f9fa;\n transition: all 0.3s ease;\n width: 100%;\n }\n\n .form-input::placeholder {\n color: #999;\n }\n\n .form-input:focus {\n outline: none;\n border-color: #5FBA51;\n background: white;\n box-shadow: 0 0 0 2px rgba(95, 186, 81, 0.1);\n }\n\n .submit-button {\n padding: 14px 32px;\n background: #5FBA51;\n color: white;\n border: none;\n border-radius: 6px;\n font-family: 'Montserrat', sans-serif;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n align-self: flex-start;\n margin-top: 8px;\n position: relative;\n }\n\n .submit-button:hover {\n background: #4ca640;\n transform: translateY(-1px);\n box-shadow: 0 6px 20px rgba(95, 186, 81, 0.3);\n }\n\n .submit-button:disabled {\n background: #ccc;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n\n .submit-button.loading {\n color: transparent;\n }\n\n .submit-button.loading::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 20px;\n height: 20px;\n border: 2px solid transparent;\n border-top: 2px solid white;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n }\n\n @keyframes spin {\n 0% { transform: translate(-50%, -50%) rotate(0deg); }\n 100% { transform: translate(-50%, -50%) rotate(360deg); }\n }\n\n .disclaimer {\n font-family: 'Atyp Display', sans-serif;\n font-size: 11px;\n color: #999;\n line-height: 1.3;\n margin-top: 15px;\n max-width: 400px;\n }\n\n .form-image {\n text-align: center;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .phone-illustration {\n max-width: 100%;\n height: auto;\n max-height: 350px;\n object-fit: contain;\n animation: bounceBall 3s ease-out infinite;\n filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));\n }\n\n \/* \u042d\u0444\u0444\u0435\u043a\u0442 \u043e\u0442\u0441\u043a\u043e\u043a\u0430 \u043c\u044f\u0447\u0430 - \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u044b\u0439 \u0446\u0438\u043a\u043b *\/\n @keyframes bounceBall {\n 0% {\n transform: translateY(-40px);\n animation-timing-function: ease-in;\n }\n 10% {\n transform: translateY(0px) scaleY(0.95);\n animation-timing-function: ease-out;\n }\n 20% {\n transform: translateY(-25px);\n animation-timing-function: ease-in;\n }\n 30% {\n transform: translateY(0px) scaleY(0.97);\n animation-timing-function: ease-out;\n }\n 40% {\n transform: translateY(-15px);\n animation-timing-function: ease-in;\n }\n 50% {\n transform: translateY(0px) scaleY(0.98);\n animation-timing-function: ease-out;\n }\n 60% {\n transform: translateY(-8px);\n animation-timing-function: ease-in;\n }\n 70% {\n transform: translateY(0px) scaleY(0.99);\n animation-timing-function: ease-out;\n }\n 80% {\n transform: translateY(-4px);\n animation-timing-function: ease-in;\n }\n 90% {\n transform: translateY(0px) scaleY(1);\n animation-timing-function: ease-out;\n }\n 100% {\n transform: translateY(-40px);\n animation-timing-function: ease-in;\n }\n }\n\n \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 2: \u0412\u043e\u043b\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0435 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n \/*\n @keyframes floatPhone {\n 0%, 100% {\n transform: translateY(0px) scale(1);\n }\n 50% {\n transform: translateY(-20px) scale(1.02);\n }\n }\n *\/\n\n \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 3: \u041b\u0435\u0433\u043a\u043e\u0435 \u0434\u044b\u0445\u0430\u043d\u0438\u0435 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n \/*\n @keyframes floatPhone {\n 0%, 100% {\n transform: translateY(0px) scale(1);\n }\n 50% {\n transform: translateY(-10px) scale(1.05);\n }\n }\n *\/\n\n \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 4: \u0412\u043e\u0441\u044c\u043c\u0435\u0440\u043a\u0430 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n \/*\n @keyframes floatPhone {\n 0%, 100% {\n transform: translateY(0px) translateX(0px);\n }\n 25% {\n transform: translateY(-10px) translateX(5px);\n }\n 50% {\n transform: translateY(0px) translateX(0px);\n }\n 75% {\n transform: translateY(-10px) translateX(-5px);\n }\n }\n *\/\n\n \/* \u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f *\/\n .notification {\n position: fixed;\n top: 20px;\n right: 20px;\n padding: 15px 20px;\n border-radius: 8px;\n color: white;\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n font-weight: 500;\n z-index: 1000;\n transform: translateX(400px);\n transition: transform 0.3s ease;\n max-width: 350px;\n }\n\n .notification.show {\n transform: translateX(0);\n }\n\n .notification.success {\n background: #5FBA51;\n }\n\n .notification.error {\n background: #e74c3c;\n }\n\n \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u042b\u0415 \u041e\u0422\u0421\u0422\u0423\u041f\u042b - \u041a\u0410\u041a \u0412 \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u041c \u0411\u041b\u041e\u041a\u0415 *\/\n @media (max-width: 1024px) {\n .container {\n max-width: 1200px;\n padding: 0 2rem; \/* 32px \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\n }\n }\n\n @media (max-width: 968px) {\n .contact-form-section {\n padding: 40px 0;\n }\n\n .form-container {\n grid-template-columns: 1fr;\n gap: 0;\n padding: 30px 25px;\n min-height: auto;\n }\n\n .form-content h2 {\n font-size: 26px;\n text-align: center;\n }\n\n .form-content p {\n font-size: 15px;\n text-align: center;\n margin-bottom: 25px;\n }\n\n .form-row {\n grid-template-columns: 1fr;\n gap: 15px;\n }\n\n \/* \u0421\u041a\u0420\u042b\u0412\u0410\u0415\u041c \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0423 \u041d\u0410 \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u042b\u0425 *\/\n .form-image {\n display: none;\n }\n\n .submit-button {\n width: 100%;\n align-self: stretch;\n }\n\n .notification {\n top: 10px;\n right: 10px;\n left: 10px;\n transform: translateY(-100px);\n }\n\n .notification.show {\n transform: translateY(0);\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 1rem; \/* 16px \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n }\n }\n\n @media (max-width: 640px) {\n .contact-form-section {\n padding: 30px 0;\n }\n\n .form-container {\n padding: 25px 20px;\n border-radius: 15px;\n }\n\n .form-content h2 {\n font-size: 22px;\n margin-bottom: 10px;\n }\n\n .form-content p {\n font-size: 14px;\n margin-bottom: 20px;\n }\n\n .contact-form {\n gap: 15px;\n }\n\n .form-input {\n padding: 12px 14px;\n font-size: 14px;\n }\n\n .submit-button {\n padding: 13px 28px;\n font-size: 14px;\n }\n\n \/* \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 \u0423\u0416\u0415 \u0421\u041a\u0420\u042b\u0422\u0410 \u041d\u0410 \u042d\u0422\u041e\u041c \u0420\u0410\u0417\u0420\u0415\u0428\u0415\u041d\u0418\u0418 *\/\n .form-image {\n display: none;\n }\n }\n\n @media (max-width: 480px) {\n .contact-form-section {\n padding: 25px 0;\n }\n\n .form-container {\n padding: 20px 15px;\n }\n\n .form-content h2 {\n font-size: 20px;\n }\n\n .form-content p {\n font-size: 13px;\n }\n\n .form-input {\n padding: 11px 12px;\n font-size: 13px;\n }\n\n .submit-button {\n padding: 12px 25px;\n font-size: 13px;\n }\n\n .disclaimer {\n font-size: 10px;\n }\n\n \/* \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 \u0423\u0416\u0415 \u0421\u041a\u0420\u042b\u0422\u0410 \u041d\u0410 \u042d\u0422\u041e\u041c \u0420\u0410\u0417\u0420\u0415\u0428\u0415\u041d\u0418\u0418 *\/\n .form-image {\n display: none;\n }\n }\n\n \/* \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b *\/\n @media (min-width: 969px) and (max-width: 1200px) {\n .contact-form-section {\n padding: 50px 0;\n }\n\n .form-container {\n grid-template-columns: 1fr 350px;\n gap: 50px;\n padding: 35px 40px;\n }\n\n .form-content h2 {\n font-size: 28px;\n }\n }\n\n \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 *\/\n .form-container {\n animation: fadeInUp 0.8s ease-out;\n }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043a \u044f\u043a\u043e\u0440\u044e *\/\n html {\n scroll-behavior: smooth;\n }\n <\/style>\n<\/head>\n<body>\n <section class=\"contact-form-section\" id=\"contact-form\">\n <div class=\"container\">\n <div class=\"form-container\">\n <div class=\"form-content\">\n <h2>\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b ?<\/h2>\n <p>\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0441\u0432\u043e\u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u0438 \u043c\u044b \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0432\u0430\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/p>\n \n <form class=\"contact-form\" id=\"contactForm\">\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label class=\"form-label\" for=\"name\">\u0418\u043c\u044f<\/label>\n <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f\" required>\n <\/div>\n \n <div class=\"form-group\">\n <label class=\"form-label\" for=\"phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"+7 (___) ___-__-__\" required>\n <\/div>\n <\/div>\n \n <button type=\"submit\" class=\"submit-button\" id=\"submitBtn\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/button>\n \n <p class=\"disclaimer\">\n \u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0412\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0412\u0430\u0448\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0435\u0439 TOO NER GROUP LTD\n <\/p>\n <\/form>\n <\/div>\n \n <div class=\"form-image\">\n <img decoding=\"async\" src=\"https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/09\/3D-Hand-with-Smartphone.png\" alt=\"\u0444\u043e\u0442\u043e\" class=\"phone-illustration\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ \u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f Telegram\n const CONFIG = {\n TELEGRAM_BOT_TOKEN: '7739598044:AAEs2WND-B8_JnVrHG37fZ5gC2zsYXH15gM',\n TELEGRAM_CHAT_ID: '7926492494'\n };\n\n \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0439\n function showNotification(message, type = 'success') {\n \/\/ \u0423\u0434\u0430\u043b\u044f\u0435\u043c \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f\n const existingNotification = document.querySelector('.notification');\n if (existingNotification) {\n existingNotification.remove();\n }\n\n const notification = document.createElement('div');\n notification.className = `notification ${type}`;\n notification.textContent = message;\n document.body.appendChild(notification);\n\n \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435\n setTimeout(() => notification.classList.add('show'), 100);\n\n \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0447\u0435\u0440\u0435\u0437 5 \u0441\u0435\u043a\u0443\u043d\u0434\n setTimeout(() => {\n notification.classList.remove('show');\n setTimeout(() => notification.remove(), 300);\n }, 5000);\n }\n\n \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram\n async function sendToTelegram(name, phone) {\n const message = `\ud83d\udd14 <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u0441 \u0441\u0430\u0439\u0442\u0430!<\/b>\n\n\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcde <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n\n\u23f0 <b>\u0412\u0440\u0435\u043c\u044f:<\/b> ${new Date().toLocaleString('ru-RU')}\n\ud83c\udf10 <b>\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a:<\/b> \u0424\u043e\u0440\u043c\u0430 \"\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b\"`;\n \n const url = `https:\/\/api.telegram.org\/bot${CONFIG.TELEGRAM_BOT_TOKEN}\/sendMessage`;\n \n try {\n const response = await fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify({\n chat_id: CONFIG.TELEGRAM_CHAT_ID,\n text: message,\n parse_mode: 'HTML'\n })\n });\n\n const result = await response.json();\n\n if (!response.ok) {\n console.error('Telegram API Error:', result);\n throw new Error(result.description || '\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram');\n }\n\n return result;\n } catch (error) {\n console.error('Telegram error:', error);\n throw error;\n }\n }\n\n \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0444\u043e\u0440\u043c\u044b\n document.getElementById('contactForm').addEventListener('submit', async function(e) {\n e.preventDefault();\n\n const submitBtn = document.getElementById('submitBtn');\n const name = document.getElementById('name').value.trim();\n const phone = document.getElementById('phone').value.trim();\n\n \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n if (!name || !phone) {\n showNotification('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u043f\u043e\u043b\u044f', 'error');\n return;\n }\n\n if (name.length < 2) {\n showNotification('\u0418\u043c\u044f \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043c\u0438\u043d\u0438\u043c\u0443\u043c 2 \u0441\u0438\u043c\u0432\u043e\u043b\u0430', 'error');\n return;\n }\n\n if (phone.length < 10) {\n showNotification('\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430', 'error');\n return;\n }\n\n \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n submitBtn.disabled = true;\n submitBtn.classList.add('loading');\n\n try {\n \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n await sendToTelegram(name, phone);\n\n \/\/ \u0423\u0441\u043f\u0435\u0445\n showNotification('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u0412\u0430\u0448\u0430 \u0437\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \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.', 'success');\n \n \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0444\u043e\u0440\u043c\u0443\n document.getElementById('contactForm').reset();\n\n } catch (error) {\n console.error('Form submission error:', error);\n \n \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443 \u0438\u043b\u0438 \u043e\u0431\u0449\u0443\u044e\n let errorMessage = '\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.';\n \n if (error.message.includes('chat not found')) {\n errorMessage = '\u041e\u0448\u0438\u0431\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443.';\n } else if (error.message.includes('bot was blocked')) {\n errorMessage = '\u0411\u043e\u0442 \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u043d. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443.';\n }\n \n showNotification(errorMessage, 'error');\n } finally {\n \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n submitBtn.disabled = false;\n submitBtn.classList.remove('loading');\n }\n });\n\n \/\/ \u041c\u0430\u0441\u043a\u0430 \u0434\u043b\u044f \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n document.getElementById('phone').addEventListener('input', function(e) {\n let value = e.target.value.replace(\/\\D\/g, '');\n \n \/\/ \u0415\u0441\u043b\u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 8, \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u043d\u0430 7\n if (value.startsWith('8')) {\n value = '7' + value.substring(1);\n }\n \n \/\/ \u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u043c \u043d\u043e\u043c\u0435\u0440\n if (value.length > 0) {\n \/\/ \u0415\u0441\u043b\u0438 \u043f\u0435\u0440\u0432\u0430\u044f \u0446\u0438\u0444\u0440\u0430 7, \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u043c \u043a\u0430\u043a +7\n if (value.startsWith('7')) {\n const phoneDigits = value.substring(1);\n if (phoneDigits.length === 0) {\n value = '+7 (';\n } else if (phoneDigits.length <= 3) {\n value = `+7 (${phoneDigits}`;\n } else if (phoneDigits.length <= 6) {\n value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3)}`;\n } else if (phoneDigits.length <= 8) {\n value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3, 6)}-${phoneDigits.substring(6)}`;\n } else {\n value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3, 6)}-${phoneDigits.substring(6, 8)}-${phoneDigits.substring(8, 10)}`;\n }\n } else {\n \/\/ \u0415\u0441\u043b\u0438 \u043d\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 7, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c +7 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\n if (value.length <= 3) {\n value = `+7 (${value}`;\n } else if (value.length <= 6) {\n value = `+7 (${value.substring(0, 3)}) ${value.substring(3)}`;\n } else if (value.length <= 8) {\n value = `+7 (${value.substring(0, 3)}) ${value.substring(3, 6)}-${value.substring(6)}`;\n } else {\n value = `+7 (${value.substring(0, 3)}) ${value.substring(3, 6)}-${value.substring(6, 8)}-${value.substring(8, 10)}`;\n }\n }\n }\n \n e.target.value = value;\n });\n\n \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0446\u0438\u0444\u0440\u044b \u0438 \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0432 \u043f\u043e\u043b\u0435 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n document.getElementById('phone').addEventListener('keydown', function(e) {\n \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: backspace, delete, tab, escape, enter\n if ([46, 8, 9, 27, 13].indexOf(e.keyCode) !== -1 ||\n \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: Ctrl+A, Ctrl+C, Ctrl+V, Ctrl+X\n (e.keyCode === 65 && e.ctrlKey === true) ||\n (e.keyCode === 67 && e.ctrlKey === true) ||\n (e.keyCode === 86 && e.ctrlKey === true) ||\n (e.keyCode === 88 && e.ctrlKey === true) ||\n \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: home, end, left, right\n (e.keyCode >= 35 && e.keyCode <= 39)) {\n return;\n }\n \/\/ \u0417\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u043c \u0432\u0441\u0451 \u043a\u0440\u043e\u043c\u0435 \u0446\u0438\u0444\u0440\n if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {\n e.preventDefault();\n }\n });\n <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c3b412e e-flex e-con-boxed e-con e-parent\" data-id=\"c3b412e\" data-element_type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-588e85a ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"588e85a\" data-element_type=\"widget\" data-settings=\"{"_ob_perspektive_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no","_ob_widget_stalker_use":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Footer - Neman Expert<\/title>\n\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Atyp+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n padding: 0;\n }\n\n .footer {\n background: #1a252f;\n color: #ffffff;\n width: 100vw;\n margin-left: calc(-50vw + 50%);\n }\n\n \/* \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421 \u0415\u0414\u0418\u041d\u042b\u041c\u0418 \u041e\u0422\u0421\u0422\u0423\u041f\u0410\u041c\u0418 *\/\n .container {\n max-width: 1400px;\n margin: 0 auto;\n padding: 0 1rem;\n \/* 16px - \u043a\u0430\u043a \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n }\n\n .footer-content {\n padding: 50px 0 25px;\n }\n\n \/* \u041d\u041e\u0412\u0410\u042f \u0421\u0415\u0422\u041a\u0410 \u0424\u0423\u0422\u0415\u0420\u0410 (4 \u041a\u041e\u041b\u041e\u041d\u041a\u0418) *\/\n .footer-grid {\n display: grid;\n grid-template-columns: 1.2fr 1fr 1fr 1fr;\n gap: 40px;\n align-items: start;\n margin-bottom: 40px;\n }\n\n .footer-col {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .footer-title {\n font-family: 'Montserrat', sans-serif;\n font-size: 16px;\n font-weight: 700;\n color: #ffffff !important;\n \/* Force white color *\/\n margin-bottom: 25px;\n text-transform: uppercase;\n letter-spacing: 1px;\n opacity: 1;\n }\n\n \/* \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0411\u0440\u0435\u043d\u0434 *\/\n .brand-col .footer-logo {\n align-items: flex-start;\n text-align: left;\n margin-bottom: 20px;\n }\n\n .brand-col .since-text {\n margin-top: 8px;\n font-size: 13px;\n opacity: 0.6;\n }\n\n .brand-col .footer-social {\n justify-content: flex-start;\n gap: 12px;\n }\n\n \/* \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b *\/\n .footer-contacts {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .contact-item {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #e8eaed;\n line-height: 1.5;\n }\n\n .contact-item strong {\n color: #ffffff;\n font-weight: 600;\n display: block;\n margin-bottom: 4px;\n }\n\n \/* Links Styling Fix *\/\n .footer-links {\n display: flex;\n flex-direction: column;\n gap: 12px;\n }\n\n .footer-link {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #e2e8f0 !important;\n \/* Light grey\/white for readability *\/\n text-decoration: none;\n transition: color 0.3s ease;\n display: block;\n \/* Ensure they sit on their own lines *\/\n line-height: 1.4;\n }\n\n .footer-link:hover {\n color: #5FBA51 !important;\n padding-left: 5px;\n \/* Subtle movement on hover *\/\n }\n\n \/* \u0417\u0414\u0415\u0421\u042c \u0417\u0410\u041c\u0415\u041d\u0418\u0422\u042c \u041d\u0410 \u0412\u0410\u0428 \u041b\u041e\u0413\u041e\u0422\u0418\u041f *\/\n .logo-image {\n max-width: 180px;\n height: auto;\n max-height: 80px;\n object-fit: contain;\n }\n\n \/* \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 - \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f *\/\n .logo-container {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 8px;\n }\n\n .logo-icon {\n width: 55px;\n height: 55px;\n background: linear-gradient(135deg, #3498db, #2980b9);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Montserrat', sans-serif;\n font-weight: 700;\n font-size: 26px;\n color: white;\n box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);\n }\n\n .logo-text {\n font-family: 'Montserrat', sans-serif;\n font-size: 26px;\n font-weight: 700;\n color: #ffffff;\n letter-spacing: 0.5px;\n }\n\n .logo-text .expert {\n color: #27ae60;\n }\n\n .since-text {\n font-family: 'Montserrat', sans-serif;\n font-size: 15px;\n color: #bdc3c7;\n font-weight: 500;\n letter-spacing: 1px;\n }\n\n .footer-social {\n display: flex;\n justify-content: flex-end;\n gap: 15px;\n }\n\n \/* \u0421\u043e\u0446\u0441\u0435\u0442\u0438 - \u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0441\u0442\u0438\u043b\u044c (\u041c\u043e\u043d\u043e\u0445\u0440\u043e\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e) *\/\n .social-link {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n \/* \u041a\u0440\u0443\u0433\u043b\u044b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u0435\u0435 *\/\n display: flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n color: white;\n background: rgba(255, 255, 255, 0.05);\n \/* \u041b\u0435\u0433\u043a\u0438\u0439 \u0444\u043e\u043d *\/\n border: 1px solid rgba(255, 255, 255, 0.1);\n transition: all 0.3s ease;\n }\n\n .social-link svg {\n width: 18px;\n height: 18px;\n fill: currentColor;\n \/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c fill \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0445\u0440\u043e\u043c\u0430 *\/\n stroke: none;\n \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0431\u0432\u043e\u0434\u043a\u0443 \u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u0435\u0441\u0442\u044c \u0432 SVG \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e *\/\n }\n\n \/* \u0421\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0444\u0438\u043a\u0441\u044b \u0434\u043b\u044f SVG \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 stroke-based *\/\n .social-link.youtube svg,\n .social-link.instagram svg {\n fill: none;\n stroke: currentColor;\n stroke-width: 2;\n }\n\n .social-link:hover {\n transform: translateY(-3px);\n border-color: transparent;\n background: white;\n color: #1a252f;\n \/* \u0418\u043a\u043e\u043d\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0442\u0435\u043c\u043d\u043e\u0439 \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435 *\/\n }\n\n \/* \u0426\u0432\u0435\u0442\u043d\u044b\u0435 \u0445\u043e\u0432\u0435\u0440\u044b (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u0437\u0430\u0445\u043e\u0447\u0435\u0442 \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0446\u0432\u0435\u0442\u0430) *\/\n \/* \n .social-link.youtube:hover { background: #FF0000; color: white; }\n .social-link.twitter:hover { background: #000000; color: white; border-color: #333; }\n .social-link.tiktok:hover { background: #000000; color: white; border-color: #333; }\n .social-link.whatsapp:hover { background: #25D366; color: white; }\n .social-link.instagram:hover { background: #d62976; color: white; } \n *\/\n\n .footer-legal {\n border-top: 1px solid #2c3e50;\n padding: 25px 0;\n text-align: center;\n }\n\n .legal-links {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 30px;\n flex-wrap: wrap;\n }\n\n .legal-link {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #95a5a6;\n text-decoration: none;\n transition: color 0.3s ease;\n position: relative;\n }\n\n .legal-link:hover {\n color: #5FBA51;\n }\n\n .legal-link::after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 0;\n width: 0;\n height: 2px;\n background: #5FBA51;\n transition: width 0.3s ease;\n }\n\n .legal-link:hover::after {\n width: 100%;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n .main-links .legal-link {\n font-size: 16px;\n color: #ffffff;\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .main-links .legal-link:hover {\n color: #5FBA51;\n }\n\n \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u043e\u0439 (\u044e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u043e\u0439) \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n .secondary-links .legal-link {\n font-size: 13px;\n color: #64748b;\n }\n\n .footer-copyright {\n border-top: 1px solid #2c3e50;\n padding-top: 25px;\n text-align: center;\n }\n\n .copyright-text {\n font-family: 'Atyp Display', sans-serif;\n font-size: 15px;\n color: #95a5a6;\n font-weight: 400;\n }\n\n \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u042b\u0415 \u041e\u0422\u0421\u0422\u0423\u041f\u042b - \u041a\u0410\u041a \u0412 \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u041c \u0411\u041b\u041e\u041a\u0415 *\/\n @media (max-width: 1024px) {\n .container {\n max-width: 1200px;\n padding: 0 2rem;\n \/* 32px \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\n }\n\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n }\n\n @media (max-width: 968px) {\n .footer-content {\n padding: 40px 0 20px;\n }\n\n .footer-main {\n grid-template-columns: 1fr;\n gap: 35px;\n text-align: center;\n }\n\n .footer-contacts {\n order: 2;\n align-items: center;\n }\n\n .footer-logo {\n order: 1;\n }\n\n .footer-social {\n order: 3;\n justify-content: center;\n }\n\n .contact-item {\n font-size: 16px;\n }\n\n .logo-text {\n font-size: 24px;\n }\n\n .logo-icon {\n width: 50px;\n height: 50px;\n font-size: 24px;\n }\n\n .legal-links {\n gap: 20px;\n }\n\n .legal-link {\n font-size: 14px;\n }\n }\n\n @media (max-width: 768px) {\n .container {\n padding: 0 1rem;\n \/* 16px \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n }\n }\n\n @media (max-width: 640px) {\n .footer-content {\n padding: 35px 0 18px;\n }\n\n .footer-main {\n gap: 30px;\n }\n\n .logo-container {\n flex-direction: column;\n gap: 10px;\n }\n\n .logo-icon {\n width: 45px;\n height: 45px;\n font-size: 22px;\n }\n\n .logo-text {\n font-size: 22px;\n }\n\n .contact-item {\n font-size: 15px;\n }\n\n .social-link {\n width: 45px;\n height: 45px;\n font-size: 20px;\n }\n\n .footer-social {\n gap: 12px;\n }\n\n .copyright-text {\n font-size: 14px;\n }\n\n .since-text {\n font-size: 14px;\n }\n\n .legal-links {\n flex-direction: column;\n gap: 15px;\n }\n\n .legal-link {\n font-size: 13px;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n gap: 35px;\n text-align: center;\n }\n\n .brand-col .footer-logo,\n .brand-col .footer-social {\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n\n .contact-item strong {\n display: inline;\n }\n }\n\n @media (max-width: 480px) {\n .footer-content {\n padding: 30px 0 15px;\n }\n\n .footer-main {\n gap: 25px;\n }\n\n .contact-item {\n font-size: 14px;\n }\n\n .logo-text {\n font-size: 20px;\n }\n\n .social-link {\n width: 42px;\n height: 42px;\n font-size: 18px;\n }\n\n .copyright-text {\n font-size: 13px;\n }\n }\n\n \/* \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b *\/\n @media (min-width: 969px) and (max-width: 1200px) {\n .footer-content {\n padding: 45px 0 22px;\n }\n\n .footer-main {\n gap: 45px;\n }\n }\n <\/style>\n<\/head>\n\n<body>\n <footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer-content\">\n <div class=\"footer-grid\">\n \n <div class=\"footer-col brand-col\">\n <div class=\"footer-logo\">\n <img decoding=\"async\" src=\"https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-\u043e\u0442-2025-06-24-10-53-02-Photoroom.png\"\n alt=\"NEMAN EXPERT\" class=\"logo-image\">\n <div class=\"since-text\">SINCE 2024<\/div>\n <\/div>\n <div class=\"footer-social\">\n <a href=\"https:\/\/www.youtube.com\/@NEMANEXPERT\" target=\"_blank\" class=\"social-link youtube\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path\n d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\">\n <\/path>\n <polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon>\n <\/svg><\/a>\n <a href=\"https:\/\/x.com\/nemanexpert\" target=\"_blank\" class=\"social-link twitter\"><svg\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n fill=\"white\">\n <path\n d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" \/>\n <\/svg><\/a>\n <a href=\"https:\/\/www.tiktok.com\/@nemanexpert\" target=\"_blank\" class=\"social-link tiktok\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n height=\"20\" viewBox=\"0 0 448 512\" fill=\"white\">\n <path\n d=\"M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z\" \/>\n <\/svg><\/a>\n <a href=\"https:\/\/www.instagram.com\/nemanexpert\" target=\"_blank\" class=\"social-link instagram\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n <\/svg><\/a>\n <a href=\"https:\/\/wa.me\/77473933040\" target=\"_blank\" class=\"social-link whatsapp\" rel=\"noopener\"><svg\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n fill=\"white\">\n <path\n d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488\" \/>\n <\/svg><\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 class=\"footer-title\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/h4>\n <div class=\"footer-links\">\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=4096\" class=\"footer-link\">\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=4104\" class=\"footer-link\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438\n \u043e\u043f\u043b\u0430\u0442\u044b<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=4060\" class=\"footer-link\">FAQ<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 class=\"footer-title\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/h4>\n <div class=\"footer-links\">\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3839\" class=\"footer-link\">\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u0430\u044f \u043e\u0444\u0435\u0440\u0442\u0430<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3923\" class=\"footer-link\">\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435\n \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3898\" class=\"footer-link\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443<\/a>\n <a href=\"https:\/\/nemanexpert.kz\/?page_id=3928\" class=\"footer-link\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430\n \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-col\">\n <h4 class=\"footer-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h4>\n <div class=\"footer-contacts\">\n <div class=\"contact-item\">\n <strong>\u0422\u0435\u043b:<\/strong> +7 747 393 30 40\n <\/div>\n <div class=\"contact-item\">\n <strong>Email:<\/strong> info@nemanexpert.kz\n <\/div>\n <div class=\"contact-item\">\n \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0430 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d, \u0433. \u0410\u043b\u043c\u0430\u0442\u044b, \u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u0422\u0443\u0440\u0430\u0440\u0430 \u0420\u044b\u0441\u043a\u0443\u043b\u043e\u0432\u0430, 166\/2\u0430\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"footer-copyright\">\n <div class=\"copyright-text\">\n Copyright \u00a9 2025 nemanexpert \n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/footer>\n<\/body>\n\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NEMAN EXPERT — \u0414\u0438\u043b\u0435\u0440\u0441\u043a\u0430\u044f \u0441\u0435\u0442\u044c \u0438 \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e \u041d\u0430\u0439\u0434\u0438\u0442\u0435 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0433\u043e \u0434\u0438\u043b\u0435\u0440\u0430 \u0428\u0438\u0440\u043e\u043a\u0430\u044f \u0441\u0435\u0442\u044c \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u043e\u0432 \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d\u0443 \u0434\u043b\u044f \u0432\u0430\u0448\u0435\u0433\u043e \u0443\u0434\u043e\u0431\u0441\u0442\u0432\u0430 \u0421\u0442\u0430\u0442\u044c […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-152","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=152"}],"version-history":[{"count":114,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":4494,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/152\/revisions\/4494"}],"wp:attachment":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}