\u0418\u0422 \u0423\u0441\u043b\u0443\u0433\u0438 – Mechanogurus<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', 'Helvetica Neue', Arial, sans-serif;\n background: #000000;\n min-height: 100vh;\n padding: 3rem 1rem;\n line-height: 1.6;\n position: relative;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 20%, rgba(242, 184, 57, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(225, 131, 15, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(242, 184, 57, 0.05) 0%, transparent 50%);\n z-index: 0;\n animation: pulse 15s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 0.6; }\n 50% { opacity: 1; }\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .tiles-list {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n .tile {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 24px;\n overflow: hidden;\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeInUp 0.6s ease-out backwards;\n animation-delay: calc(var(--tile-index) * 0.1s);\n display: flex;\n align-items: center;\n padding: 2rem;\n gap: 2rem;\n }\n\n .tile:nth-child(1) { --tile-index: 1; }\n .tile:nth-child(2) { --tile-index: 2; }\n .tile:nth-child(3) { --tile-index: 3; }\n .tile:nth-child(4) { --tile-index: 4; }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .tile::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, \n rgba(242, 184, 57, 0) 0%, \n rgba(242, 184, 57, 0.8) 50%, \n rgba(242, 184, 57, 0) 100%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .tile:hover {\n transform: translateX(10px);\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(242, 184, 57, 0.3);\n box-shadow: \n 0 10px 40px rgba(0, 0, 0, 0.5),\n 0 0 40px rgba(242, 184, 57, 0.1);\n }\n\n .tile:hover::before {\n opacity: 1;\n }\n\n .icon-wrapper {\n width: 80px;\n height: 80px;\n min-width: 80px;\n background: linear-gradient(135deg, rgba(242, 184, 57, 0.15), rgba(225, 131, 15, 0.15));\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid rgba(242, 184, 57, 0.2);\n transition: all 0.4s ease;\n position: relative;\n }\n\n .icon-wrapper::before {\n content: '';\n position: absolute;\n inset: -2px;\n border-radius: 20px;\n padding: 2px;\n background: linear-gradient(135deg, #F2B839, #E1830F);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .tile:hover .icon-wrapper {\n transform: scale(1.1) rotate(360deg);\n background: linear-gradient(135deg, rgba(242, 184, 57, 0.25), rgba(225, 131, 15, 0.25));\n }\n\n .tile:hover .icon-wrapper::before {\n opacity: 1;\n }\n\n .tile-icon {\n width: 44px;\n height: 44px;\n color: #F2B839;\n transition: color 0.4s ease;\n filter: drop-shadow(0 0 8px rgba(242, 184, 57, 0.5));\n }\n\n .tile:hover .tile-icon {\n color: #FFFFFF;\n }\n\n .tile-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .tile-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #ffffff;\n margin: 0;\n line-height: 1.3;\n letter-spacing: -0.01em;\n }\n\n .tile-description {\n color: rgba(255, 255, 255, 0.65);\n font-size: 0.975rem;\n line-height: 1.7;\n margin: 0;\n }\n\n .tile-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 1rem 2rem;\n min-width: 140px;\n background: linear-gradient(135deg, rgba(242, 184, 57, 0.15), rgba(225, 131, 15, 0.15));\n color: #F2B839;\n text-align: center;\n text-decoration: none;\n border-radius: 16px;\n font-weight: 600;\n font-size: 0.95rem;\n border: 1px solid rgba(242, 184, 57, 0.3);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .tile-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(242, 184, 57, 0.3);\n transform: translate(-50%, -50%);\n transition: width 0.6s ease, height 0.6s ease;\n }\n\n .tile-button:hover {\n background: linear-gradient(135deg, rgba(242, 184, 57, 0.25), rgba(225, 131, 15, 0.25));\n border-color: rgba(242, 184, 57, 0.5);\n color: #FFFFFF;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(242, 184, 57, 0.2);\n }\n\n .tile-button:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .tile-button span {\n position: relative;\n z-index: 1;\n }\n\n \/* Floating particles animation *\/\n .particles {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 0;\n }\n\n .particle {\n position: absolute;\n background: rgba(242, 184, 57, 0.15);\n border-radius: 50%;\n animation: float 20s infinite;\n }\n\n .particle:nth-child(1) {\n width: 4px;\n height: 4px;\n left: 10%;\n animation-delay: 0s;\n }\n\n .particle:nth-child(2) {\n width: 6px;\n height: 6px;\n left: 30%;\n animation-delay: 2s;\n }\n\n .particle:nth-child(3) {\n width: 3px;\n height: 3px;\n left: 50%;\n animation-delay: 4s;\n }\n\n .particle:nth-child(4) {\n width: 5px;\n height: 5px;\n left: 70%;\n animation-delay: 6s;\n }\n\n .particle:nth-child(5) {\n width: 4px;\n height: 4px;\n left: 90%;\n animation-delay: 8s;\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% {\n opacity: 0.3;\n }\n 90% {\n opacity: 0.3;\n }\n 50% {\n transform: translateY(-10vh) translateX(20px);\n }\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .tile {\n flex-direction: column;\n align-items: flex-start;\n padding: 1.5rem;\n }\n\n .icon-wrapper {\n width: 64px;\n height: 64px;\n min-width: 64px;\n }\n\n .tile-icon {\n width: 36px;\n height: 36px;\n }\n\n .tile-title {\n font-size: 1.25rem;\n }\n\n .tile-button {\n width: 100%;\n }\n }\n\n @media (min-width: 769px) {\n body {\n padding: 4rem 2rem;\n }\n \n .tiles-list {\n gap: 2.5rem;\n }\n }\n\n \/* Accessibility *\/\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"particles\">\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <\/div>\n\n <div class=\"container\">\n <div class=\"tiles-list\">\n \n <div class=\"tile\">\n <div class=\"icon-wrapper\">\n <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" \/>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n <\/svg>\n <\/div>\n <div class=\"tile-content\">\n <h2 class=\"tile-title\">\u041c\u0430\u0448\u0438\u043d\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0418\u0422-\u0430\u0443\u0442\u0441\u043e\u0440\u0441\u0438\u043d\u0433<\/h2>\n <p class=\"tile-description\">\n \u044d\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.\n <\/p>\n <\/div>\n <a href=\"#\" class=\"tile-button\"><span>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/span><\/a>\n <\/div>\n\n \n <div class=\"tile\">\n <div class=\"icon-wrapper\">\n <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\" \/>\n <\/svg>\n <\/div>\n <div class=\"tile-content\">\n <h2 class=\"tile-title\">\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 PDM\/PLM<\/h2>\n <p class=\"tile-description\">\n \u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0441\u0438\u0441\u0442\u0435\u043c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043e\u0431 \u0438\u0437\u0434\u0435\u043b\u0438\u044f\u0445 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u043a\u043b\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438.\n <\/p>\n <\/div>\n <a href=\"https:\/\/mechanogurus.ru\/?page_id=1149\" class=\"tile-button\"><span>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/span><\/a>\n <\/div>\n\n \n <div class=\"tile\">\n <div class=\"icon-wrapper\">\n <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\" \/>\n <\/svg>\n <\/div>\n <div class=\"tile-content\">\n <h2 class=\"tile-title\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432 1\u0421<\/h2>\n <p class=\"tile-description\">\n \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435, \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435 1\u0421:\u041f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u0435 \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.\n <\/p>\n <\/div>\n <a href=\"#\" class=\"tile-button\"><span>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/span><\/a>\n <\/div>\n\n \n <div class=\"tile\">\n <div class=\"icon-wrapper\">\n <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n <\/svg>\n <\/div>\n <div class=\"tile-content\">\n <h2 class=\"tile-title\">n8n \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/h2>\n <p class=\"tile-description\">\n \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e n8n: \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 workflow \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.\n <\/p>\n <\/div>\n <a href=\"https:\/\/mechanogurus.ru\/?page_id=392\" class=\"tile-button\"><span>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0418\u0422 \u0423\u0441\u043b\u0443\u0433\u0438 – Mechanogurus \u041c\u0430\u0448\u0438\u043d\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0418\u0422-\u0430\u0443\u0442\u0441\u043e\u0440\u0441\u0438\u043d\u0433 \u044d\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 PDM\/PLM \u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0441\u0438\u0441\u0442\u0435\u043c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043e\u0431 \u0438\u0437\u0434\u0435\u043b\u0438\u044f\u0445 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u043a\u043b\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432 1\u0421 \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435, \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435 1\u0421:\u041f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u0435 \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 n8n \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e n8n: \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f […]<\/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-503","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/503","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=503"}],"version-history":[{"count":13,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/503\/revisions"}],"predecessor-version":[{"id":4125,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/503\/revisions\/4125"}],"wp:attachment":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

$\"\"$ <\/span>

\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u043e\u0432, \u0432\u043d\u0435\u0434\u0440\u044f\u044e\u0449\u0430\u044f \u0418\u0422-\u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0432 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e. \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0443\u0435\u043c, \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c, \u0443\u0441\u043a\u043e\u0440\u044f\u0435\u043c.<\/strong><\/em><\/p>\n<\/div><\/div>\n\n\n\n

<\/div>\n\n\n\n\n\n\n \n \n \u0418\u0422 \u0423\u0441\u043b\u0443\u0433\u0438 – Mechanogurus<\/title>\n <style>\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', 'Helvetica Neue', Arial, sans-serif;\n background: #000000;\n min-height: 100vh;\n padding: 3rem 1rem;\n line-height: 1.6;\n position: relative;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: \n radial-gradient(circle at 20% 20%, rgba(242, 184, 57, 0.08) 0%, transparent 50%),\n radial-gradient(circle at 80% 80%, rgba(225, 131, 15, 0.06) 0%, transparent 50%),\n radial-gradient(circle at 50% 50%, rgba(242, 184, 57, 0.05) 0%, transparent 50%);\n z-index: 0;\n animation: pulse 15s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 0.6; }\n 50% { opacity: 1; }\n }\n\n .container {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .tiles-list {\n display: flex;\n flex-direction: column;\n gap: 2rem;\n }\n\n .tile {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(20px);\n -webkit-backdrop-filter: blur(20px);\n border: 1px solid rgba(255, 255, 255, 0.08);\n border-radius: 24px;\n overflow: hidden;\n position: relative;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n animation: fadeInUp 0.6s ease-out backwards;\n animation-delay: calc(var(--tile-index) * 0.1s);\n display: flex;\n align-items: center;\n padding: 2rem;\n gap: 2rem;\n }\n\n .tile:nth-child(1) { --tile-index: 1; }\n .tile:nth-child(2) { --tile-index: 2; }\n .tile:nth-child(3) { --tile-index: 3; }\n .tile:nth-child(4) { --tile-index: 4; }\n\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(40px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n .tile::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 2px;\n background: linear-gradient(90deg, \n rgba(242, 184, 57, 0) 0%, \n rgba(242, 184, 57, 0.8) 50%, \n rgba(242, 184, 57, 0) 100%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .tile:hover {\n transform: translateX(10px);\n background: rgba(255, 255, 255, 0.05);\n border-color: rgba(242, 184, 57, 0.3);\n box-shadow: \n 0 10px 40px rgba(0, 0, 0, 0.5),\n 0 0 40px rgba(242, 184, 57, 0.1);\n }\n\n .tile:hover::before {\n opacity: 1;\n }\n\n .icon-wrapper {\n width: 80px;\n height: 80px;\n min-width: 80px;\n background: linear-gradient(135deg, rgba(242, 184, 57, 0.15), rgba(225, 131, 15, 0.15));\n border-radius: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid rgba(242, 184, 57, 0.2);\n transition: all 0.4s ease;\n position: relative;\n }\n\n .icon-wrapper::before {\n content: '';\n position: absolute;\n inset: -2px;\n border-radius: 20px;\n padding: 2px;\n background: linear-gradient(135deg, #F2B839, #E1830F);\n -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .tile:hover .icon-wrapper {\n transform: scale(1.1) rotate(360deg);\n background: linear-gradient(135deg, rgba(242, 184, 57, 0.25), rgba(225, 131, 15, 0.25));\n }\n\n .tile:hover .icon-wrapper::before {\n opacity: 1;\n }\n\n .tile-icon {\n width: 44px;\n height: 44px;\n color: #F2B839;\n transition: color 0.4s ease;\n filter: drop-shadow(0 0 8px rgba(242, 184, 57, 0.5));\n }\n\n .tile:hover .tile-icon {\n color: #FFFFFF;\n }\n\n .tile-content {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n }\n\n .tile-title {\n font-size: 1.5rem;\n font-weight: 700;\n color: #ffffff;\n margin: 0;\n line-height: 1.3;\n letter-spacing: -0.01em;\n }\n\n .tile-description {\n color: rgba(255, 255, 255, 0.65);\n font-size: 0.975rem;\n line-height: 1.7;\n margin: 0;\n }\n\n .tile-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 1rem 2rem;\n min-width: 140px;\n background: linear-gradient(135deg, rgba(242, 184, 57, 0.15), rgba(225, 131, 15, 0.15));\n color: #F2B839;\n text-align: center;\n text-decoration: none;\n border-radius: 16px;\n font-weight: 600;\n font-size: 0.95rem;\n border: 1px solid rgba(242, 184, 57, 0.3);\n transition: all 0.3s ease;\n position: relative;\n overflow: hidden;\n white-space: nowrap;\n }\n\n .tile-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(242, 184, 57, 0.3);\n transform: translate(-50%, -50%);\n transition: width 0.6s ease, height 0.6s ease;\n }\n\n .tile-button:hover {\n background: linear-gradient(135deg, rgba(242, 184, 57, 0.25), rgba(225, 131, 15, 0.25));\n border-color: rgba(242, 184, 57, 0.5);\n color: #FFFFFF;\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(242, 184, 57, 0.2);\n }\n\n .tile-button:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .tile-button span {\n position: relative;\n z-index: 1;\n }\n\n \/* Floating particles animation *\/\n .particles {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 0;\n }\n\n .particle {\n position: absolute;\n background: rgba(242, 184, 57, 0.15);\n border-radius: 50%;\n animation: float 20s infinite;\n }\n\n .particle:nth-child(1) {\n width: 4px;\n height: 4px;\n left: 10%;\n animation-delay: 0s;\n }\n\n .particle:nth-child(2) {\n width: 6px;\n height: 6px;\n left: 30%;\n animation-delay: 2s;\n }\n\n .particle:nth-child(3) {\n width: 3px;\n height: 3px;\n left: 50%;\n animation-delay: 4s;\n }\n\n .particle:nth-child(4) {\n width: 5px;\n height: 5px;\n left: 70%;\n animation-delay: 6s;\n }\n\n .particle:nth-child(5) {\n width: 4px;\n height: 4px;\n left: 90%;\n animation-delay: 8s;\n }\n\n @keyframes float {\n 0%, 100% {\n transform: translateY(100vh) translateX(0);\n opacity: 0;\n }\n 10% {\n opacity: 0.3;\n }\n 90% {\n opacity: 0.3;\n }\n 50% {\n transform: translateY(-10vh) translateX(20px);\n }\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .tile {\n flex-direction: column;\n align-items: flex-start;\n padding: 1.5rem;\n }\n\n .icon-wrapper {\n width: 64px;\n height: 64px;\n min-width: 64px;\n }\n\n .tile-icon {\n width: 36px;\n height: 36px;\n }\n\n .tile-title {\n font-size: 1.25rem;\n }\n\n .tile-button {\n width: 100%;\n }\n }\n\n @media (min-width: 769px) {\n body {\n padding: 4rem 2rem;\n }\n \n .tiles-list {\n gap: 2.5rem;\n }\n }\n\n \/* Accessibility *\/\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"particles\">\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <div class=\"particle\"><\/div>\n <\/div>\n\n <div class=\"container\">\n <div class=\"tiles-list\">\n \n <div class=\"tile\">\n <div class=\"icon-wrapper\">\n <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\" \/>\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n <\/svg>\n <\/div>\n <div class=\"tile-content\">\n <h2 class=\"tile-title\">\u041c\u0430\u0448\u0438\u043d\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0418\u0422-\u0430\u0443\u0442\u0441\u043e\u0440\u0441\u0438\u043d\u0433<\/h2>\n <p class=\"tile-description\">\n \u044d\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.\n <\/p>\n <\/div>\n <a href=\"#\" class=\"tile-button\"><span>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/span><\/a>\n <\/div>\n\n \n <div class=\"tile\">\n <div class=\"icon-wrapper\">\n <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\" \/>\n <\/svg>\n <\/div>\n <div class=\"tile-content\">\n <h2 class=\"tile-title\">\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 PDM\/PLM<\/h2>\n <p class=\"tile-description\">\n \u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0441\u0438\u0441\u0442\u0435\u043c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043e\u0431 \u0438\u0437\u0434\u0435\u043b\u0438\u044f\u0445 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u043a\u043b\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438.\n <\/p>\n <\/div>\n <a href=\"https:\/\/mechanogurus.ru\/?page_id=1149\" class=\"tile-button\"><span>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/span><\/a>\n <\/div>\n\n \n <div class=\"tile\">\n <div class=\"icon-wrapper\">\n <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z\" \/>\n <\/svg>\n <\/div>\n <div class=\"tile-content\">\n <h2 class=\"tile-title\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432 1\u0421<\/h2>\n <p class=\"tile-description\">\n \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435, \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435 1\u0421:\u041f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u0435 \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.\n <\/p>\n <\/div>\n <a href=\"#\" class=\"tile-button\"><span>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/span><\/a>\n <\/div>\n\n \n <div class=\"tile\">\n <div class=\"icon-wrapper\">\n <svg class=\"tile-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\" \/>\n <\/svg>\n <\/div>\n <div class=\"tile-content\">\n <h2 class=\"tile-title\">n8n \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/h2>\n <p class=\"tile-description\">\n \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e n8n: \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0441\u0435\u0440\u0432\u0438\u0441\u043e\u0432, \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u0435 workflow \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.\n <\/p>\n <\/div>\n <a href=\"https:\/\/mechanogurus.ru\/?page_id=392\" class=\"tile-button\"><span>\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/span><\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0418\u0422 \u0423\u0441\u043b\u0443\u0433\u0438 – Mechanogurus \u041c\u0430\u0448\u0438\u043d\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u0418\u0422-\u0430\u0443\u0442\u0441\u043e\u0440\u0441\u0438\u043d\u0433 \u044d\u0442\u043e \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0435 \u043e\u0431\u0441\u043b\u0443\u0436\u0438\u0432\u0430\u043d\u0438\u0435 \u0438 \u0440\u0430\u0437\u0432\u0438\u0442\u0438\u0435 \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0438 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 PDM\/PLM \u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u0441\u0438\u0441\u0442\u0435\u043c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u043c\u0438 \u043e\u0431 \u0438\u0437\u0434\u0435\u043b\u0438\u044f\u0445 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u043c \u0446\u0438\u043a\u043b\u043e\u043c \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432 1\u0421 \u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435, \u0434\u043e\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u0441\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0439 \u043d\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0435 1\u0421:\u041f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u0435 \u0434\u043b\u044f \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435 n8n \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441-\u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e n8n: \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f […]<\/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-503","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/503","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=503"}],"version-history":[{"count":13,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/503\/revisions"}],"predecessor-version":[{"id":4125,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/503\/revisions\/4125"}],"wp:attachment":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}