{"id":506,"date":"2025-06-10T09:13:05","date_gmt":"2025-06-10T06:13:05","guid":{"rendered":"https:\/\/mechanogurus.ru\/wordpress\/?page_id=506"},"modified":"2026-07-13T11:30:54","modified_gmt":"2026-07-13T08:30:54","slug":"design-one","status":"publish","type":"page","link":"https:\/\/mechanogurus.ru\/?page_id=506","title":{"rendered":"DESIGNUP"},"content":{"rendered":"\n<div class=\"wp-block-cover alignwide has-large-font-size wp-duotone-unset-1\" style=\"min-height:575px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"895\" height=\"637\" class=\"wp-block-cover__image-background wp-image-2572 size-full\" alt=\"\" src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Key-Features-and-Benefits-of-SOLIDWORKS-Blog-image.webp\" style=\"object-position:23% 40%\" data-object-fit=\"cover\" data-object-position=\"23% 40%\" srcset=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Key-Features-and-Benefits-of-SOLIDWORKS-Blog-image.webp 895w, https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Key-Features-and-Benefits-of-SOLIDWORKS-Blog-image-300x214.webp 300w, https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Key-Features-and-Benefits-of-SOLIDWORKS-Blog-image-768x547.webp 768w\" sizes=\"auto, (max-width: 895px) 100vw, 895px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-container-core-cover-is-layout-a4634e87 wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:5%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:90%\">\n<h1 class=\"wp-block-heading has-text-align-center\" style=\"font-size:clamp(39.963px, 2.498rem + ((1vw - 3.2px) * 3.244), 75px);\">DesignUP<\/h1>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-system-font-font-family wp-elements-22079d18b9ab8f310c3cd9877a48a259 wp-block-paragraph\" style=\"font-size:clamp(26.465px, 1.654rem + ((1vw - 3.2px) * 1.716), 45px);\">\u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u0430\u044f \u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f <strong>\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u043e\u0433\u043e \u0431\u044e\u0440\u043e<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:5%\"><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<!--\n  MG: Design ONE \u2014 Analysis Panels (Analysis_D1)\n  WordPress Custom HTML block \u2014 self-contained\n\n  How to use:\n  1. Editor \u2192 \"+\" \u2192 Custom HTML\n  2. Paste this entire file\n  3. Place at the same level as other homepage \/ service blocks\n  4. Width matches site header: max-width 1400px, centered\n-->\n\n<div class=\"mg-d1\" data-mg-d1>\n<style>\n.mg-d1,\n.mg-d1 * { box-sizing: border-box; }\n\n\/* \u2500\u2500 WordPress wrapper resets \u2500\u2500 *\/\n.wp-block-html:has(.mg-d1),\n.entry-content > .wp-block-html:has(.mg-d1) {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  padding: 0 !important;\n  float: none !important;\n}\n\n.mg-d1 {\n  --mg-max: 1400px;\n  --mg-gutter: 20px;\n  --ease: cubic-bezier(0.4, 0, 0.2, 1);\n\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  width: 100% !important;\n  max-width: var(--mg-max) !important;\n  margin: clamp(32px, 4vw, 80px) auto !important;\n  padding-left: max(var(--mg-gutter), env(safe-area-inset-left));\n  padding-right: max(var(--mg-gutter), env(safe-area-inset-right));\n  overflow-x: hidden;\n  line-height: 1.5;\n  color: #fff;\n}\n\n.mg-d1 h2,\n.mg-d1 p {\n  font-family: inherit;\n  text-transform: none;\n  border: none;\n  background: none;\n}\n.mg-d1 h2::before { content: none; display: none; }\n\n.mg-d1 .panels-container {\n  display: flex;\n  width: 100%;\n  max-width: 100%;\n  height: 64vh;\n  min-height: 420px;\n  max-height: 720px;\n  gap: 8px;\n  margin: 0 auto;\n}\n\n.mg-d1 .panel {\n  position: relative;\n  flex: 1;\n  min-width: 80px;\n  min-height: 0;\n  background-size: cover;\n  background-position: center;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: flex 0.6s var(--ease);\n  overflow: hidden;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.mg-d1 .panel::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7));\n  transition: background 0.4s ease;\n  z-index: 1;\n}\n\n.mg-d1 .panel.active {\n  flex: 4;\n}\n\n.mg-d1 .panel.active::before {\n  background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.75));\n}\n\n.mg-d1 .panel-content {\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  z-index: 2;\n  padding: 28px 40px;\n  overflow: hidden;\n}\n\n.mg-d1 .panel.active .panel-content {\n  justify-content: flex-start;\n  align-items: flex-start;\n}\n\n\/* Collapsed title: vertical *\/\n.mg-d1 .panel-title {\n  writing-mode: vertical-rl;\n  text-orientation: mixed;\n  font-size: clamp(16px, 1.4vw, 21px);\n  font-weight: 700;\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 4px;\n  text-shadow: 2px 2px 10px rgba(0,0,0,0.8);\n  transition: all 0.5s var(--ease);\n  transform: rotate(180deg);\n  white-space: nowrap;\n  flex-shrink: 0;\n  margin: 0;\n}\n\n.mg-d1 .panel.active .panel-title {\n  writing-mode: horizontal-tb;\n  transform: rotate(0deg);\n  font-size: clamp(24px, 2.6vw, 38px);\n  letter-spacing: 2px;\n  line-height: 1.15;\n  white-space: normal;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n  margin-bottom: 12px;\n}\n\n.mg-d1 .panel-tagline {\n  opacity: 0;\n  max-height: 0;\n  overflow: hidden;\n  transform: translateY(12px);\n  transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.5s ease;\n  color: rgba(255, 255, 255, 0.85);\n  font-size: clamp(14px, 1.2vw, 17px);\n  font-weight: 300;\n  font-style: italic;\n  letter-spacing: 0.5px;\n  margin: 0 0 14px;\n  flex-shrink: 0;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n.mg-d1 .panel.active .panel-tagline {\n  opacity: 1;\n  max-height: 100px;\n  transform: translateY(0);\n  transition-delay: 0.18s;\n}\n\n.mg-d1 .panel-description {\n  opacity: 0;\n  max-height: 0;\n  overflow: hidden;\n  transform: translateY(18px);\n  transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.6s ease;\n  color: white;\n  font-size: clamp(14px, 1.15vw, 17px);\n  line-height: 1.6;\n  flex: 1;\n  width: 100%;\n  min-height: 0;\n  overflow-y: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.mg-d1 .panel.active .panel-description {\n  opacity: 1;\n  max-height: 420px;\n  transform: translateY(0);\n  transition-delay: 0.26s;\n}\n\n.mg-d1 .panel-description ul {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.mg-d1 .panel-description li {\n  padding-left: 22px;\n  position: relative;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n.mg-d1 .panel-description li::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0.55em;\n  width: 8px;\n  height: 8px;\n  background: white;\n  border-radius: 50%;\n}\n\n.mg-d1 .learn-more {\n  opacity: 0;\n  max-height: 0;\n  overflow: hidden;\n  transform: translateY(12px);\n  transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.5s ease;\n  color: rgba(255, 255, 255, 0.9);\n  font-size: 15px;\n  text-decoration: none;\n  border-bottom: 2px solid rgba(255, 255, 255, 0.5);\n  padding-bottom: 4px;\n  letter-spacing: 1px;\n  margin-top: 16px;\n  flex-shrink: 0;\n  align-self: flex-start;\n  -webkit-tap-highlight-color: transparent;\n}\n\n.mg-d1 .learn-more:hover {\n  color: white;\n  border-bottom-color: white;\n}\n\n.mg-d1 .panel.active .learn-more {\n  opacity: 1;\n  max-height: 48px;\n  transform: translateY(0);\n  transition-delay: 0.36s;\n}\n\n\/* Background images *\/\n.mg-d1 .panel--analysis {\n  background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Analysis_slider_tile.jpg');\n}\n.mg-d1 .panel--pdm {\n  background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/solidworks-pdm-implementation-service.jpg');\n}\n.mg-d1 .panel--addin {\n  background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/reengineering.png');\n}\n.mg-d1 .panel--standards {\n  background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Standard_procedures.jpg');\n}\n\n\/* \u2500\u2500 Tablet \u2500\u2500 *\/\n@media (max-width: 1024px) and (min-width: 769px) {\n  .mg-d1 { --mg-gutter: 16px; }\n  .mg-d1 .panels-container {\n    height: 56vh;\n    min-height: 380px;\n  }\n  .mg-d1 .panel-content { padding: 22px 28px; }\n  .mg-d1 .panel.active .panel-title {\n    font-size: 28px;\n    margin-bottom: 10px;\n  }\n  .mg-d1 .panel-tagline { font-size: 14px; margin-bottom: 10px; }\n  .mg-d1 .panel-description { font-size: 14px; }\n  .mg-d1 .learn-more { font-size: 13px; margin-top: 12px; }\n}\n\n\/* \u2500\u2500 Mobile \u2500\u2500 *\/\n@media (max-width: 768px) {\n  .mg-d1 { --mg-gutter: 12px; }\n\n  .mg-d1 .panels-container {\n    flex-direction: column;\n    height: auto;\n    min-height: 0;\n    max-height: none;\n    gap: 8px;\n  }\n\n  .mg-d1 .panel {\n    flex: 0 0 64px;\n    min-width: auto;\n    width: 100%;\n  }\n\n  .mg-d1 .panel.active {\n    flex: 0 0 auto;\n    min-height: 380px;\n  }\n\n  .mg-d1 .panel-title {\n    writing-mode: horizontal-tb;\n    transform: rotate(0deg);\n    font-size: 15px;\n    letter-spacing: 2px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: calc(100% - 24px);\n    text-align: center;\n  }\n\n  .mg-d1 .panel.active .panel-title {\n    font-size: 22px;\n    white-space: normal;\n    text-overflow: unset;\n    overflow: visible;\n    text-align: left;\n    max-width: 100%;\n    margin-bottom: 10px;\n  }\n\n  .mg-d1 .panel-content { padding: 16px 20px; }\n  .mg-d1 .panel-tagline { font-size: 13px; margin-bottom: 10px; }\n  .mg-d1 .panel-description { font-size: 13.5px; line-height: 1.5; }\n  .mg-d1 .panel-description ul { gap: 8px; }\n  .mg-d1 .panel-description li { padding-left: 18px; }\n  .mg-d1 .panel-description li::before { width: 7px; height: 7px; }\n  .mg-d1 .learn-more { font-size: 13px; margin-top: 12px; }\n}\n\n\/* Phone landscape *\/\n@media (max-width: 900px) and (orientation: landscape) {\n  .mg-d1 .panels-container {\n    flex-direction: row;\n    height: 70vh;\n    min-height: 280px;\n    max-height: 420px;\n  }\n  .mg-d1 .panel {\n    flex: 1;\n    min-width: 56px;\n    width: auto;\n  }\n  .mg-d1 .panel.active {\n    flex: 4;\n    min-height: 0;\n  }\n  .mg-d1 .panel-title {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    font-size: 13px;\n    letter-spacing: 2px;\n    white-space: nowrap;\n    text-overflow: clip;\n    overflow: visible;\n    max-width: none;\n  }\n  .mg-d1 .panel.active .panel-title {\n    writing-mode: horizontal-tb;\n    transform: none;\n    font-size: 20px;\n    white-space: normal;\n  }\n  .mg-d1 .panel-content { padding: 14px 18px; }\n  .mg-d1 .panel-tagline { font-size: 12px; }\n  .mg-d1 .panel-description { font-size: 12.5px; }\n}\n\n\/* Small mobile *\/\n@media (max-width: 400px) {\n  .mg-d1 { --mg-gutter: 10px; }\n  .mg-d1 .panel.active { min-height: 340px; }\n  .mg-d1 .panel.active .panel-title { font-size: 20px; }\n  .mg-d1 .panel-tagline { font-size: 12px; }\n  .mg-d1 .panel-description { font-size: 12.5px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-d1 .panel,\n  .mg-d1 .panel::before,\n  .mg-d1 .panel-title,\n  .mg-d1 .panel-tagline,\n  .mg-d1 .panel-description,\n  .mg-d1 .learn-more {\n    transition: none !important;\n  }\n}\n<\/style>\n\n  <div class=\"panels-container\">\n\n    <!-- 1. \u0410\u043d\u0430\u043b\u0438\u0437 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f -->\n    <div class=\"panel panel--analysis active\" data-url=\"#\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0410\u043d\u0430\u043b\u0438\u0437 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f<\/h2>\n        <p class=\"panel-tagline\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u0430\u0443\u0434\u0438\u0442 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0410\u0443\u0434\u0438\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u041a\u0414, \u043c\u043e\u0434\u0435\u043b\u0435\u0439, \u0441\u0431\u043e\u0440\u043e\u043a \u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439<\/li>\n            <li>\u041e\u0446\u0435\u043d\u043a\u0430 \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/li>\n            <li>\u0412\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043e\u0448\u0438\u0431\u043e\u043a, \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439<\/li>\n            <li>\u0424\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u043e\u0440\u043e\u0436\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439<\/li>\n          <\/ul>\n        <\/div>\n        <a href=\"#\" class=\"learn-more\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 2. \u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 PDM-\u0441\u0438\u0441\u0442\u0435\u043c\u044b -->\n    <div class=\"panel panel--pdm\" data-url=\"#\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 PDM-\u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/h2>\n        <p class=\"panel-tagline\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u043e\u0434 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u044e\u0440\u043e<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 PDM \u043f\u043e\u0434 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0431\u044e\u0440\u043e<\/li>\n            <li>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u043e\u0440\u043c\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0431\u0430\u0437\u044b, \u0440\u043e\u043b\u0435\u0439, \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f<\/li>\n            <li>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f, \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u0435 \u0446\u0438\u043a\u043b\u044b, \u043f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430<\/li>\n            <li>\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u0437\u0430\u043f\u0443\u0441\u043a \u043f\u0438\u043b\u043e\u0442\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/li>\n          <\/ul>\n        <\/div>\n        <a href=\"#\" class=\"learn-more\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 3. \u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f CAD\/PDM -->\n    <div class=\"panel panel--addin\" data-url=\"#\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f CAD\/PDM<\/h2>\n        <p class=\"panel-tagline\">\u041a\u0430\u0441\u0442\u043e\u043c\u043d\u044b\u0435 \u043f\u0440\u0438\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0434\u043b\u044f SOLIDWORKS \u0438 PDM \u043f\u043e\u0434 \u0432\u0430\u0448\u0438 \u0437\u0430\u0434\u0430\u0447\u0438<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u0445 \u0432 SOLIDWORKS \u0438 PDM<\/li>\n            <li>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0441 \u0444\u0430\u0439\u043b\u0430\u043c\u0438 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/li>\n            <li>\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0438 \u0441\u0431\u043e\u0440\u043e\u043a<\/li>\n            <li>\u0414\u0440\u0443\u0433\u0438\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438 \u2014 \u043f\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0443 \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0430<\/li>\n          <\/ul>\n        <\/div>\n        <a href=\"#\" class=\"learn-more\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- 4. \u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 -->\n    <div class=\"panel panel--standards\" data-url=\"#\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/h2>\n        <p class=\"panel-tagline\">\u0415\u0434\u0438\u043d\u044b\u0435 \u0440\u0435\u0433\u043b\u0430\u043c\u0435\u043d\u0442\u044b \u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0435\u0434\u0438\u043d\u044b\u0445 \u0440\u0435\u0433\u043b\u0430\u043c\u0435\u043d\u0442\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f<\/li>\n            <li>\u041f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u0441\u043a\u0432\u043e\u0437\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u00ab\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u2192 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u00bb<\/li>\n            <li>\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u043f\u0440\u0430\u0432\u0438\u043b \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u044f, \u0432\u0435\u0440\u0441\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438<\/li>\n            <li>\u041f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442 \u0438 \u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043e\u0448\u0438\u0431\u043e\u043a<\/li>\n          <\/ul>\n        <\/div>\n        <a href=\"#\" class=\"learn-more\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n<script>\n(function () {\n  'use strict';\n\n  var root = document.querySelector('[data-mg-d1]');\n  if (!root || root.dataset.mgD1Init === '1') return;\n  root.dataset.mgD1Init = '1';\n\n  var panels = root.querySelectorAll('.panel');\n  var autoCollapseTimer = null;\n\n  function clearTimer() {\n    if (autoCollapseTimer) {\n      clearTimeout(autoCollapseTimer);\n      autoCollapseTimer = null;\n    }\n  }\n\n  function startTimer() {\n    clearTimer();\n    autoCollapseTimer = setTimeout(function () {\n      panels.forEach(function (p) { p.classList.remove('active'); });\n    }, 5000);\n  }\n\n  panels.forEach(function (panel) {\n    panel.addEventListener('click', function (e) {\n      if (e.target.closest('.learn-more')) return;\n\n      var isActive = panel.classList.contains('active');\n\n      if (isActive) {\n        panel.classList.remove('active');\n        clearTimer();\n      } else {\n        panels.forEach(function (p) { p.classList.remove('active'); });\n        panel.classList.add('active');\n        startTimer();\n      }\n    });\n\n    panel.addEventListener('mouseenter', function () {\n      if (panel.classList.contains('active')) startTimer();\n    });\n  });\n})();\n<\/script>\n<\/div>\n<!-- \/MG: Analysis_D1 -->\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-82fbb045 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-da047d49 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"wp-block-heading has-system-font-font-family has-x-large-font-size\" style=\"font-style:normal;font-weight:400\"><strong>\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 &#8220;DesignUP&#8221; ?<\/strong><\/h2>\n\n\n\n<p class=\"has-system-font-font-family has-large-font-size wp-block-paragraph\">\u042d\u0442\u043e \u0444\u043b\u0430\u0433\u043c\u0430\u043d\u0441\u043a\u0430\u044f \u0443\u0441\u043b\u0443\u0433\u0430 \u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441, \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043d\u0430 \u043c\u0430\u043b\u044b\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438,&nbsp; \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043f\u043e\u043b\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u043e\u0439 \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u044f. \u041c\u044b \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0442\u0435\u043a\u0443\u0449\u0435\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e PDM-\u0441\u0438\u0441\u0442\u0435\u043c\u0443*, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0440\u0435\u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0435\u0434\u0438\u043d\u0443\u044e \u0446\u0438\u0444\u0440\u043e\u0432\u0443\u044e \u0441\u0440\u0435\u0434\u0443 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u043e\u0432 \u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u043e\u0432.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<!--\n  MG: Lost Design Potential \u2014 DesignUP teaser\n  WordPress Custom HTML block \u2014 self-contained\n\n  How to use:\n  1. Editor \u2192 \"+\" \u2192 Custom HTML\n  2. Paste this entire file\n  3. Width matches site header: max-width 1400px, centered\n-->\n\n<div class=\"mg-ldp wp-landing-block\" data-mg-ldp>\n<style>\n.mg-ldp,\n.mg-ldp *,\n.mg-ldp *::before,\n.mg-ldp *::after {\n  box-sizing: border-box;\n}\n\n\/* WP Custom HTML wrapper *\/\n.wp-block-html:has(.mg-ldp),\n.entry-content > .wp-block-html:has(.mg-ldp) {\n  display: block !important;\n  width: 100% !important;\n  max-width: none !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n  padding: 0 !important;\n  float: none !important;\n}\n\n\/* =========================\n   ROOT \u2014 match header (1400px)\n========================= *\/\n.mg-ldp {\n  --radius: 24px;\n  --accent: #E1830F;\n  --accent-yellow: #F2B839;\n  --bg: #FEF4EE;\n  --gap: clamp(20px, 3vw, 48px);\n  --mg-max: 1400px;\n  --mg-gutter: 20px;\n\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n  width: 100% !important;\n  max-width: var(--mg-max) !important;\n  margin: clamp(32px, 4vw, 60px) auto !important;\n  padding: var(--gap);\n  padding-left: max(var(--gap), env(safe-area-inset-left));\n  padding-right: max(var(--gap), env(safe-area-inset-right));\n\n  background: var(--bg);\n  border-radius: var(--radius);\n  color: #000;\n  line-height: 1.5;\n  overflow-x: hidden;\n\n  display: grid;\n  grid-template-columns: 1.2fr 1fr;\n  gap: var(--gap);\n  align-items: stretch;\n}\n\n.mg-ldp h2,\n.mg-ldp h3,\n.mg-ldp p {\n  font-family: inherit;\n  text-transform: none;\n  border: none;\n  background: none;\n}\n.mg-ldp h2::before,\n.mg-ldp h3::before {\n  content: none;\n  display: none;\n}\n\n\/* =========================\n   MEDIA\n========================= *\/\n.mg-ldp .wp-landing-block__media {\n  position: relative;\n  border-radius: var(--radius);\n  overflow: hidden;\n  box-shadow: 0 30px 60px rgba(0, 0, 0, .15);\n  display: flex;\n  min-width: 0;\n  min-height: 280px;\n  background: #1a1208;\n}\n\n.mg-ldp .wp-landing-block__media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  display: block;\n}\n\n\/* =========================\n   CONTENT\n========================= *\/\n.mg-ldp .wp-landing-block__content {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  min-width: 0;\n  gap: 0;\n}\n\n.mg-ldp .wp-landing-block__title {\n  font-size: clamp(1.3rem, 2.2vw, 2.4rem);\n  font-weight: 700;\n  color: var(--accent);\n  margin: 0 0 1.2rem;\n  line-height: 1.25;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n.mg-ldp .wp-landing-block__intro {\n  font-size: clamp(.9rem, 1.1vw, 1.05rem);\n  line-height: 1.6;\n  margin: 0 0 1.5rem;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n.mg-ldp .wp-landing-block__heading {\n  font-size: clamp(1rem, 1.5vw, 1.5rem);\n  font-weight: 600;\n  margin: 0 0 .75rem;\n  color: #000;\n  overflow-wrap: anywhere;\n}\n\n.mg-ldp .wp-landing-block__list {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 1.5rem;\n}\n\n.mg-ldp .wp-landing-block__item {\n  display: flex;\n  gap: 10px;\n  align-items: flex-start;\n  margin-bottom: .6rem;\n  padding: .7rem .9rem;\n  background: rgba(226, 131, 15, .06);\n  border-radius: 12px;\n  font-size: clamp(.9rem, 1.05vw, 1rem);\n  line-height: 1.45;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n.mg-ldp .wp-landing-block__marker {\n  color: var(--accent);\n  flex-shrink: 0;\n  line-height: 1.45;\n}\n\n.mg-ldp .wp-landing-block__solution {\n  background: rgba(226, 131, 15, .06);\n  border-left: 5px solid var(--accent);\n  padding: 1rem 1.2rem;\n  border-radius: 0 16px 16px 0;\n  margin-bottom: 1.5rem;\n  min-width: 0;\n}\n\n.mg-ldp .wp-landing-block__solution-text {\n  margin: 0;\n  line-height: 1.6;\n  font-size: clamp(.9rem, 1.05vw, 1rem);\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n.mg-ldp .wp-landing-block__cta {\n  align-self: flex-end;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: .9rem 2rem;\n  min-height: 48px;\n  border-radius: 999px;\n  background: linear-gradient(135deg, var(--accent), var(--accent-yellow));\n  font-weight: 700;\n  text-decoration: none;\n  color: #000;\n  transition: transform .2s ease, box-shadow .2s ease;\n  -webkit-tap-highlight-color: transparent;\n  text-align: center;\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .mg-ldp .wp-landing-block__cta:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 15px 35px rgba(226, 131, 15, .35);\n    color: #000;\n    text-decoration: none;\n  }\n}\n\n.mg-ldp .wp-landing-block__cta:active {\n  transform: translateY(0);\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n@media (max-width: 1100px) {\n  .mg-ldp {\n    --gap: clamp(18px, 2.5vw, 32px);\n  }\n}\n\n@media (max-width: 960px) {\n  .mg-ldp {\n    grid-template-columns: 1fr;\n    --gap: 24px;\n  }\n\n  .mg-ldp .wp-landing-block__media {\n    aspect-ratio: 16 \/ 9;\n    min-height: 0;\n    max-height: 360px;\n  }\n\n  .mg-ldp .wp-landing-block__cta {\n    align-self: stretch;\n    width: 100%;\n  }\n}\n\n@media (max-width: 640px) {\n  .mg-ldp {\n    --gap: 18px;\n    margin: 24px auto !important;\n    border-radius: 18px;\n    padding: 18px;\n    padding-left: max(16px, env(safe-area-inset-left));\n    padding-right: max(16px, env(safe-area-inset-right));\n  }\n\n  .mg-ldp .wp-landing-block__media {\n    border-radius: 16px;\n    aspect-ratio: 16 \/ 10;\n    max-height: 260px;\n    box-shadow: 0 16px 36px rgba(0, 0, 0, .12);\n  }\n\n  .mg-ldp .wp-landing-block__title {\n    font-size: 1.25rem;\n    margin-bottom: 1rem;\n  }\n\n  .mg-ldp .wp-landing-block__intro {\n    font-size: .95rem;\n    margin-bottom: 1.25rem;\n  }\n\n  .mg-ldp .wp-landing-block__heading {\n    font-size: 1.05rem;\n  }\n\n  .mg-ldp .wp-landing-block__item {\n    padding: .65rem .8rem;\n    border-radius: 10px;\n    font-size: .92rem;\n  }\n\n  .mg-ldp .wp-landing-block__solution {\n    padding: .9rem 1rem;\n    margin-bottom: 1.25rem;\n  }\n\n  .mg-ldp .wp-landing-block__cta {\n    padding: .85rem 1.25rem;\n    white-space: normal;\n  }\n}\n\n@media (max-width: 380px) {\n  .mg-ldp {\n    padding: 14px;\n    border-radius: 16px;\n  }\n  .mg-ldp .wp-landing-block__title { font-size: 1.15rem; }\n  .mg-ldp .wp-landing-block__intro,\n  .mg-ldp .wp-landing-block__item,\n  .mg-ldp .wp-landing-block__solution-text { font-size: .9rem; }\n}\n\n\/* Landscape phones *\/\n@media (max-width: 900px) and (orientation: landscape) {\n  .mg-ldp {\n    grid-template-columns: 1fr 1.1fr;\n    --gap: 16px;\n    padding: 16px;\n  }\n  .mg-ldp .wp-landing-block__media {\n    aspect-ratio: auto;\n    min-height: 220px;\n    max-height: none;\n  }\n  .mg-ldp .wp-landing-block__title { font-size: 1.15rem; margin-bottom: .75rem; }\n  .mg-ldp .wp-landing-block__intro { font-size: .88rem; margin-bottom: .9rem; }\n  .mg-ldp .wp-landing-block__list { margin-bottom: .9rem; }\n  .mg-ldp .wp-landing-block__item { margin-bottom: .4rem; padding: .5rem .7rem; font-size: .85rem; }\n  .mg-ldp .wp-landing-block__solution { margin-bottom: .9rem; padding: .75rem .9rem; }\n  .mg-ldp .wp-landing-block__cta {\n    align-self: flex-end;\n    width: auto;\n    padding: .7rem 1.4rem;\n    min-height: 44px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-ldp .wp-landing-block__cta {\n    transition: none !important;\n  }\n}\n<\/style>\n\n  <section class=\"wp-landing-block__media\" aria-label=\"\u0418\u043b\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0438\u044f\">\n    <img src=\"\/wp-content\/uploads\/2026\/01\/IMG_0252.jpeg\" alt=\"\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f\" loading=\"lazy\" decoding=\"async\">\n  <\/section>\n\n  <section class=\"wp-landing-block__content\">\n    <div>\n      <h2 class=\"wp-landing-block__title\">\n        \u041f\u043e\u0442\u0435\u0440\u044f\u043b\u0438 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u0438\u0439 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b? \u041c\u044b \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c.\n      <\/h2>\n\n      <p class=\"wp-landing-block__intro\">\n        \u0423\u0445\u043e\u0434 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432, \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f, \u0440\u0430\u0437\u0440\u0443\u0448\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u2014 \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u043e, \u043d\u043e \u0440\u0435\u0448\u0430\u0435\u043c\u043e. Mechanogurus \u0431\u0435\u0440\u0451\u0442 \u043d\u0430 \u0441\u0435\u0431\u044f \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0435 \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u043d\u0438\u0435 \u0432\u0430\u0448\u0435\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438.\n      <\/p>\n\n      <h3 class=\"wp-landing-block__heading\">\u0423\u0437\u043d\u0430\u0451\u0442\u0435 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e?<\/h3>\n\n      <ul class=\"wp-landing-block__list\">\n        <li class=\"wp-landing-block__item\">\n          <span class=\"wp-landing-block__marker\" aria-hidden=\"true\">\u25c6<\/span>\n          \u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0438 \u0443\u0432\u043e\u043b\u0438\u043b\u0438\u0441\u044c \u2014 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438\u0441\u044c\n        <\/li>\n        <li class=\"wp-landing-block__item\">\n          <span class=\"wp-landing-block__marker\" aria-hidden=\"true\">\u25c6<\/span>\n          \u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0443\u0434\u0430\u043b\u0435\u043d\u0430 \u0438\u043b\u0438 \u0443\u0442\u0435\u0440\u044f\u043d\u0430\n        <\/li>\n        <li class=\"wp-landing-block__item\">\n          <span class=\"wp-landing-block__marker\" aria-hidden=\"true\">\u25c6<\/span>\n          \u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442 CAD-\u043c\u043e\u0434\u0435\u043b\u0438, \u0447\u0435\u0440\u0442\u0435\u0436\u0438 \u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u2014 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u0430\u0440\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430\n        <\/li>\n      <\/ul>\n\n      <div class=\"wp-landing-block__solution\">\n        <h3 class=\"wp-landing-block__heading\">\u0420\u0435\u0448\u0435\u043d\u0438\u0435 DesignUP:<\/h3>\n        <p class=\"wp-landing-block__solution-text\">\n          \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0438\u0437\u0434\u0435\u043b\u0438\u044f \u0438 \u041a\u0414, \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u043c PDM-\u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0434\u043b\u044f \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0433\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u043c\u0438. \u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0441\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u043c \u0432 \u043f\u043e\u0434\u0431\u043e\u0440\u0435 \u0438 \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043d\u043e\u0432\u043e\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <a href=\"https:\/\/mechanogurus.ru\/?page_id=506\" class=\"wp-landing-block__cta\">\n      \u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a DesignUP\n    <\/a>\n  <\/section>\n\n<\/div>\n<!-- \/MG: Lost Design Potential -->\n\n\n\n\n<div class=\"wp-block-group alignwide has-background-color has-black-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-22cec2ee wp-block-group-is-layout-constrained\" style=\"padding-top:60px;padding-right:20px;padding-bottom:60px;padding-left:20px\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-82fbb045 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-da047d49 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"wp-block-heading has-system-font-font-family has-x-large-font-size\" style=\"font-style:normal;font-weight:400\"><strong>\u041e\u0446\u0435\u043d\u0438\u0442\u0435 \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u044c \u0432\u0430\u0448\u0438\u0445 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/strong><\/h2>\n\n\n\n<p class=\"has-system-font-font-family has-large-font-size wp-block-paragraph\">\u041c\u044b \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b\u0438 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u043e\u043f\u0440\u043e\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432\u0430\u043c \u043e\u0446\u0435\u043d\u0438\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u044c \u0432\u0430\u0448\u0438\u0445 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u0423\u0437\u043d\u0430\u0439\u0442\u0435, \u043d\u0430 \u043a\u0430\u043a\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u0430\u0448\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u0432 \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u0445 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u0438, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439. \u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435 \u0441\u0432\u043e\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0441 \u043b\u0443\u0447\u0448\u0438\u043c\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430\u043c\u0438 \u043e\u0442\u0440\u0430\u0441\u043b\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \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 \u0438 \u0441\u043d\u0438\u0436\u0435\u043d\u0438\u044f \u0440\u0438\u0441\u043a\u043e\u0432.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-938471dc wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-background-background-color has-text-color has-background has-system-font-font-family wp-element-button\" href=\"https:\/\/survey.mechanogurus.ru\/index.php?r=survey\/index&amp;sid=211774&amp;lang=ru\" style=\"font-style:normal;font-weight:500\">\u041e\u0446\u0435\u043d\u0438\u0442\u044c \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u044c \u2192<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">\u041a\u0430\u043a \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u043d\u0430\u0448 \u0430\u0443\u0434\u0438\u0442<\/h2>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 Scoped reset \u2500\u2500 *\/\n.mg-audit,\n.mg-audit *,\n.mg-audit *::before,\n.mg-audit *::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.mg-audit {\n  --line-color:     linear-gradient(180deg, #55b2ff 0%, #5fd6cf 50%, #9fe870 100%);\n  --line-bg:        #3a4556;\n  --text:           #e9edf5;\n  --muted:          #c4cedd;\n  --card-bg:        rgba(255,255,255,0.03);\n  --card-border:    1px solid rgba(255,255,255,0.14);\n  --rail-width:     12px;\n  --dot-size:       22px;\n  \/* Half the timeline width. Cards live in their own half, never crossing center. *\/\n  --center:         50%;\n  \/* Gap between rail edge and card edge *\/\n  --gap:            32px;\n\n  color: var(--text);\n  font-family: \"Manrope\", \"Segoe UI\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n  background: transparent;\n\n  max-width: 1200px;\n  width: calc(100% - max(0px, calc(clamp(24px,4vw,80px) - 30px)) * 2);\n  margin: clamp(40px, 4vw, 80px) auto;\n}\n\n.mg-audit .shell {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: 0 10px 30px;\n  width: 100%;\n}\n\n.mg-audit .timeline {\n  position: relative;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Rail \u2014 geometry set by JS \u2500\u2500 *\/\n.mg-audit .rail {\n  position: absolute;\n  left: var(--center);\n  transform: translateX(-50%);\n  width: var(--rail-width);\n  background: var(--line-bg);\n  border-radius: var(--rail-width);\n  overflow: hidden;\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);\n  pointer-events: none;\n}\n.mg-audit .rail::after {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: var(--line-progress, 0%);\n  background: var(--line-color);\n  border-radius: var(--rail-width);\n  box-shadow: 0 10px 16px rgba(43,212,255,0.25);\n  transition: height 0.22s ease-out;\n}\n\n\/* \u2500\u2500 Items \u2500\u2500 *\/\n.mg-audit .item {\n  position: relative;\n  width: 100%;\n  margin: 0 0 28px;\n  display: flex;\n  align-items: stretch;\n  min-height: 80px;\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.55s cubic-bezier(0.4,0,0.2,1),\n              transform 0.55s cubic-bezier(0.4,0,0.2,1);\n}\n.mg-audit .item.visible { opacity: 1; transform: translateY(0); }\n.mg-audit .item:last-child { margin-bottom: 0; }\n\n\/* \u2500\u2500 Dot \u2014 always centered on the rail, never inside a card \u2500\u2500 *\/\n.mg-audit .dot {\n  position: absolute;\n  left: var(--center);\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--dot-size);\n  height: var(--dot-size);\n  border-radius: 50%;\n  border: 4px solid #0d1520;\n  background: #4bc3ff;\n  box-shadow: 0 0 0 5px rgba(0,0,0,0.35), 0 6px 18px rgba(0,0,0,0.3);\n  z-index: 3;\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Card container: occupies only its own half \u2500\u2500 *\/\n\/* Left items: card fills left half, stopping before center *\/\n.mg-audit .item.left {\n  justify-content: flex-start;\n  \/* right padding = right half width, so card can't cross center *\/\n  padding-right: calc(var(--center) + var(--gap));\n}\n\/* Right items: card fills right half, starting after center *\/\n.mg-audit .item.right {\n  justify-content: flex-end;\n  padding-left: calc(var(--center) + var(--gap));\n}\n\n\/* \u2500\u2500 Cards \u2500\u2500 *\/\n.mg-audit .card {\n  background: var(--card-bg);\n  border-radius: 14px;\n  padding: 16px 20px;\n  border: var(--card-border);\n  width: 100%;\n  position: relative;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.mg-audit .card:hover {\n  box-shadow: 0 6px 36px rgba(75,195,255,0.12);\n  border-color: rgba(75,195,255,0.25);\n}\n\n\/* Connector line: card edge \u2192 rail *\/\n.mg-audit .card::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: var(--gap);\n  height: 2px;\n  background: rgba(255,255,255,0.2);\n}\n.mg-audit .item.left  .card::before { right: calc(-1 * var(--gap)); }\n.mg-audit .item.right .card::before { left:  calc(-1 * var(--gap)); }\n\n.mg-audit .title {\n  margin: 0 0 6px;\n  font-weight: 800;\n  font-size: 16px;\n  color: #f2f4f8;\n  line-height: 1.3;\n}\n.mg-audit .desc {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.55;\n  font-size: 14px;\n}\n\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\n\n@media (max-width: 900px) {\n  .mg-audit { --gap: 24px; }\n}\n\n@media (max-width: 768px) {\n  .mg-audit { margin: clamp(30px, 3vw, 60px) auto; }\n}\n\n\/* Single-column: rail moves to left edge, all cards full-width to its right *\/\n@media (max-width: 620px) {\n  .mg-audit {\n    --center:     18px;\n    --rail-width: 8px;\n    --dot-size:   18px;\n    --gap:        20px;\n  }\n  .mg-audit .shell { padding: 4px 0 24px; }\n  .mg-audit .rail  { left: var(--center); transform: none; }\n  .mg-audit .dot   { left: var(--center); }\n\n  .mg-audit .item.left,\n  .mg-audit .item.right {\n    padding-left:  calc(var(--center) + var(--gap));\n    padding-right: 0;\n    justify-content: flex-start;\n  }\n  .mg-audit .item.left  .card::before,\n  .mg-audit .item.right .card::before { left: calc(-1 * var(--gap)); right: auto; }\n\n  .mg-audit .item { margin-bottom: 22px; }\n  .mg-audit .title { font-size: 15px; }\n  .mg-audit .desc  { font-size: 13px; }\n}\n\n@media (max-width: 480px) {\n  .mg-audit {\n    --center:     15px;\n    --rail-width: 6px;\n    --dot-size:   16px;\n    --gap:        16px;\n    margin: clamp(20px, 2.5vw, 40px) auto;\n  }\n  .mg-audit .shell { padding: 0 0 16px; }\n  .mg-audit .item  { margin-bottom: 18px; }\n  .mg-audit .card  { padding: 14px 16px; }\n  .mg-audit .title { font-size: 14px; margin-bottom: 4px; }\n  .mg-audit .desc  { font-size: 12px; line-height: 1.5; }\n}\n\n@media (max-width: 380px) {\n  .mg-audit {\n    --center:   13px;\n    --dot-size: 14px;\n    --gap:      14px;\n  }\n  .mg-audit .item  { margin-bottom: 16px; }\n  .mg-audit .card  { padding: 12px 14px; }\n  .mg-audit .title { font-size: 13px; }\n  .mg-audit .desc  { font-size: 11px; }\n}\n\n@media (max-height: 500px) and (orientation: landscape) {\n  .mg-audit .item { margin-bottom: 14px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-audit .rail::after { transition: none; }\n  .mg-audit .item  { opacity: 1; transform: none; transition: none; }\n  .mg-audit .card  { transition: none; }\n}\n<\/style>\n\n<div class=\"mg-audit\">\n  <div class=\"shell\">\n    <div class=\"timeline\" id=\"mgAuditTimeline\">\n      <div class=\"rail\" id=\"mgAuditRail\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"item left\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 1. \u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f<\/div>\n          <p class=\"desc\">\u041d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043c\u044b \u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043c\u0441\u044f \u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0438 \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0435\u0433\u043e \u0442\u0435\u043a\u0443\u0449\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u043d\u0430\u0438\u043b\u0443\u0447\u0448\u0438\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0434\u043b\u044f \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0433\u043e \u0430\u0443\u0434\u0438\u0442\u0430.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"item right\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 2. \u0421\u0431\u043e\u0440 \u0434\u0430\u043d\u043d\u044b\u0445<\/div>\n          <p class=\"desc\">\u041c\u044b \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043c \u0442\u0449\u0430\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0432\u0441\u0435\u0445 \u0441\u0438\u0441\u0442\u0435\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0447\u0435\u0440\u0435\u0437 \u043e\u0441\u043c\u043e\u0442\u0440, \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430\u043c\u0438 \u0438 \u0430\u043d\u0430\u043b\u0438\u0437 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043f\u043e\u043b\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"item left\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 3. \u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430<\/div>\n          <p class=\"desc\">\u041d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043c\u044b \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043c \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u0438\u0437 \u0432\u0441\u0435\u0445 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432, \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0439 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438, \u0432\u044b\u044f\u0432\u043b\u044f\u044f \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0439 \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"item right\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 4. \u041e\u0442\u0447\u0435\u0442<\/div>\n          <p class=\"desc\">\u041c\u044b \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u0439 \u043e\u0442\u0447\u0435\u0442, \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0449\u0438\u0439 \u0432\u0441\u0435 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0430\u043d\u0430\u043b\u0438\u0437\u0430 \u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"item left\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 5. \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u0430\u0443\u0434\u0438\u0442\u0430<\/div>\n          <p class=\"desc\">\u041c\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u043c, \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044f \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044e \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0439 \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0430\u0443\u0434\u0438\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u0443\u044e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  'use strict';\n\n  var timeline = document.getElementById('mgAuditTimeline');\n  var rail     = document.getElementById('mgAuditRail');\n  var items    = document.querySelectorAll('.mg-audit .item[data-animate]');\n\n  if (!timeline || !rail || !items.length) return;\n\n  \/* \u2500\u2500 Position rail between first and last dot centers \u2500\u2500 *\/\n  function positionRail() {\n    var firstDot = items[0].querySelector('.dot');\n    var lastDot  = items[items.length - 1].querySelector('.dot');\n    if (!firstDot || !lastDot) return;\n    var tlRect    = timeline.getBoundingClientRect();\n    var firstRect = firstDot.getBoundingClientRect();\n    var lastRect  = lastDot.getBoundingClientRect();\n    var topPx    = (firstRect.top + firstRect.height \/ 2) - tlRect.top;\n    var bottomPx = (lastRect.top  + lastRect.height  \/ 2) - tlRect.top;\n    rail.style.top    = topPx + 'px';\n    rail.style.height = Math.max(0, bottomPx - topPx) + 'px';\n  }\n\n  \/* \u2500\u2500 Scroll-driven rail fill with rAF + lerp \u2500\u2500 *\/\n  var cur = 0, tgt = 0, rafId = null;\n  function lerp(a, b, t) { return a + (b - a) * t; }\n\n  function calcProgress() {\n    var r   = rail.getBoundingClientRect();\n    var mid = (window.innerHeight || document.documentElement.clientHeight) * 0.5;\n    return Math.min(Math.max((mid - r.top) \/ (r.height || 1), 0), 1) * 100;\n  }\n\n  function setRail(p) {\n    timeline.style.setProperty('--line-progress', p.toFixed(2) + '%');\n  }\n\n  function tick() {\n    if (Math.abs(cur - tgt) > 0.1) {\n      cur = lerp(cur, tgt, 0.12); setRail(cur);\n      rafId = requestAnimationFrame(tick);\n    } else {\n      cur = tgt; setRail(cur); rafId = null;\n    }\n  }\n\n  var throttling = false;\n  function onScroll() {\n    if (throttling) return;\n    throttling = true;\n    requestAnimationFrame(function () {\n      tgt = calcProgress();\n      if (!rafId) rafId = requestAnimationFrame(tick);\n      throttling = false;\n    });\n  }\n\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', function () { positionRail(); onScroll(); }, { passive: true });\n  window.addEventListener('orientationchange', function () {\n    setTimeout(function () { positionRail(); onScroll(); }, 100);\n  });\n\n  \/* \u2500\u2500 Card reveal via IntersectionObserver \u2500\u2500 *\/\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting && e.intersectionRatio > 0.15) e.target.classList.add('visible');\n    });\n  }, { rootMargin: '-5% 0px -5% 0px', threshold: [0, 0.15, 0.3] });\n\n  var vh = window.innerHeight || document.documentElement.clientHeight;\n  items.forEach(function (item) {\n    io.observe(item);\n    if (item.getBoundingClientRect().top < vh * 0.85) item.classList.add('visible');\n  });\n\n  \/* \u2500\u2500 Init after first paint \u2500\u2500 *\/\n  requestAnimationFrame(function () {\n    positionRail();\n    cur = tgt = calcProgress();\n    setRail(cur);\n  });\n\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0410\u043d\u0430\u043b\u0438\u0437 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u0430\u0443\u0434\u0438\u0442 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440 \u0410\u0443\u0434\u0438\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u041a\u0414, \u043c\u043e\u0434\u0435\u043b\u0435\u0439, \u0441\u0431\u043e\u0440\u043e\u043a \u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439 \u041e\u0446\u0435\u043d\u043a\u0430 \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0412\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043e\u0448\u0438\u0431\u043e\u043a, \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0424\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u043e\u0440\u043e\u0436\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192 \u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 PDM-\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u043e\u0434 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u044e\u0440\u043e \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 PDM \u043f\u043e\u0434 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0431\u044e\u0440\u043e \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u043e\u0440\u043c\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0431\u0430\u0437\u044b, \u0440\u043e\u043b\u0435\u0439, \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f \u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f, [&hellip;]<\/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-506","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/506","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=506"}],"version-history":[{"count":46,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/506\/revisions"}],"predecessor-version":[{"id":4583,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/506\/revisions\/4583"}],"wp:attachment":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}