{"id":1100,"date":"2025-06-26T21:00:09","date_gmt":"2025-06-26T18:00:09","guid":{"rendered":"http:\/\/192.168.25.197\/?page_id=1100"},"modified":"2026-02-18T09:24:31","modified_gmt":"2026-02-18T06:24:31","slug":"%d0%be-%d0%bd%d0%b0%d1%81","status":"publish","type":"page","link":"https:\/\/mechanogurus.ru\/?page_id=1100","title":{"rendered":"\u041e \u041d\u0430\u0441"},"content":{"rendered":"\n
\n\n\n\n \n \n \u041e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 – Mechanogurus<\/title>\n <style>\n :root {\n --primary-orange: #E1830F;\n --secondary-orange: #F2B839;\n --dark-bg: #0a0a0a;\n --card-bg: #141414;\n --border-subtle: rgba(225, 131, 15, 0.08);\n --text-primary: #ffffff;\n --text-secondary: #b8b8b8;\n --text-tertiary: #808080;\n --spacing-unit: 8px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', Roboto, sans-serif;\n background: var(--dark-bg);\n color: var(--text-secondary);\n overflow-x: hidden;\n line-height: 1.7;\n font-size: 16px;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n animation: fadeIn 0.6s ease-out;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n \/* Subtle grid background *\/\n .grid-background {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -2;\n opacity: 0.02;\n background-image: \n linear-gradient(rgba(225, 131, 15, 0.1) 1px, transparent 1px),\n linear-gradient(90deg, rgba(225, 131, 15, 0.1) 1px, transparent 1px);\n background-size: 50px 50px;\n }\n\n \/* Subtle gradient overlays *\/\n .gradient-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n pointer-events: none;\n transition: transform 0.3s ease-out;\n }\n\n .gradient-top {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 400px;\n background: radial-gradient(ellipse at top, rgba(225, 131, 15, 0.05) 0%, transparent 70%);\n }\n\n .gradient-bottom {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 400px;\n background: radial-gradient(ellipse at bottom, rgba(225, 131, 15, 0.03) 0%, transparent 70%);\n }\n\n \/* Main container *\/\n .main-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 8);\n position: relative;\n z-index: 1;\n }\n\n \/* Hero section *\/\n .hero-section {\n padding: calc(var(--spacing-unit) * 8) 0 calc(var(--spacing-unit) * 10);\n }\n\n .hero-label {\n display: inline-block;\n padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2.5);\n background: rgba(225, 131, 15, 0.08);\n border: 1px solid var(--border-subtle);\n border-radius: 100px;\n font-size: 13px;\n font-weight: 600;\n color: var(--primary-orange);\n letter-spacing: 0.02em;\n text-transform: uppercase;\n margin-bottom: calc(var(--spacing-unit) * 4);\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.2s forwards;\n }\n\n .hero-title {\n font-size: clamp(42px, 5vw, 72px);\n font-weight: 700;\n line-height: 1.1;\n color: var(--text-primary);\n margin-bottom: calc(var(--spacing-unit) * 3);\n letter-spacing: -0.03em;\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.3s forwards;\n }\n\n .hero-subtitle {\n font-size: clamp(20px, 2.5vw, 28px);\n font-weight: 400;\n color: var(--text-tertiary);\n margin-bottom: calc(var(--spacing-unit) * 6);\n letter-spacing: -0.01em;\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.4s forwards;\n }\n\n .hero-description {\n font-size: 18px;\n line-height: 1.8;\n color: var(--text-secondary);\n margin-bottom: calc(var(--spacing-unit) * 4);\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.5s forwards;\n }\n\n .hero-description strong {\n color: var(--text-primary);\n font-weight: 600;\n }\n\n .hero-tags {\n display: flex;\n gap: calc(var(--spacing-unit) * 2);\n flex-wrap: wrap;\n margin-top: calc(var(--spacing-unit) * 4);\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.6s forwards;\n }\n\n .tag {\n padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);\n background: rgba(255, 255, 255, 0.02);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 8px;\n font-size: 14px;\n color: var(--text-secondary);\n font-weight: 500;\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n cursor: pointer;\n }\n\n .tag:hover {\n background: rgba(225, 131, 15, 0.08);\n border-color: rgba(225, 131, 15, 0.3);\n color: var(--primary-orange);\n box-shadow: 0 4px 12px rgba(225, 131, 15, 0.2);\n }\n\n \/* Section divider *\/\n .section-divider {\n height: 1px;\n background: linear-gradient(90deg, transparent, var(--border-subtle), transparent);\n margin: calc(var(--spacing-unit) * 8) 0;\n position: relative;\n overflow: hidden;\n }\n\n .section-divider::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, var(--primary-orange), transparent);\n animation: dividerScan 3s ease-in-out infinite;\n }\n\n @keyframes dividerScan {\n 0%, 100% {\n left: -100%;\n }\n 50% {\n left: 100%;\n }\n }\n\n \/* Content sections *\/\n .content-section {\n margin-bottom: calc(var(--spacing-unit) * 10);\n opacity: 0;\n transform: translateY(40px);\n transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .content-section.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .section-header {\n margin-bottom: calc(var(--spacing-unit) * 4);\n }\n\n .section-number {\n display: block;\n font-size: 13px;\n font-weight: 700;\n color: var(--primary-orange);\n letter-spacing: 0.1em;\n margin-bottom: calc(var(--spacing-unit) * 2);\n text-transform: uppercase;\n }\n\n .section-title {\n font-size: clamp(32px, 4vw, 48px);\n font-weight: 700;\n color: var(--text-primary);\n line-height: 1.2;\n margin-bottom: calc(var(--spacing-unit) * 3);\n letter-spacing: -0.02em;\n transition: all 0.3s ease;\n display: inline-block;\n position: relative;\n background: linear-gradient(90deg, var(--text-primary), var(--primary-orange), var(--text-primary));\n background-size: 200% 100%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .section-title:hover {\n animation: titleShimmer 2s ease-in-out infinite;\n }\n\n @keyframes titleShimmer {\n 0%, 100% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n }\n\n .section-lead {\n font-size: 20px;\n line-height: 1.7;\n color: var(--text-secondary);\n margin-bottom: calc(var(--spacing-unit) * 4);\n }\n\n \/* Two column layout *\/\n .two-column {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: calc(var(--spacing-unit) * 8);\n margin-top: calc(var(--spacing-unit) * 4);\n }\n\n \/* Feature cards *\/\n .feature-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: calc(var(--spacing-unit) * 3);\n margin-top: calc(var(--spacing-unit) * 4);\n }\n\n .feature-card {\n background: var(--card-bg);\n border: 1px solid var(--border-subtle);\n border-radius: 16px;\n padding: calc(var(--spacing-unit) * 5);\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n\n .feature-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--primary-orange), var(--secondary-orange));\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .feature-card::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(225, 131, 15, 0.08), transparent 60%);\n opacity: 0;\n transition: opacity 0.3s ease;\n pointer-events: none;\n }\n\n .feature-card:hover {\n border-color: rgba(225, 131, 15, 0.3);\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 20px 40px rgba(225, 131, 15, 0.15);\n }\n\n .feature-card:hover::before {\n transform: scaleX(1);\n }\n\n .feature-card:hover::after {\n opacity: 1;\n }\n\n .feature-icon {\n width: 48px;\n height: 48px;\n background: rgba(225, 131, 15, 0.1);\n border-radius: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: calc(var(--spacing-unit) * 3);\n font-size: 24px;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n position: relative;\n }\n\n .feature-icon::before {\n content: '';\n position: absolute;\n inset: -4px;\n background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));\n border-radius: 14px;\n opacity: 0;\n transition: opacity 0.3s ease;\n z-index: -1;\n }\n\n .feature-card:hover .feature-icon {\n transform: scale(1.1) rotate(5deg);\n background: rgba(225, 131, 15, 0.2);\n }\n\n .feature-card:hover .feature-icon::before {\n opacity: 0.3;\n animation: pulse 1.5s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% {\n transform: scale(1);\n opacity: 0.3;\n }\n 50% {\n transform: scale(1.1);\n opacity: 0.1;\n }\n }\n\n .feature-card-title {\n font-size: 18px;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: calc(var(--spacing-unit) * 2);\n letter-spacing: -0.01em;\n }\n\n .feature-card-description {\n font-size: 15px;\n line-height: 1.7;\n color: var(--text-secondary);\n }\n\n \/* Process list *\/\n .process-list {\n list-style: none;\n counter-reset: process-counter;\n margin-top: calc(var(--spacing-unit) * 4);\n }\n\n .process-item {\n counter-increment: process-counter;\n position: relative;\n padding-left: calc(var(--spacing-unit) * 10);\n margin-bottom: calc(var(--spacing-unit) * 5);\n padding-bottom: calc(var(--spacing-unit) * 5);\n border-bottom: 1px solid rgba(255, 255, 255, 0.04);\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .process-item:hover {\n padding-left: calc(var(--spacing-unit) * 11);\n }\n\n .process-item:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n\n .process-item::before {\n content: counter(process-counter, decimal-leading-zero);\n position: absolute;\n left: 0;\n top: 0;\n font-size: 14px;\n font-weight: 700;\n color: var(--primary-orange);\n width: 56px;\n height: 56px;\n border: 2px solid rgba(225, 131, 15, 0.2);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n background: rgba(225, 131, 15, 0.05);\n }\n\n .process-item:hover::before {\n transform: scale(1.1) rotate(10deg);\n background: rgba(225, 131, 15, 0.15);\n border-color: rgba(225, 131, 15, 0.5);\n box-shadow: 0 0 20px rgba(225, 131, 15, 0.3);\n }\n\n .process-title {\n font-size: 18px;\n font-weight: 600;\n color: var(--text-primary);\n margin-bottom: calc(var(--spacing-unit) * 1.5);\n }\n\n .process-description {\n font-size: 15px;\n line-height: 1.7;\n color: var(--text-secondary);\n }\n\n \/* Stats section *\/\n .stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: calc(var(--spacing-unit) * 4);\n margin-top: calc(var(--spacing-unit) * 5);\n }\n\n .stat-item {\n text-align: center;\n padding: calc(var(--spacing-unit) * 4);\n }\n\n .stat-number {\n font-size: 48px;\n font-weight: 700;\n color: var(--primary-orange);\n line-height: 1;\n margin-bottom: calc(var(--spacing-unit) * 2);\n text-shadow: 0 0 30px rgba(225, 131, 15, 0.3);\n transition: all 0.3s ease;\n }\n\n .stat-item:hover .stat-number {\n transform: scale(1.1);\n text-shadow: 0 0 40px rgba(225, 131, 15, 0.5);\n }\n\n .stat-label {\n font-size: 14px;\n color: var(--text-tertiary);\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n\n \/* CTA Section *\/\n .cta-section {\n background: var(--card-bg);\n border: 1px solid var(--border-subtle);\n border-radius: 24px;\n padding: calc(var(--spacing-unit) * 10) calc(var(--spacing-unit) * 6);\n text-align: center;\n margin-top: calc(var(--spacing-unit) * 10);\n position: relative;\n overflow: hidden;\n opacity: 0;\n transform: translateY(40px);\n }\n\n .cta-section.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n .cta-section::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(225, 131, 15, 0.08) 0%, transparent 70%);\n animation: rotate 20s linear infinite;\n }\n\n @keyframes rotate {\n from { \n transform: rotate(0deg);\n }\n to { \n transform: rotate(360deg);\n }\n }\n\n .cta-content {\n position: relative;\n z-index: 1;\n }\n\n .cta-title {\n font-size: clamp(28px, 4vw, 42px);\n font-weight: 700;\n color: var(--text-primary);\n margin-bottom: calc(var(--spacing-unit) * 3);\n letter-spacing: -0.02em;\n }\n\n .cta-description {\n font-size: 18px;\n color: var(--text-secondary);\n margin-bottom: calc(var(--spacing-unit) * 6);\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n\n .cta-button {\n display: inline-flex;\n align-items: center;\n gap: calc(var(--spacing-unit) * 2);\n padding: calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 5);\n background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));\n color: #ffffff;\n text-decoration: none;\n border-radius: 12px;\n font-weight: 600;\n font-size: 16px;\n letter-spacing: -0.01em;\n transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n box-shadow: 0 8px 24px rgba(225, 131, 15, 0.2);\n position: relative;\n overflow: hidden;\n }\n\n .cta-button::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255, 255, 255, 0.3);\n transform: translate(-50%, -50%);\n transition: width 0.6s, height 0.6s;\n }\n\n .cta-button:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .cta-button:hover {\n transform: translateY(-3px) scale(1.05);\n box-shadow: 0 15px 40px rgba(225, 131, 15, 0.4);\n }\n\n .cta-button:active {\n transform: translateY(-1px) scale(1.02);\n }\n\n .cta-secondary {\n display: inline-flex;\n align-items: center;\n gap: calc(var(--spacing-unit) * 2);\n padding: calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 5);\n background: transparent;\n color: var(--text-secondary);\n text-decoration: none;\n border: 1px solid var(--border-subtle);\n border-radius: 12px;\n font-weight: 600;\n font-size: 16px;\n letter-spacing: -0.01em;\n transition: all 0.3s ease;\n margin-left: calc(var(--spacing-unit) * 2);\n position: relative;\n overflow: hidden;\n }\n\n .cta-secondary::before {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(225, 131, 15, 0.1), transparent);\n transition: left 0.5s ease;\n }\n\n .cta-secondary:hover::before {\n left: 100%;\n }\n\n .cta-secondary:hover {\n border-color: rgba(225, 131, 15, 0.4);\n color: var(--text-primary);\n transform: translateY(-2px);\n box-shadow: 0 8px 20px rgba(225, 131, 15, 0.1);\n }\n\n \/* Animations *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeInBlur {\n from {\n opacity: 0;\n filter: blur(10px);\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n filter: blur(0);\n transform: translateY(0);\n }\n }\n\n @keyframes slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes slideInRight {\n from {\n opacity: 0;\n transform: translateX(30px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes scaleIn {\n from {\n opacity: 0;\n transform: scale(0.95);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes shimmer {\n 0% {\n background-position: -1000px 0;\n }\n 100% {\n background-position: 1000px 0;\n }\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n }\n\n @keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n }\n\n @keyframes borderGlow {\n 0%, 100% {\n border-color: rgba(225, 131, 15, 0.1);\n }\n 50% {\n border-color: rgba(225, 131, 15, 0.3);\n }\n }\n\n \/* Parallax effect for sections *\/\n .parallax-section {\n transform: translateZ(0);\n will-change: transform;\n }\n\n \/* Staggered animation for cards *\/\n .feature-card:nth-child(1) { animation-delay: 0.1s; }\n .feature-card:nth-child(2) { animation-delay: 0.2s; }\n .feature-card:nth-child(3) { animation-delay: 0.3s; }\n .feature-card:nth-child(4) { animation-delay: 0.4s; }\n .feature-card:nth-child(5) { animation-delay: 0.5s; }\n .feature-card:nth-child(6) { animation-delay: 0.6s; }\n\n .content-section.visible .feature-card {\n animation: fadeInBlur 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n\n \/* Process items staggered animation *\/\n .process-item:nth-child(1) { animation-delay: 0.1s; }\n .process-item:nth-child(2) { animation-delay: 0.2s; }\n .process-item:nth-child(3) { animation-delay: 0.3s; }\n .process-item:nth-child(4) { animation-delay: 0.4s; }\n\n .content-section.visible .process-item {\n animation: slideInLeft 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n opacity: 0;\n }\n\n \/* Grid items animation *\/\n .content-section.visible .grid-item:nth-child(odd) {\n animation: slideInLeft 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n opacity: 0;\n }\n\n .content-section.visible .grid-item:nth-child(even) {\n animation: slideInRight 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n opacity: 0;\n }\n\n .grid-item:nth-child(1) { animation-delay: 0.1s; }\n .grid-item:nth-child(2) { animation-delay: 0.15s; }\n .grid-item:nth-child(3) { animation-delay: 0.2s; }\n .grid-item:nth-child(4) { animation-delay: 0.25s; }\n .grid-item:nth-child(5) { animation-delay: 0.3s; }\n .grid-item:nth-child(6) { animation-delay: 0.35s; }\n\n \/* Section number animation *\/\n .content-section.visible .section-number {\n animation: scaleIn 0.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n }\n\n \/* Section title reveal *\/\n .content-section.visible .section-title {\n animation: fadeInBlur 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;\n }\n\n \/* Lead text reveal *\/\n .content-section.visible .section-lead {\n animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s forwards;\n }\n\n \/* Responsive *\/\n @media (max-width: 1024px) {\n .two-column {\n grid-template-columns: 1fr;\n gap: calc(var(--spacing-unit) * 4);\n }\n }\n\n @media (max-width: 768px) {\n .main-container {\n padding: calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 6);\n }\n\n .hero-section {\n padding: calc(var(--spacing-unit) * 4) 0 calc(var(--spacing-unit) * 6);\n }\n\n .feature-grid {\n grid-template-columns: 1fr;\n }\n\n .process-item {\n padding-left: calc(var(--spacing-unit) * 8);\n }\n\n .process-item::before {\n width: 48px;\n height: 48px;\n font-size: 12px;\n }\n\n .cta-section {\n padding: calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 4);\n }\n\n .cta-secondary {\n margin-left: 0;\n margin-top: calc(var(--spacing-unit) * 2);\n }\n\n .stats-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n \/* Utility classes *\/\n .text-primary { color: var(--text-primary); }\n .text-secondary { color: var(--text-secondary); }\n .text-accent { color: var(--primary-orange); }\n .font-semibold { font-weight: 600; }\n .font-bold { font-weight: 700; }\n <\/style>\n<\/head>\n<body>\n <!-- Background elements -->\n <div class=\"grid-background\"><\/div>\n <div class=\"gradient-overlay\">\n <div class=\"gradient-top\"><\/div>\n <div class=\"gradient-bottom\"><\/div>\n <\/div>\n\n <!-- Main content -->\n <main class=\"main-container\">\n <!-- Hero section -->\n <section class=\"hero-section\">\n <span class=\"hero-label\">\u041e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/span>\n <h1 class=\"hero-title\">\u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/h1>\n <p class=\"hero-subtitle\">\u041d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438.<\/p>\n <div class=\"hero-description\">\n <p><strong>Mechanogurus<\/strong> \u2014 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0430\u043b\u0442\u0438\u043d\u0433\u043e\u0432\u0430\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f, \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0449\u0430\u044f\u0441\u044f \u043d\u0430 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0438 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f, \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f.<\/p>\n <p style=\"margin-top: calc(var(--spacing-unit) * 3);\">\u041c\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u043c \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043e\u0442 \u0440\u0430\u0437\u0440\u043e\u0437\u043d\u0435\u043d\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u0440\u0443\u0447\u043d\u043e\u0439 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0446\u0438\u0438 \u043a \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u043c, \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u043c \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c \u2014 \u0431\u0435\u0437 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0438 \u0431\u0435\u0437 \u0438\u0437\u043b\u0438\u0448\u043d\u0435\u0433\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.<\/p>\n <\/div>\n <div class=\"hero-tags\">\n <span class=\"tag\">\u0418\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433<\/span>\n <span class=\"tag\">IT-\u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/span>\n <span class=\"tag\">\u041f\u0440\u043e\u0446\u0435\u0441\u0441\u043d\u0430\u044f \u0434\u0438\u0441\u0446\u0438\u043f\u043b\u0438\u043d\u0430<\/span>\n <span class=\"tag\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/span>\n <\/div>\n <\/section>\n\n <div class=\"section-divider\"><\/div>\n\n <!-- Mission section -->\n <section class=\"content-section\" id=\"mission\">\n <div class=\"section-header\">\n <span class=\"section-number\">01<\/span>\n <h2 class=\"section-title\">\u0417\u0430\u0447\u0435\u043c \u043c\u044b \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u043c<\/h2>\n <\/div>\n <p class=\"section-lead\">\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u0432 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u0438\u0438 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u043d\u0435 \u0438\u0437-\u0437\u0430 \u043d\u0435\u0445\u0432\u0430\u0442\u043a\u0438 \u043a\u043e\u043c\u043f\u0435\u0442\u0435\u043d\u0446\u0438\u0439. \u0418\u0445 \u043f\u0440\u0438\u0447\u0438\u043d\u044b \u2014 \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435 \u0440\u0430\u0431\u043e\u0442\u044b.<\/p>\n \n <div class=\"feature-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udcca<\/div>\n <h3 class=\"feature-card-title\">\u041d\u0435\u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435<\/h3>\n <p class=\"feature-card-description\">CAD-\u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u0445\u0430\u043e\u0442\u0438\u0447\u043d\u043e, \u0431\u0435\u0437 \u0435\u0434\u0438\u043d\u043e\u0439 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0435\u0440\u0441\u0438\u044f\u043c\u0438 \u0438 \u0434\u043e\u0441\u0442\u0443\u043f\u043e\u043c.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\u2699\ufe0f<\/div>\n <h3 class=\"feature-card-title\">\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/h3>\n <p class=\"feature-card-description\">\u0424\u043e\u0440\u043c\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u043e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442, \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f \u0441\u0438\u0442\u0443\u0430\u0442\u0438\u0432\u043d\u043e.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udd0d<\/div>\n <h3 class=\"feature-card-title\">\u0421\u043b\u0430\u0431\u0430\u044f \u043f\u0440\u043e\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0435\u043c\u043e\u0441\u0442\u044c<\/h3>\n <p class=\"feature-card-description\">\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0438 \u043f\u0440\u0438\u043d\u044f\u0442\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u043d\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u044e\u0442\u0441\u044f \u0434\u043e\u043b\u0436\u043d\u044b\u043c \u043e\u0431\u0440\u0430\u0437\u043e\u043c, \u0442\u0435\u0440\u044f\u0435\u0442\u0441\u044f \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udd17<\/div>\n <h3 class=\"feature-card-title\">\u0420\u0430\u0437\u0440\u043e\u0437\u043d\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u0438\u0441\u0442\u0435\u043c<\/h3>\n <p class=\"feature-card-description\">IT-\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0430\u044f \u0441\u0440\u0435\u0434\u0430 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0442 \u043e\u0442\u0434\u0435\u043b\u044c\u043d\u043e, \u0431\u0435\u0437 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0438 \u043e\u0431\u0449\u0435\u0439 \u043b\u043e\u0433\u0438\u043a\u0438.<\/p>\n <\/div>\n <\/div>\n\n <p style=\"margin-top: calc(var(--spacing-unit) * 8); font-size: 18px; color: var(--text-primary);\">\n <strong>Mechanogurus<\/strong> \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442 \u0434\u043b\u044f \u0442\u043e\u0433\u043e, \u0447\u0442\u043e\u0431\u044b \u0443\u0441\u0442\u0440\u0430\u043d\u0438\u0442\u044c \u044d\u0442\u043e\u0442 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0445\u0430\u043e\u0441, \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u044f \u0447\u0451\u0442\u043a\u0438\u0435 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0432\u043e\u043a\u0440\u0443\u0433 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445, \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u0437\u043e\u043d \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438.\n <\/p>\n <\/section>\n\n <div class=\"section-divider\"><\/div>\n\n <!-- Approach section -->\n <section class=\"content-section\" id=\"approach\">\n <div class=\"section-header\">\n <span class=\"section-number\">02<\/span>\n <h2 class=\"section-title\">\u041a\u0430\u043a \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c<\/h2>\n <\/div>\n <p class=\"section-lead\"><strong>\u041c\u044b \u043d\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0441 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432.<\/strong> \u041c\u044b \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0441 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u0438\u044f \u0440\u0435\u0430\u043b\u044c\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438.<\/p>\n \n <ul class=\"process-list\">\n <li class=\"process-item\">\n <h3 class=\"process-title\">\u0410\u043d\u0430\u043b\u0438\u0437 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/h3>\n <p class=\"process-description\">\u0413\u043b\u0443\u0431\u043e\u043a\u043e\u0435 \u0438\u0437\u0443\u0447\u0435\u043d\u0438\u0435 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u043f\u043e\u0442\u043e\u043a\u043e\u0432 \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 \u0432\u0430\u0448\u0435\u0439 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u0432\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u044f \u0443\u0437\u043a\u0438\u0445 \u043c\u0435\u0441\u0442 \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n <\/li>\n <li class=\"process-item\">\n <h3 class=\"process-title\">\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0442\u043e\u0447\u0435\u043a \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044f<\/h3>\n <p class=\"process-description\">\u0412\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044c\u043d\u044b\u0445 \u0442\u043e\u0447\u0435\u043a, \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u0438 \u0438 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043b\u043e\u0433\u0438\u043a\u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u0439 \u0434\u043b\u044f \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.<\/p>\n <\/li>\n <li class=\"process-item\">\n <h3 class=\"process-title\">\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043e\u0432<\/h3>\n <p class=\"process-description\">\u0418\u043c\u043f\u043b\u0435\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f PDM-\u0441\u0438\u0441\u0442\u0435\u043c, \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043e\u0432 \u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u0438\u0437\u043d\u0435\u0441\u0430.<\/p>\n <\/li>\n <li class=\"process-item\">\n <h3 class=\"process-title\">\u041f\u043e\u044d\u0442\u0430\u043f\u043d\u0430\u044f \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f<\/h3>\n <p class=\"process-description\">\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043f\u043e\u044d\u0442\u0430\u043f\u043d\u043e, \u0441 \u0443\u0447\u0451\u0442\u043e\u043c \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0445 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439 \u0438 \u0431\u0435\u0437 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0442\u0435\u043a\u0443\u0449\u0438\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.<\/p>\n <\/li>\n <\/ul>\n\n <p style=\"margin-top: calc(var(--spacing-unit) * 8); font-size: 17px; color: var(--text-secondary);\">\n \u041a\u0430\u0436\u0434\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0442\u0430\u043a, \u0447\u0442\u043e\u0431\u044b \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u044b \u043c\u043e\u0433\u043b\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0435\u0433\u043e \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u043e, <span class=\"text-primary font-semibold\">\u0431\u0435\u0437 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0433\u043e \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u044f \u0441\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u043d\u0442\u043e\u0432<\/span>.\n <\/p>\n <\/section>\n\n <div class=\"section-divider\"><\/div>\n\n <!-- Services section -->\n <section class=\"content-section\" id=\"services\">\n <div class=\"section-header\">\n <span class=\"section-number\">03<\/span>\n <h2 class=\"section-title\">\u0427\u0442\u043e \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c<\/h2>\n <\/div>\n <p class=\"section-lead\">\u0412 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0437\u0430\u0434\u0430\u0447\u0438, \u043d\u0430\u0448\u0430 \u0440\u0430\u0431\u043e\u0442\u0430 \u043c\u043e\u0436\u0435\u0442 \u0432\u043a\u043b\u044e\u0447\u0430\u0442\u044c \u0448\u0438\u0440\u043e\u043a\u0438\u0439 \u0441\u043f\u0435\u043a\u0442\u0440 \u0443\u0441\u043b\u0443\u0433:<\/p>\n \n <div class=\"two-column\">\n <div>\n <h3 style=\"font-size: 20px; font-weight: 600; color: var(--text-primary); margin-bottom: calc(var(--spacing-unit) * 3);\">\u0423\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u043c\u0438<\/h3>\n <p style=\"margin-bottom: calc(var(--spacing-unit) * 2); color: var(--text-secondary);\">\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 PDM \u0438 CAD-\u0434\u0430\u043d\u043d\u044b\u0445, \u0432\u043a\u043b\u044e\u0447\u0430\u044f \u0441\u0440\u0435\u0434\u044b SOLIDWORKS, \u041a\u041e\u041c\u041f\u0410\u0421 3D \u0438 \u0434\u0440\u0443\u0433\u0438\u0445 \u0441\u0438\u0441\u0442\u0435\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n <\/div>\n <div>\n <h3 style=\"font-size: 20px; font-weight: 600; color: var(--text-primary); margin-bottom: calc(var(--spacing-unit) * 3);\">\u0420\u0435\u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/h3>\n <p style=\"margin-bottom: calc(var(--spacing-unit) * 2); color: var(--text-secondary);\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u0430\u0443\u0434\u0438\u0442 \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0434\u043b\u044f \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438.<\/p>\n <\/div>\n <div>\n <h3 style=\"font-size: 20px; font-weight: 600; color: var(--text-primary); margin-bottom: calc(var(--spacing-unit) * 3);\">IT-\u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430<\/h3>\n <p style=\"margin-bottom: calc(var(--spacing-unit) * 2); color: var(--text-secondary);\">\u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0437\u0430\u0449\u0438\u0449\u0451\u043d\u043d\u043e\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0439 IT-\u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b, VDI \u0438 \u0441\u0438\u0441\u0442\u0435\u043c \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0430.<\/p>\n <\/div>\n <div>\n <h3 style=\"font-size: 20px; font-weight: 600; color: var(--text-primary); margin-bottom: calc(var(--spacing-unit) * 3);\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\n <p style=\"margin-bottom: calc(var(--spacing-unit) * 2); color: var(--text-secondary);\">\u0418\u043d\u0442\u0435\u043b\u043b\u0435\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u0430\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0438 \u0441\u0435\u0440\u0432\u0438\u0441\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0439.<\/p>\n <\/div>\n <div>\n <h3 style=\"font-size: 20px; font-weight: 600; color: var(--text-primary); margin-bottom: calc(var(--spacing-unit) * 3);\">\u0410\u0434\u0434\u0438\u0442\u0438\u0432\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0438<\/h3>\n <p style=\"margin-bottom: calc(var(--spacing-unit) * 2); color: var(--text-secondary);\">\u0423\u0441\u043b\u0443\u0433\u0438 3D-\u043f\u0435\u0447\u0430\u0442\u0438, 3D-\u0441\u043a\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0440\u0435\u0432\u0435\u0440\u0441-\u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433\u0430 \u0434\u043b\u044f \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430.<\/p>\n <\/div>\n <div>\n <h3 style=\"font-size: 20px; font-weight: 600; color: var(--text-primary); margin-bottom: calc(var(--spacing-unit) * 3);\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f<\/h3>\n <p style=\"margin-bottom: calc(var(--spacing-unit) * 2); color: var(--text-secondary);\">\u0412\u0441\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0440\u0430\u0431\u043e\u0442\u044b \u0442\u0449\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u044b, \u043f\u0440\u043e\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0435\u043c\u044b \u0438 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442 \u043e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u043e\u0439 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider\"><\/div>\n\n <!-- Target clients section -->\n <section class=\"content-section\">\n <div class=\"section-header\">\n <span class=\"section-number\">04<\/span>\n <h2 class=\"section-title\">\u0421 \u043a\u0435\u043c \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043b\u0443\u0447\u0448\u0435 \u0432\u0441\u0435\u0433\u043e<\/h2>\n <\/div>\n <p class=\"section-lead\">\u041c\u044b \u043d\u0430\u0438\u0431\u043e\u043b\u0435\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u044b \u043f\u0440\u0438 \u0440\u0430\u0431\u043e\u0442\u0435 \u0441 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c\u0438, \u0433\u043e\u0442\u043e\u0432\u044b\u043c\u0438 \u043a \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u043c \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f\u043c.<\/p>\n \n <div class=\"feature-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udfed<\/div>\n <h3 class=\"feature-card-title\">\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438<\/h3>\n <p class=\"feature-card-description\">\u041c\u0430\u043b\u044b\u0435 \u0438 \u0441\u0440\u0435\u0434\u043d\u0438\u0435 \u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433\u043e\u0432\u044b\u0435 \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u044f \u0441 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u043c\u0438 \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u043c\u0438.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udcc8<\/div>\n <h3 class=\"feature-card-title\">\u0420\u0430\u0441\u0442\u0443\u0449\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b<\/h3>\n <p class=\"feature-card-description\">\u041a\u043e\u043b\u043b\u0435\u043a\u0442\u0438\u0432\u044b, \u0432\u044b\u0440\u043e\u0441\u0448\u0438\u0435 \u0438\u0437 \u043d\u0435\u0444\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043e\u0431\u043c\u0435\u043d\u0430 \u0444\u0430\u0439\u043b\u0430\u043c\u0438 \u0438 \u043d\u0443\u0436\u0434\u0430\u044e\u0449\u0438\u0435\u0441\u044f \u0432 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0435.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udf10<\/div>\n <h3 class=\"feature-card-title\">\u0420\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438<\/h3>\n <p class=\"feature-card-description\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u0438, \u0433\u043e\u0442\u043e\u0432\u044f\u0449\u0438\u0435\u0441\u044f \u043a \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e, \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0438\u044f \u0438\u043b\u0438 \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u0435.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udfaf<\/div>\n <h3 class=\"feature-card-title\">\u0426\u0435\u043d\u0438\u0442\u0435\u043b\u0438 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/h3>\n <p class=\"feature-card-description\">\u041a\u043b\u0438\u0435\u043d\u0442\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0446\u0435\u043d\u044f\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443, \u044f\u0441\u043d\u043e\u0441\u0442\u044c \u0438 \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u0443\u044e \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0441\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u0439.<\/p>\n <\/div>\n <\/div>\n\n <div style=\"margin-top: calc(var(--spacing-unit) * 8); padding: calc(var(--spacing-unit) * 4); background: rgba(225, 131, 15, 0.05); border-left: 3px solid var(--primary-orange); border-radius: 8px; color: var(--text-secondary);\">\n <p style=\"margin-bottom: calc(var(--spacing-unit) * 2);\"><strong style=\"color: var(--text-primary);\">\u0412\u0430\u0436\u043d\u043e \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c:<\/strong> \u043c\u044b \u043d\u0435 \u043f\u043e\u0434\u0445\u043e\u0434\u0438\u043c \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c, \u043a\u043e\u0442\u043e\u0440\u044b\u0435:<\/p>\n <ul style=\"list-style: none; padding-left: 0; margin: 0;\">\n <li style=\"padding: calc(var(--spacing-unit) * 1) 0 calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 3); position: relative;\">\n <span style=\"position: absolute; left: 0; color: var(--primary-orange);\">\u2022<\/span>\n \u043e\u0436\u0438\u0434\u0430\u044e\u0442 \u0431\u044b\u0441\u0442\u0440\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u0431\u0435\u0437 \u0433\u043e\u0442\u043e\u0432\u043d\u043e\u0441\u0442\u0438 \u0443\u0447\u0430\u0441\u0442\u0432\u043e\u0432\u0430\u0442\u044c \u0432 \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u0438 \u0443\u0442\u043e\u0447\u043d\u0435\u043d\u0438\u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439;\n <\/li>\n <li style=\"padding: calc(var(--spacing-unit) * 1) 0 calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 3); position: relative;\">\n <span style=\"position: absolute; left: 0; color: var(--primary-orange);\">\u2022<\/span>\n \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u044b\u0432\u0430\u044e\u0442 \u043d\u0430 \u0444\u043e\u0440\u043c\u0430\u0442 \u00ab\u0441\u0434\u0435\u043b\u0430\u0439\u0442\u0435 \u0447\u0442\u043e-\u043d\u0438\u0431\u0443\u0434\u044c, \u0447\u0442\u043e\u0431\u044b \u0432\u0441\u0451 \u0440\u0430\u0431\u043e\u0442\u0430\u043b\u043e\u00bb \u0431\u0435\u0437 \u0430\u043d\u0430\u043b\u0438\u0437\u0430 \u043f\u0440\u0438\u0447\u0438\u043d \u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432;\n <\/li>\n <li style=\"padding: calc(var(--spacing-unit) * 1) 0 calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 3); position: relative;\">\n <span style=\"position: absolute; left: 0; color: var(--primary-orange);\">\u2022<\/span>\n \u0438\u0449\u0443\u0442 \u0440\u0430\u0437\u043e\u0432\u0443\u044e \u0443\u0441\u043b\u0443\u0433\u0443 \u0432\u043c\u0435\u0441\u0442\u043e \u043f\u043e\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b \u043d\u0430\u0434 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u044b\u043c\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u043c\u0438 \u0440\u0435\u0448\u0435\u043d\u0438\u044f\u043c\u0438;\n <\/li>\n <li style=\"padding: calc(var(--spacing-unit) * 1) 0 calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 3); position: relative;\">\n <span style=\"position: absolute; left: 0; color: var(--primary-orange);\">\u2022<\/span>\n \u043d\u0435 \u0433\u043e\u0442\u043e\u0432\u044b \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0451\u043d\u043d\u043e\u0441\u0442\u0438, \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0441\u0442\u043e\u0440\u043e\u043d \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u0432\u0438\u0434\u0435;\n <\/li>\n <li style=\"padding: calc(var(--spacing-unit) * 1) 0 calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 3); position: relative;\">\n <span style=\"position: absolute; left: 0; color: var(--primary-orange);\">\u2022<\/span>\n \u0440\u0430\u0441\u0441\u043c\u0430\u0442\u0440\u0438\u0432\u0430\u044e\u0442 \u043a\u043e\u043d\u0441\u0430\u043b\u0442\u0438\u043d\u0433 \u043a\u0430\u043a \u0437\u0430\u043c\u0435\u043d\u0443 \u0432\u043d\u0443\u0442\u0440\u0435\u043d\u043d\u0435\u0433\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f, \u0430 \u043d\u0435 \u043a\u0430\u043a \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442 \u0435\u0433\u043e \u0443\u0441\u0438\u043b\u0435\u043d\u0438\u044f.\n <\/li>\n <\/ul>\n <\/div>\n <\/section>\n\n <div class=\"section-divider\"><\/div>\n\n <!-- Differentiators section -->\n <section class=\"content-section\">\n <div class=\"section-header\">\n <span class=\"section-number\">05<\/span>\n <h2 class=\"section-title\">\u0427\u0442\u043e \u043e\u0442\u043b\u0438\u0447\u0430\u0435\u0442 \u043d\u0430\u0441<\/h2>\n <\/div>\n \n <div class=\"feature-grid\">\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udd04<\/div>\n <h3 class=\"feature-card-title\">\u0415\u0434\u0438\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434<\/h3>\n <p class=\"feature-card-description\">\u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0437\u0430 \u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433 \u0438 IT \u0432 \u0440\u0430\u043c\u043a\u0430\u0445 \u0435\u0434\u0438\u043d\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udccb<\/div>\n <h3 class=\"feature-card-title\">\u041f\u0440\u043e\u0446\u0435\u0441\u0441 \u043f\u0435\u0440\u0432\u0438\u0447\u0435\u043d<\/h3>\n <p class=\"feature-card-description\">\u041c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u044f \u00ab\u0441\u043d\u0430\u0447\u0430\u043b\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u2014 \u043f\u043e\u0442\u043e\u043c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u00bb \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0432\u0430\u0435\u0442 \u0443\u0441\u0442\u043e\u0439\u0447\u0438\u0432\u043e\u0441\u0442\u044c \u0440\u0435\u0448\u0435\u043d\u0438\u0439.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83c\udd93<\/div>\n <h3 class=\"feature-card-title\">\u041d\u0435\u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u044c<\/h3>\n <p class=\"feature-card-description\">\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0438\u0435 \u043f\u0440\u0438\u0432\u044f\u0437\u043a\u0438 \u043a \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u044b\u043c \u0432\u0435\u043d\u0434\u043e\u0440\u0430\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u2014 \u0432\u044b\u0431\u043e\u0440 \u043b\u0443\u0447\u0448\u0435\u0433\u043e \u0434\u043b\u044f \u0437\u0430\u0434\u0430\u0447\u0438.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83e\udd16<\/div>\n <h3 class=\"feature-card-title\">\u0423\u043c\u043d\u0430\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\n <p class=\"feature-card-description\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0441\u043d\u0438\u0436\u0430\u0435\u0442 \u0442\u0440\u0435\u043d\u0438\u0435 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u0445, \u0430 \u043d\u0435 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\ud83d\udccd<\/div>\n <h3 class=\"feature-card-title\">\u041f\u0440\u043e\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0435\u043c\u043e\u0441\u0442\u044c<\/h3>\n <p class=\"feature-card-description\">\u0427\u0451\u0442\u043a\u0430\u044f \u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0441\u0442\u044c \u0437\u0430 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u044c \u043f\u0440\u0438\u043d\u044f\u0442\u0438\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u0439.<\/p>\n <\/div>\n <div class=\"feature-card\">\n <div class=\"feature-icon\">\u267e\ufe0f<\/div>\n <h3 class=\"feature-card-title\">\u0414\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u043e\u0441\u0442\u044c<\/h3>\n <p class=\"feature-card-description\">\u0421\u0438\u0441\u0442\u0435\u043c\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u044e\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043f\u043e\u0441\u043b\u0435 \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044f \u0431\u0435\u0437 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0433\u043e \u0432\u043d\u0435\u0448\u043d\u0435\u0433\u043e \u0443\u0447\u0430\u0441\u0442\u0438\u044f.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"section-divider\"><\/div>\n\n <!-- Role section -->\n <section class=\"content-section\">\n <div class=\"section-header\">\n <span class=\"section-number\">06<\/span>\n <h2 class=\"section-title\">\u041d\u0430\u0448\u0430 \u0440\u043e\u043b\u044c \u0432 \u0432\u0430\u0448\u0435\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0439 \u044d\u043a\u043e\u0441\u0438\u0441\u0442\u0435\u043c\u0435<\/h2>\n <\/div>\n <p class=\"section-lead\"><strong>Mechanogurus \u043d\u0435 \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u0442 \u0432\u0430\u0448\u0438\u0445 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043e\u0432.<\/strong><\/p>\n \n <p style=\"font-size: 18px; color: var(--text-secondary); margin-bottom: calc(var(--spacing-unit) * 6);\">\n \u041c\u044b \u0432\u044b\u0441\u0442\u0443\u043f\u0430\u0435\u043c \u0432 \u0440\u043e\u043b\u0438 <span class=\"text-accent font-semibold\">\u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u043e\u0440\u0430 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0442\u043e\u0440\u0430<\/span>, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0441\u0438\u0441\u0442\u0435\u043c\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0442 \u0432\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0435\u0435.\n <\/p>\n\n <div class=\"stats-grid\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">\u041a\u043e\u043d\u0442\u0440\u043e\u043b\u044c \u0434\u0430\u043d\u043d\u044b\u0445<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">\u041f\u0440\u0435\u0434\u0441\u043a\u0430\u0437\u0443\u0435\u043c\u043e\u0441\u0442\u044c<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">0<\/div>\n <div class=\"stat-label\">\u041e\u043f\u0435\u0440\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0439 \u0445\u0430\u043e\u0441<\/div>\n <\/div>\n <\/div>\n\n <p style=\"margin-top: calc(var(--spacing-unit) * 10); font-size: 20px; text-align: center; color: var(--text-primary);\">\n \u041d\u0430\u0448\u0430 \u0446\u0435\u043b\u044c \u2014 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443 <span class=\"text-accent\">\u043f\u0440\u043e\u0449\u0435, \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u0435\u0435 \u0438 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u0435\u0435<\/span>.\n <\/p>\n <\/section>\n\n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">\u0413\u043e\u0442\u043e\u0432\u044b \u043d\u0430\u0432\u0435\u0441\u0442\u0438 \u043f\u043e\u0440\u044f\u0434\u043e\u043a \u0432 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0430\u0445?<\/h2>\n <p class=\"cta-description\">\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u0441 \u043d\u0430\u043c\u0438, \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u0441\u0443\u0434\u0438\u0442\u044c \u0432\u0430\u0448\u0443 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e \u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0438\u0442\u044c \u043e\u043f\u0442\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0443\u0442\u044c \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438.<\/p>\n <div>\n <a href=\"https:\/\/n8n.mechanogurus.ru\/form\/105adc81-c50a-40f0-ab54-f0b65857d49e\" class=\"cta-button\" target=\"_blank\">\u041d\u0430\u0447\u0430\u0442\u044c \u0434\u0438\u0430\u043b\u043e\u0433 \u2192<\/a>\n <a href=\"https:\/\/mechanogurus.ru\" class=\"cta-secondary\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u043e\u0431 \u0443\u0441\u043b\u0443\u0433\u0430\u0445<\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <script>\n \/\/ Parallax effect on scroll\n let ticking = false;\n window.addEventListener('scroll', () => {\n if (!ticking) {\n window.requestAnimationFrame(() => {\n const scrolled = window.pageYOffset;\n const gradientOverlay = document.querySelector('.gradient-overlay');\n if (gradientOverlay) {\n gradientOverlay.style.transform = `translateY(${scrolled * 0.3}px)`;\n }\n ticking = false;\n });\n ticking = true;\n }\n });\n\n \/\/ Mouse tracking for feature cards\n document.querySelectorAll('.feature-card').forEach(card => {\n card.addEventListener('mousemove', (e) => {\n const rect = card.getBoundingClientRect();\n const x = ((e.clientX - rect.left) \/ rect.width) * 100;\n const y = ((e.clientY - rect.top) \/ rect.height) * 100;\n card.style.setProperty('--mouse-x', x + '%');\n card.style.setProperty('--mouse-y', y + '%');\n });\n\n \/\/ Add 3D tilt effect\n card.addEventListener('mousemove', (e) => {\n const rect = card.getBoundingClientRect();\n const x = e.clientX - rect.left;\n const y = e.clientY - rect.top;\n const centerX = rect.width \/ 2;\n const centerY = rect.height \/ 2;\n const rotateX = (y - centerY) \/ 20;\n const rotateY = (centerX - x) \/ 20;\n \n card.style.transform = `translateY(-8px) scale(1.02) perspective(1000px) rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n });\n\n card.addEventListener('mouseleave', () => {\n card.style.transform = '';\n });\n });\n\n \/\/ Animated counter for stats\n function animateCounter(element, target, duration = 2000) {\n const start = 0;\n const increment = target \/ (duration \/ 16);\n let current = start;\n\n const timer = setInterval(() => {\n current += increment;\n if (current >= target) {\n element.textContent = target + '%';\n clearInterval(timer);\n } else {\n element.textContent = Math.floor(current) + '%';\n }\n }, 16);\n }\n\n \/\/ Observe stats for animation trigger\n const statsObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !entry.target.classList.contains('counted')) {\n entry.target.classList.add('counted');\n const numbers = entry.target.querySelectorAll('.stat-number');\n numbers.forEach((num, index) => {\n if (index < 2) {\n setTimeout(() => animateCounter(num, 100), index * 200);\n }\n });\n }\n });\n }, { threshold: 0.5 });\n\n const statsGrid = document.querySelector('.stats-grid');\n if (statsGrid) {\n statsObserver.observe(statsGrid);\n }\n\n \/\/ Scroll animations\n const observerOptions = {\n threshold: 0.15,\n rootMargin: '0px 0px -80px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.content-section, .cta-section').forEach(section => {\n observer.observe(section);\n });\n\n \/\/ Smooth scroll for navigation with easing\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n const offset = 100;\n const targetPosition = target.offsetTop - offset;\n \n \/\/ Smooth scroll with custom easing\n const startPosition = window.pageYOffset;\n const distance = targetPosition - startPosition;\n const duration = 1000;\n let start = null;\n\n function easeInOutCubic(t) {\n return t < 0.5 ? 4 * t * t * t : (t - 1) * (2 * t - 2) * (2 * t - 2) + 1;\n }\n\n function animation(currentTime) {\n if (start === null) start = currentTime;\n const timeElapsed = currentTime - start;\n const progress = Math.min(timeElapsed \/ duration, 1);\n const ease = easeInOutCubic(progress);\n \n window.scrollTo(0, startPosition + distance * ease);\n \n if (timeElapsed < duration) {\n requestAnimationFrame(animation);\n }\n }\n\n requestAnimationFrame(animation);\n }\n });\n });\n\n \/\/ Add staggered animation to process items\n const processItems = document.querySelectorAll('.process-item');\n const processObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.style.opacity = '1';\n entry.target.style.transform = 'translateX(0)';\n }, index * 100);\n }\n });\n }, { threshold: 0.3 });\n\n processItems.forEach((item, index) => {\n item.style.opacity = '0';\n item.style.transform = 'translateX(-30px)';\n item.style.transition = 'all 0.6s cubic-bezier(0.16, 1, 0.3, 1)';\n processObserver.observe(item);\n });\n\n \/\/ Interactive hero tags\n document.querySelectorAll('.tag').forEach(tag => {\n tag.addEventListener('mouseenter', function() {\n this.style.transform = 'scale(1.05) translateY(-2px)';\n });\n tag.addEventListener('mouseleave', function() {\n this.style.transform = 'scale(1) translateY(0)';\n });\n });\n\n \/\/ Add magnetic effect to buttons\n document.querySelectorAll('.cta-button, .cta-secondary').forEach(button => {\n button.addEventListener('mousemove', (e) => {\n const rect = button.getBoundingClientRect();\n const x = e.clientX - rect.left - rect.width \/ 2;\n const y = e.clientY - rect.top - rect.height \/ 2;\n \n button.style.transform = `translate(${x * 0.1}px, ${y * 0.1}px) translateY(-3px) scale(1.05)`;\n });\n\n button.addEventListener('mouseleave', () => {\n button.style.transform = '';\n });\n });\n\n \/\/ Reveal section numbers on scroll\n document.querySelectorAll('.section-number').forEach(num => {\n num.style.opacity = '0';\n num.style.transform = 'translateY(20px)';\n });\n\n const numberObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n const num = entry.target;\n setTimeout(() => {\n num.style.opacity = '1';\n num.style.transform = 'translateY(0)';\n num.style.transition = 'all 0.6s cubic-bezier(0.16, 1, 0.3, 1)';\n }, 100);\n }\n });\n }, { threshold: 0.5 });\n\n document.querySelectorAll('.section-number').forEach(num => {\n numberObserver.observe(num);\n });\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u041e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 – Mechanogurus \u041e \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 \u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u041d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438. Mechanogurus \u2014 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0430\u043b\u0442\u0438\u043d\u0433\u043e\u0432\u0430\u044f \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f, \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u044e\u0449\u0430\u044f\u0441\u044f \u043d\u0430 \u043f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0438 \u0442\u043e\u0433\u043e, \u043a\u0430\u043a \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0430\u044f \u0440\u0430\u0431\u043e\u0442\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u0443\u0435\u0442\u0441\u044f, \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u0442\u0441\u044f \u0438 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f. \u041c\u044b \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u043c \u043a\u043e\u043c\u0430\u043d\u0434\u0430\u043c \u043f\u0435\u0440\u0435\u0439\u0442\u0438 \u043e\u0442 \u0440\u0430\u0437\u0440\u043e\u0437\u043d\u0435\u043d\u043d\u044b\u0445 \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 \u0438 \u0440\u0443\u0447\u043d\u043e\u0439 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0446\u0438\u0438 \u043a \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0438\u0440\u0443\u0435\u043c\u044b\u043c, \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u043c \u0438 \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0438\u0440\u0443\u0435\u043c\u044b\u043c \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u043c \u2014 \u0431\u0435\u0437 \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0438 \u0431\u0435\u0437 \u0438\u0437\u043b\u0438\u0448\u043d\u0435\u0433\u043e \u0443\u0441\u043b\u043e\u0436\u043d\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u0418\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-blank-with-header","meta":{"footnotes":""},"class_list":["post-1100","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1100","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1100"}],"version-history":[{"count":12,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1100\/revisions"}],"predecessor-version":[{"id":4086,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1100\/revisions\/4086"}],"wp:attachment":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1100"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}