{"id":1431,"date":"2025-07-17T14:11:41","date_gmt":"2025-07-17T11:11:41","guid":{"rendered":"http:\/\/192.168.25.197\/?page_id=1431"},"modified":"2026-04-04T12:07:07","modified_gmt":"2026-04-04T09:07:07","slug":"%d0%bd%d0%b0%d1%88%d0%b8-%d0%bf%d1%80%d0%be%d0%b5%d0%ba%d1%82%d1%8b","status":"publish","type":"page","link":"https:\/\/mechanogurus.ru\/?page_id=1431","title":{"rendered":"\u0418\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433\u043e\u0432\u044b\u0435 \u0443\u0441\u043b\u0443\u0433\u0438"},"content":{"rendered":"\n<div style=\"aspect-ratio:16\/9;min-height:unset;\" class=\"wp-block-cover alignwide has-aspect-ratio wp-duotone-grayscale\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"200\" class=\"wp-block-cover__image-background wp-image-3293 size-medium\" alt=\"\" src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2026\/01\/Drw_Rumo-1-300x200.png\" data-object-fit=\"cover\" srcset=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2026\/01\/Drw_Rumo-1-300x200.png 300w, https:\/\/mechanogurus.ru\/wp-content\/uploads\/2026\/01\/Drw_Rumo-1-1024x683.png 1024w, https:\/\/mechanogurus.ru\/wp-content\/uploads\/2026\/01\/Drw_Rumo-1-768x512.png 768w, https:\/\/mechanogurus.ru\/wp-content\/uploads\/2026\/01\/Drw_Rumo-1.png 1536w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container has-global-padding is-layout-constrained wp-block-cover-is-layout-constrained\">\n<div class=\"typewriter-container\">\n  <h1 id=\"projects-heading\" class=\"typewriter-heading active\">\u041c\u0430\u0448\u0438\u043d\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b: \u043e\u0442 \u0437\u0430\u043c\u044b\u0441\u043b\u0430 \u0434\u043e \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438<\/h1>\n<\/div>\n\n<style>\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@700&display=swap');\n  \n  .typewriter-container {\n    min-height: 169px; \/* \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043e \u043d\u0430 30% \u043e\u0442 130px *\/\n    position: relative;\n    font-family: 'Roboto', sans-serif;\n    color: #0B303B;\n    display: grid;\n    place-items: center;\n    padding: 0 5px;\n  }\n\n  .typewriter-heading {\n    margin: 0;\n    opacity: 0;\n    overflow: hidden;\n    color: #FEF4EE;\n    white-space: normal;\n    word-wrap: break-word;\n    text-align: center;\n    font-weight: 700;\n    font-family: 'Roboto', sans-serif;\n    font-size: clamp(31.2px, 7.28vw, 72.8px); \/* \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043e \u043d\u0430 30% *\/\n    line-height: 1.3;\n  }\n\n  .typewriter-heading.active {\n    opacity: 1;\n  }\n\n  .typewriter-heading.active::after {\n    content: \"\";\n    display: inline-block;\n    width: 15.6px; \/* \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043e \u043d\u0430 30% *\/\n    height: 1.2em;\n    background: #FF0000;\n    margin-left: 5.2px; \/* \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043e \u043d\u0430 30% *\/\n    margin-bottom: -0.2em;\n    animation: blink-caret 0.75s step-end infinite;\n    box-shadow: 0 0 5.2px rgba(255,0,0,0.7); \/* \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043e \u043d\u0430 30% *\/\n    border-radius: 2px;\n  }\n\n  @keyframes blink-caret {\n    from, to { opacity: 0 }\n    50% { opacity: 1 }\n  }\n\n  @media (max-width: 600px) {\n    .typewriter-container {\n      min-height: 130px; \/* \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043e \u043d\u0430 30% \u043e\u0442 100px *\/\n      padding: 0 20px;\n    }\n    .typewriter-heading {\n      font-size: clamp(26px, 6.24vw, 72.8px); \/* \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043e \u043d\u0430 30% *\/\n      width: calc(100% - 40px);\n    }\n  }\n  \n  @media (min-width: 601px) and (max-width: 900px) {\n    .typewriter-heading {\n      font-size: clamp(41.6px, 6.24vw, 72.8px); \/* \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043e \u043d\u0430 30% *\/\n    }\n  }\n  \n  @media (min-width: 901px) {\n    .typewriter-heading {\n      font-size: clamp(52px, 5.72vw, 72.8px); \/* \u0423\u0432\u0435\u043b\u0438\u0447\u0435\u043d\u043e \u043d\u0430 30% *\/\n    }\n  }\n<\/style>\n<\/div><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n\/* \u2705 Scoped reset \u2014 does NOT leak into WordPress *\/\n.mg-panels,\n.mg-panels *,\n.mg-panels *::before,\n.mg-panels *::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.mg-panels {\n  display: block;\n  width: 100%;\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: clamp(20px, 3vw, 40px) 25px;\n  background: transparent;\n  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;\n}\n\n.mg-panels .panels-container {\n  display: flex;\n  width: 100%;\n  height: clamp(450px, 70vh, 750px);\n  gap: clamp(4px, 1vw, 8px);\n}\n\n\/* \u2500\u2500 Panel \u2500\u2500 *\/\n.mg-panels .panel {\n  position: relative;\n  flex: 1; \/* all equal when none active *\/\n  min-width: clamp(50px, 8vw, 80px);\n  background-size: cover;\n  background-position: center;\n  border-radius: clamp(4px, 1vw, 8px);\n  cursor: pointer;\n  transition: flex 0.6s cubic-bezier(0.4,0,0.2,1);\n  overflow: hidden;\n}\n\n.mg-panels .panel::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);\n  transition: background 0.4s ease;\n  z-index: 1;\n}\n\n.mg-panels .panel.active { flex: 3; }\n\n.mg-panels .panel.active::before {\n  background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 45%, rgba(0,0,0,0.25) 100%);\n}\n\n\/* \u2500\u2500 Panel content: flex column, top-aligned when expanded \u2500\u2500 *\/\n.mg-panels .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: clamp(10px, 2vw, 20px);\n  overflow: hidden;\n}\n\n.mg-panels .panel.active .panel-content {\n  justify-content: flex-start;\n  align-items: flex-start;\n  padding: clamp(20px, 4vh, 40px) clamp(25px, 4vw, 50px);\n}\n\n\/* \u2500\u2500 Title vertical (collapsed) \u2500\u2500 *\/\n.mg-panels .panel-title {\n  writing-mode: vertical-rl;\n  text-orientation: mixed;\n  font-weight: 800;\n  color: white;\n  text-transform: uppercase;\n  letter-spacing: 0.08em;\n  text-shadow: 2px 2px 10px rgba(0,0,0,0.8);\n  transition: all 0.6s cubic-bezier(0.4,0,0.2,1);\n  transform: rotate(180deg);\n  white-space: nowrap;\n  font-size: clamp(12px, min(2.5vw, 2.5vh), 20px);\n  line-height: 1.1;\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Title horizontal (expanded) \u2500\u2500 *\/\n.mg-panels .panel.active .panel-title {\n  writing-mode: horizontal-tb;\n  transform: rotate(0deg);\n  letter-spacing: -0.02em;\n  white-space: normal;\n  font-size: clamp(20px, min(4vw, 5vh), 42px);\n  line-height: 1.05;\n  margin-bottom: clamp(10px, 1.5vh, 18px);\n}\n\n\/* \u2500\u2500 Intro text \u2500\u2500 *\/\n.mg-panels .panel-intro {\n  opacity: 0;\n  max-height: 0;\n  overflow: hidden;\n  transform: translateY(16px);\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(12px, 1.6vw, 16px);\n  line-height: 1.5;\n  margin-bottom: clamp(10px, 1.5vh, 18px);\n  flex-shrink: 0;\n}\n\n.mg-panels .panel.active .panel-intro {\n  opacity: 1;\n  max-height: 120px;\n  transform: translateY(0);\n  transition-delay: 0.22s;\n}\n\n\/* \u2500\u2500 Description list \u2500\u2500 *\/\n.mg-panels .panel-description {\n  opacity: 0;\n  max-height: 0;\n  overflow: hidden;\n  transform: translateY(20px);\n  transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.6s ease;\n  flex-shrink: 0;\n  width: 100%;\n}\n\n.mg-panels .panel.active .panel-description {\n  opacity: 1;\n  max-height: 400px;\n  transform: translateY(0);\n  transition-delay: 0.30s;\n}\n\n.mg-panels .panel-description ul {\n  list-style: none;\n  display: grid;\n  gap: clamp(8px, 1.5vh, 14px);\n}\n\n.mg-panels .panel-description li {\n  position: relative;\n  padding-left: clamp(16px, 2vw, 24px);\n  color: #f0f0f0;\n  font-size: clamp(12px, 1.6vw, 16px);\n  line-height: 1.4;\n}\n\n.mg-panels .panel-description li::before {\n  content: \"\u2022\";\n  position: absolute;\n  left: 0;\n  top: 0;\n  color: #c89b3c;\n  font-size: clamp(16px, 2vw, 20px);\n  line-height: 1;\n}\n\n\/* \u2500\u2500 Background images \u2500\u2500 *\/\n.mg-panels .panel:nth-child(1) {\n  background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Standard_procedures.jpg');\n  background-color: #1a1a1a;\n}\n.mg-panels .panel:nth-child(2) {\n  background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Analysis_slider_tile.jpg');\n  background-color: #1a1a1a;\n}\n.mg-panels .panel:nth-child(3) {\n  background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/solidworks-pdm-implementation-service.jpg');\n  background-color: #1a1a1a;\n}\n.mg-panels .panel:nth-child(4) {\n  background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/reengineering.png');\n  background-color: #1a1a1a;\n}\n\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\n\n@media (max-width: 1024px) {\n  .mg-panels .panels-container { height: clamp(400px, 65vh, 600px); }\n  .mg-panels .panel-title { font-size: clamp(11px, min(2.2vw, 2.2vh), 18px); }\n  .mg-panels .panel.active .panel-title { font-size: clamp(18px, min(3.5vw, 4.5vh), 32px); }\n}\n\n@media (max-width: 768px) {\n  .mg-panels { padding: clamp(16px, 2.5vw, 28px) 16px; }\n  .mg-panels .panels-container {\n    flex-direction: column;\n    height: auto;\n    gap: clamp(6px, 1.5vw, 10px);\n  }\n  .mg-panels .panel {\n    flex: 0 0 clamp(55px, 10vw, 80px);\n    min-width: auto;\n    width: 100%;\n  }\n  .mg-panels .panel.active { flex: 0 0 clamp(320px, 55vh, 420px); }\n\n  .mg-panels .panel-title {\n    writing-mode: horizontal-tb;\n    transform: rotate(0deg);\n    white-space: nowrap;\n    font-size: clamp(13px, min(4vw, 2.8vh), 18px);\n    letter-spacing: 0.03em;\n  }\n  .mg-panels .panel.active .panel-title {\n    font-size: clamp(18px, min(5.5vw, 4.5vh), 28px);\n    white-space: normal;\n    margin-bottom: 10px;\n  }\n  .mg-panels .panel.active .panel-content {\n    padding: clamp(15px, 3vh, 25px) clamp(15px, 3vw, 25px);\n  }\n  .mg-panels .panel-intro {\n    font-size: clamp(11px, min(2.8vw, 1.8vh), 14px);\n  }\n  .mg-panels .panel-description ul { gap: clamp(6px, 1.2vh, 10px); }\n  .mg-panels .panel-description li {\n    font-size: clamp(11px, min(2.8vw, 1.8vh), 14px);\n    padding-left: clamp(14px, 3.5vw, 20px);\n  }\n  .mg-panels .panel-description li::before { font-size: clamp(14px, 3.5vw, 18px); }\n}\n\n@media (max-width: 480px) {\n  .mg-panels { padding: 12px; }\n  .mg-panels .panel { flex: 0 0 50px; }\n  .mg-panels .panel.active { flex: 0 0 clamp(280px, 50vh, 380px); }\n  .mg-panels .panel-title { font-size: clamp(11px, min(3.5vw, 2.2vh), 15px); }\n  .mg-panels .panel.active .panel-title { font-size: clamp(16px, min(5vw, 4vh), 24px); }\n  .mg-panels .panel-description ul { gap: 6px; }\n}\n\n@media (max-width: 360px) {\n  .mg-panels .panel.active { flex: 0 0 clamp(260px, 48vh, 350px); }\n  .mg-panels .panel-title { font-size: clamp(10px, min(3.2vw, 2vh), 13px); }\n  .mg-panels .panel.active .panel-title { font-size: clamp(14px, min(4.5vw, 3.5vh), 20px); }\n  .mg-panels .panel-intro { display: none; }\n}\n\n@media (max-height: 500px) and (orientation: landscape) {\n  .mg-panels .panels-container { flex-direction: row; height: 85vh; }\n  .mg-panels .panel { flex: 1; min-width: 45px; }\n  .mg-panels .panel.active { flex: 3; }\n  .mg-panels .panel-title {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    white-space: nowrap;\n    font-size: clamp(9px, 2.2vh, 13px);\n  }\n  .mg-panels .panel.active .panel-title {\n    writing-mode: horizontal-tb;\n    transform: rotate(0deg);\n    white-space: normal;\n    font-size: clamp(12px, 3.5vh, 20px);\n  }\n  .mg-panels .panel-intro { font-size: clamp(8px, 1.8vh, 11px); }\n  .mg-panels .panel-description ul { gap: 4px; }\n  .mg-panels .panel-description li { font-size: clamp(9px, 2vh, 12px); }\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n  .mg-panels .panel-title {\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n}\n\n@media (hover: none) and (pointer: coarse) {\n  .mg-panels .panel { -webkit-tap-highlight-color: transparent; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-panels .panel,\n  .mg-panels .panel-title,\n  .mg-panels .panel-intro,\n  .mg-panels .panel-description,\n  .mg-panels .panel::before {\n    transition-duration: 0.01ms !important;\n  }\n}\n<\/style>\n\n<div class=\"mg-panels\">\n  <div class=\"panels-container\">\n\n    <div class=\"panel\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432<\/h2>\n        <p class=\"panel-intro\">\u041c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u043d\u043e\u0432\u044b\u0435 \u0438\u0437\u0434\u0435\u043b\u0438\u044f \u0438 \u0443\u0437\u043b\u044b \u0441 \u043d\u0443\u043b\u044f, \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044f \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0438 \u0437\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c\u043e\u0441\u0442\u044c \u043d\u0430 \u0440\u0430\u043d\u043d\u0438\u0445 \u044d\u0442\u0430\u043f\u0430\u0445.<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0430\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0438\u0437\u0434\u0435\u043b\u0438\u044f<\/li>\n            <li>\u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0443\u0437\u043b\u043e\u0432 \u0438 \u0441\u0431\u043e\u0440\u043e\u043a (DFM \/ DFA)<\/li>\n            <li>\u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0434\u043e\u043f\u0443\u0441\u043a\u043e\u0432<\/li>\n            <li>\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u043a \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0438 \u0441\u0435\u0440\u0438\u0438<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u0438\u0437<\/h2>\n        <p class=\"panel-intro\">\u041f\u0440\u043e\u0432\u043e\u0434\u0438\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438, \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0434\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 \u0432 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e.<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u041f\u0440\u043e\u0447\u043d\u043e\u0441\u0442\u043d\u044b\u0435 \u0438 \u0436\u0451\u0441\u0442\u043a\u043e\u0441\u0442\u043d\u044b\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b<\/li>\n            <li>\u041e\u0446\u0435\u043d\u043a\u0430 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 \u0438 \u0443\u0441\u0442\u0430\u043b\u043e\u0441\u0442\u043d\u043e\u0439 \u0434\u043e\u043b\u0433\u043e\u0432\u0435\u0447\u043d\u043e\u0441\u0442\u0438<\/li>\n            <li>\u0422\u0435\u043f\u043b\u043e\u0432\u043e\u0439 \u0438 CFD-\u0430\u043d\u0430\u043b\u0438\u0437<\/li>\n            <li>\u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u043e\u0442\u0447\u0451\u0442\u044b \u0441 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u044f\u043c\u0438<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">3D \u043c\u043e\u0434\u0435\u043b\u0438 \u0438 \u0432\u044b\u043f\u0443\u0441\u043a \u041a\u0414<\/h2>\n        <p class=\"panel-intro\">\u0421\u043e\u0437\u0434\u0430\u0451\u043c \u0442\u043e\u0447\u043d\u044b\u0435 3D-\u043c\u043e\u0434\u0435\u043b\u0438 \u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u043f\u043e\u043b\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \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, \u0433\u043e\u0442\u043e\u0432\u043e\u0439 \u043a \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0435 \u0432 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e.<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>3D-\u043c\u043e\u0434\u0435\u043b\u0438 \u043f\u043e \u0447\u0435\u0440\u0442\u0435\u0436\u0430\u043c \u0438 \u041a\u0414 \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0430<\/li>\n            <li>\u0412\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0433\u0435\u043e\u043c\u0435\u0442\u0440\u0438\u0438 \u043f\u043e \u0430\u0440\u0445\u0438\u0432\u043d\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/li>\n            <li>\u0420\u0430\u0431\u043e\u0447\u0438\u0435 \u0447\u0435\u0440\u0442\u0435\u0436\u0438 \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0438 \u0441\u0431\u043e\u0440\u043e\u043a<\/li>\n            <li>\u0421\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438, \u0434\u043e\u043f\u0443\u0441\u043a\u0438 \u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0420\u0435\u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433<\/h2>\n        <p class=\"panel-intro\">\u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c, \u0434\u043e\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0438 \u0430\u0434\u0430\u043f\u0442\u0438\u0440\u0443\u0435\u043c \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0435 \u0438\u0437\u0434\u0435\u043b\u0438\u044f \u2014 \u043a\u043e\u0433\u0434\u0430 \u043d\u0443\u0436\u043d\u043e \u043f\u043e\u0432\u0442\u043e\u0440\u0438\u0442\u044c, \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0438\u043b\u0438 \u043c\u043e\u0434\u0435\u0440\u043d\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e.<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0410\u043d\u0430\u043b\u0438\u0437 \u0438\u0437\u0434\u0435\u043b\u0438\u044f \u0438 \u043f\u0440\u0438\u043d\u0446\u0438\u043f\u0430 \u0440\u0430\u0431\u043e\u0442\u044b<\/li>\n            <li>\u0412\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 3D-\u043c\u043e\u0434\u0435\u043b\u0435\u0439 \u0438 \u041a\u0414<\/li>\n            <li>\u041e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u043e\u0434 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0438 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u044b<\/li>\n            <li>\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u043a \u043f\u043e\u0432\u0442\u043e\u0440\u043d\u043e\u043c\u0443 \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044e<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var panels = document.querySelectorAll('.mg-panels .panel');\n  var timer = null;\n\n  function clearTimer() {\n    if (timer) { clearTimeout(timer); timer = null; }\n  }\n\n  function startTimer() {\n    clearTimer();\n    timer = 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      \/* Hyperlink clicks navigate normally \u2014 no expand\/collapse side effect *\/\n      if (e.target.closest('a')) 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    \/* Hovering inside an open panel resets the countdown *\/\n    panel.addEventListener('mouseenter', function () {\n      if (panel.classList.contains('active')) startTimer();\n    });\n  });\n})();\n<\/script>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading alignwide has-text-align-center has-background-color has-text-color has-link-color has-system-font-font-family has-large-font-size wp-elements-a3397ddb987e4d0f5f165c32e8a2f400\" style=\"font-style:normal;font-weight:400\"><strong><strong>\u041d\u0430\u0448\u0438 \u044d\u043a\u0441\u043f\u0435\u0440\u0442\u043d\u044b\u0435 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0432 \u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433\u0435<\/strong><\/strong><\/h2>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<style>\n.mg-tiles-wrapper,\n.mg-tiles-wrapper *,\n.mg-tiles-wrapper *::before,\n.mg-tiles-wrapper *::after {\n  box-sizing: border-box;\n}\n\n.mg-tiles-wrapper {\n  width:      100%;\n  max-width:  1400px;\n  margin:     0 auto;\n  padding:    0 25px;\n}\n\n.mg-tiles-container {\n  width:                 100%;\n  display:               grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  grid-auto-flow:        dense;\n  gap:                   26px;\n  align-items:           stretch;\n}\n\n.mg-tile--wide {\n  grid-column: span 2;\n}\n\n.mg-tile {\n  min-width:      0;\n  max-width:      100%;\n  display:        flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items:    center;\n  border-radius:  16px;\n  border:         1px solid rgba(255,255,255,0.2);\n  color:          white;\n  font-size:      1.1rem;\n  font-weight:    bold;\n  text-align:     center;\n  padding:        2rem 1.5rem;\n  cursor:         pointer;\n  position:       relative;\n  transition:     all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n  box-shadow:\n    0 8px 32px rgba(0,0,0,0.2),\n    inset 0 0 12px rgba(255,255,255,0.1),\n    inset 0 0 0 1px rgba(255,255,255,0.05);\n  overflow:       hidden;\n  height:         100%;\n  min-height:     160px;\n}\n\n.mg-tile:nth-child(1) { background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/GasTurbinePackage01.png') center\/cover no-repeat; }\n.mg-tile:nth-child(2) { background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/d90647_4cf8ef94ca73441296ae18c28e93ff22mv2.jpg.avif') center\/cover no-repeat; }\n.mg-tile:nth-child(3) { background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Hanger01.webp') center\/cover no-repeat; }\n.mg-tile:nth-child(4) { background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Acoustic-container1.jpg') center\/cover no-repeat; }\n.mg-tile:nth-child(5) { background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/MachineryProject.jpg') center\/cover no-repeat; }\n.mg-tile:nth-child(6) { background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/StrengthCal01.png.webp') center\/cover no-repeat; }\n\n.mg-tile:nth-child(1):hover { background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/GasTurbinePackage01.png') center\/cover no-repeat; }\n.mg-tile:nth-child(2):hover { background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/d90647_4cf8ef94ca73441296ae18c28e93ff22mv2.jpg.avif') center\/cover no-repeat; }\n.mg-tile:nth-child(3):hover { background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Hanger01.webp') center\/cover no-repeat; }\n.mg-tile:nth-child(4):hover { background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Acoustic-container1.jpg') center\/cover no-repeat; }\n.mg-tile:nth-child(5):hover { background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/MachineryProject.jpg') center\/cover no-repeat; }\n.mg-tile:nth-child(6):hover { background: linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.25)), url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/StrengthCal01.png.webp') center\/cover no-repeat; }\n\n.mg-tile::after {\n  content:    '';\n  position:   absolute;\n  top: -50%; left: -50%;\n  width: 200%; height: 200%;\n  background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);\n  animation:  mg-shine 12s linear infinite;\n  opacity:    0;\n  transition: opacity 0.3s ease;\n  z-index:    1;\n  pointer-events: none;\n}\n\n@keyframes mg-shine {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n.mg-tile:hover {\n  transform:  translateY(-8px) scale(1.02);\n  border:     1px solid rgba(255,255,255,0.4);\n  box-shadow:\n    0 12px 40px rgba(0,0,0,0.3),\n    inset 0 0 24px rgba(255,255,255,0.2),\n    inset 0 0 0 2px rgba(255,255,255,0.1);\n}\n\n.mg-tile:hover::after { opacity: 0.6; }\n\n.mg-tile a {\n  color:           inherit;\n  text-decoration: none;\n  display:         flex;\n  flex-direction:  column;\n  justify-content: center;\n  align-items:     center;\n  height:          100%;\n  width:           100%;\n  position:        relative;\n  z-index:         3;\n}\n\n.mg-tile:hover a {\n  text-shadow: 0 2px 12px rgba(255,255,255,0.4);\n}\n\n\/* \u2500\u2500 Desktop tile title \u2500\u2500 *\/\n.mg-tile-title {\n  font-size:   clamp(0.85rem, 1.2vw, 1.15rem);\n  font-weight: bold;\n  color:       #fff;\n  text-shadow: 0 2px 6px rgba(0,0,0,0.8);\n  width:       100%;\n  text-align:  center;\n  line-height: 1.4;\n  position:    relative;\n  z-index:     2;\n}\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE BREAKPOINTS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n\/* Tablet (\u2264 1024px) \u2014 2-column grid *\/\n@media (max-width: 1024px) {\n  .mg-tiles-container {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 18px;\n  }\n  .mg-tile--wide {\n    grid-column: span 2;\n  }\n  .mg-tile {\n    padding:    1.4rem 1.1rem;\n    min-height: 150px;\n  }\n  \/*\n    Desktop base: clamp(0.85rem, 1.2vw, 1.15rem)\n    \u00d7 1.25 \u2192 clamp(1.0625rem, 1.5vw, 1.4375rem)\n    Unified across ALL mobile\/tablet breakpoints.\n  *\/\n  .mg-tile-title {\n    font-size: clamp(1.0625rem, 1.5vw, 1.4375rem);\n  }\n}\n\n\/* Mobile landscape \/ small tablet (\u2264 720px) *\/\n@media (max-width: 720px) {\n  .mg-tiles-wrapper {\n    padding: 0 14px;\n  }\n  .mg-tiles-container {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 12px;\n  }\n  .mg-tile--wide {\n    grid-column: span 2;\n  }\n  .mg-tile {\n    min-height: 130px;\n    padding:    1.1rem 0.85rem;\n  }\n  \/* Same 1.25\u00d7 target \u2014 vw recalculated for narrower viewport *\/\n  .mg-tile-title {\n    font-size: clamp(1.0625rem, 4.375vw, 1.4375rem);\n  }\n  .mg-tile:hover {\n    transform: translateY(-4px) scale(1.01);\n  }\n}\n\n\/* Small mobile portrait (\u2264 480px) *\/\n@media (max-width: 480px) {\n  .mg-tiles-wrapper {\n    padding: 0 10px;\n  }\n  .mg-tiles-container {\n    grid-template-columns: 1fr;\n    gap: 10px;\n  }\n  .mg-tile--wide {\n    grid-column: span 1;\n  }\n  .mg-tile {\n    min-height: 110px;\n    padding:    0.9rem 0.85rem;\n    border-radius: 12px;\n  }\n  \/* Same 1.25\u00d7 target *\/\n  .mg-tile-title {\n    font-size: clamp(1.0625rem, 4.375vw, 1.4375rem);\n  }\n  .mg-tile:hover {\n    transform: none;\n  }\n}\n\n\/* Extra small (\u2264 380px) *\/\n@media (max-width: 380px) {\n  .mg-tiles-wrapper {\n    padding: 0 8px;\n  }\n  .mg-tiles-container {\n    gap: 8px;\n  }\n  .mg-tile {\n    min-height: 100px;\n    padding:    0.8rem 0.7rem;\n  }\n  \/* Same 1.25\u00d7 target maintained *\/\n  .mg-tile-title {\n    font-size: clamp(1.0625rem, 4.375vw, 1.4375rem);\n  }\n}\n<\/style>\n\n<div class=\"mg-tiles-wrapper\">\n  <div class=\"mg-tiles-container\">\n\n    <div class=\"mg-tile mg-tile--wide\">\n      <a href=\"#\">\n        <div class=\"mg-tile-title\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0413\u0430\u0437\u043e\u043f\u0435\u0440\u0435\u043a\u0430\u0447\u0438\u0432\u0430\u044e\u0449\u0438\u0435 \u0438 \u042d\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0433\u0430\u0437\u043e\u0442\u0443\u0440\u0431\u0438\u043d\u043d\u044b\u0435 \u0430\u0433\u0440\u0435\u0433\u0430\u0442\u044b<\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"mg-tile\">\n      <a href=\"#\">\n        <div class=\"mg-tile-title\">\u0413\u0430\u0437\u043e\u043f\u043e\u0440\u0448\u043d\u0435\u0432\u044b\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438 \u0438 \u0414\u0438\u0437\u0435\u043b\u044c\u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440\u043d\u044b\u0435 \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0438<\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"mg-tile\">\n      <a href=\"#\">\n        <div class=\"mg-tile-title\">\u0410\u043d\u0433\u0430\u0440\u044b \u0438 \u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438<\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"mg-tile\">\n      <a href=\"#\">\n        <div class=\"mg-tile-title\">\u041a\u043e\u0436\u0443\u0445\u0438 \u0448\u0443\u043c\u043e \u0438 \u0442\u0435\u043f\u043b\u043e\u0438\u0437\u043e\u043b\u0438\u0440\u0443\u044e\u0449\u0438\u0435<\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"mg-tile\">\n      <a href=\"#\">\n        <div class=\"mg-tile-title\">\u041c\u0430\u0448\u0438\u043d\u043e\u0441\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b<\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"mg-tile mg-tile--wide\">\n      <a href=\"#\">\n        <div class=\"mg-tile-title\">\u0418\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433\u043e\u0432\u044b\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b<\/div>\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-landing-block mg-collab\">\n\n<style>\n.wp-landing-block.mg-collab,\n.wp-landing-block.mg-collab *,\n.wp-landing-block.mg-collab *::before,\n.wp-landing-block.mg-collab *::after {\n  box-sizing: border-box;\n}\n\n.wp-landing-block.mg-collab {\n  --acc: #E1830F;\n  --acc2: #F2B839;\n\n  width: calc(100% - 50px);\n  max-width: 1600px;\n  margin: 80px auto;\n  padding: clamp(24px, 3vw, 48px);\n\n  background: #FEF4EE;\n  border-radius: 24px;\n  border: 1px solid rgba(226,131,15,.18);\n  box-shadow: 0 25px 80px rgba(226,131,15,.14);\n\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  -webkit-font-smoothing: antialiased;\n}\n\n.mg-collab__tag {\n  display: inline-block;\n  background: rgba(226,131,15,.12);\n  color: var(--acc);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .07em;\n  text-transform: uppercase;\n  padding: 4px 14px;\n  border-radius: 999px;\n  margin-bottom: 16px;\n  width: fit-content;\n}\n\n.mg-collab__title {\n  font-size: clamp(1.6rem, 2.8vw, 2.6rem);\n  font-weight: 800;\n  color: var(--acc);\n  line-height: 1.25;\n  margin: 0 0 14px;\n  max-width: 880px;\n}\n\n.mg-collab__intro {\n  font-size: clamp(.95rem, 1.2vw, 1.05rem);\n  line-height: 1.7;\n  color: #444;\n  max-width: 880px;\n  margin: 0 0 32px;\n}\n\n.mg-collab__divider {\n  height: 1px;\n  background: rgba(226,131,15,.2);\n  margin-bottom: 28px;\n}\n\n.mg-collab__grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  align-items: start;\n  margin-bottom: 32px;\n}\n\n.mg-collab__col {\n  background: #fff;\n  border-radius: 14px;\n  padding: 22px 24px;\n  border: 1px solid rgba(226,131,15,.18);\n  display: flex;\n  flex-direction: column;\n}\n\n.mg-collab__col-head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 14px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid rgba(226,131,15,.15);\n}\n\n.mg-collab__col-icon {\n  width: 34px;\n  height: 34px;\n  border-radius: 8px;\n  background: #FEF4EE;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.mg-collab__col-icon svg {\n  width: 18px;\n  height: 18px;\n}\n\n.mg-collab__col-title {\n  font-weight: 700;\n  font-size: .95rem;\n  color: #1a1a1a;\n  margin: 0;\n}\n\n.mg-collab__col-sub {\n  font-size: .78rem;\n  color: #888;\n  margin: 2px 0 0;\n}\n\n.mg-collab__list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 9px;\n}\n\n.mg-collab__item {\n  display: flex;\n  gap: 9px;\n  font-size: .92rem;\n  line-height: 1.55;\n  color: #333;\n  align-items: flex-start;\n}\n\n.mg-collab__dot {\n  width: 6px;\n  height: 6px;\n  border-radius: 50%;\n  background: var(--acc);\n  flex-shrink: 0;\n  margin-top: 7px;\n}\n\n.mg-collab__cta-wrap {\n  display: flex;\n  justify-content: center;\n}\n\n.mg-collab__cta {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: .9rem 2.6rem;\n  border-radius: 999px;\n  background: linear-gradient(135deg, var(--acc), var(--acc2));\n  font-weight: 700;\n  font-size: 1rem;\n  color: #000;\n  text-decoration: none;\n  border: none;\n  cursor: pointer;\n  transition: transform .22s ease, box-shadow .22s ease;\n}\n\n.mg-collab__cta:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 16px 36px rgba(226,131,15,.35);\n  color: #000;\n  text-decoration: none;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width: 960px) {\n  .mg-collab__grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n@media (max-width: 600px) {\n  .wp-landing-block.mg-collab {\n    width: calc(100% - 24px);\n    margin: 48px auto;\n  }\n}\n<\/style>\n\n<div class=\"mg-collab__tag\">\u041f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e<\/div>\n\n<h2 class=\"mg-collab__title\">\n  \u0423 \u043d\u0430\u0441 \u0435\u0441\u0442\u044c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u0438\u044f \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442. \u0423 \u0432\u0430\u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e. \u042d\u0442\u043e \u0438 \u0435\u0441\u0442\u044c \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u0441\u0442\u0432\u043e.\n<\/h2>\n\n<p class=\"mg-collab__intro\">\n  Mechanogurus \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u044b \u0438 \u043e\u0442\u043a\u0440\u044b\u0442 \u043a \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0441 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u043c\u0438 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f\u043c\u0438 \u043c\u0430\u043b\u043e\u0433\u043e \u0438 \u0441\u0440\u0435\u0434\u043d\u0435\u0433\u043e \u043c\u0430\u0441\u0448\u0442\u0430\u0431\u0430. \u041c\u044b \u0431\u0435\u0440\u0451\u043c \u043d\u0430 \u0441\u0435\u0431\u044f \u043f\u043e\u043b\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0438 \u2014 \u0432\u044b \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u0442\u0435 \u0441\u0435\u0440\u0438\u0439\u043d\u044b\u0439 \u0432\u044b\u043f\u0443\u0441\u043a \u0438 \u0432\u044b\u0432\u043e\u0434 \u043d\u0430 \u0440\u044b\u043d\u043e\u043a.\n<\/p>\n\n<div class=\"mg-collab__divider\"><\/div>\n\n<div class=\"mg-collab__grid\">\n\n  <div class=\"mg-collab__col\">\n    <div class=\"mg-collab__col-head\">\n      <div class=\"mg-collab__col-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E1830F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n          <path d=\"M12 1v4M12 19v4M4.22 4.22l2.83 2.83M16.95 16.95l2.83 2.83M1 12h4M19 12h4M4.22 19.78l2.83-2.83M16.95 7.05l2.83-2.83\"\/>\n        <\/svg>\n      <\/div>\n      <div>\n        <p class=\"mg-collab__col-title\">\u0421\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b Mechanogurus<\/p>\n        <p class=\"mg-collab__col-sub\">\u0418\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433 \u0438 \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430<\/p>\n      <\/div>\n    <\/div>\n    <ul class=\"mg-collab__list\">\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0430\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 (Design Engineering)<\/li>\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u0410\u043d\u0430\u043b\u0438\u0437 \u0440\u044b\u043d\u043a\u0430 \u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430<\/li>\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u041f\u043e\u0434\u0431\u043e\u0440 \u043f\u043e\u0441\u0442\u0430\u0432\u0449\u0438\u043a\u043e\u0432 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0438 \u0434\u043e\u0440\u043e\u0433\u043e\u0441\u0442\u043e\u044f\u0449\u0438\u0445 \u041f\u041a\u0418<\/li>\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u041a\u043e\u0440\u0440\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u043a\u0438 \u043f\u043e\u0434 \u0440\u044b\u043d\u043e\u043a<\/li>\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438<\/li>\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u0421\u043e\u043f\u0440\u043e\u0432\u043e\u0436\u0434\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"mg-collab__col\">\n    <div class=\"mg-collab__col-head\">\n      <div class=\"mg-collab__col-icon\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#E1830F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/>\n          <path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/>\n          <line x1=\"12\" y1=\"12\" x2=\"12\" y2=\"16\"\/>\n          <line x1=\"10\" y1=\"14\" x2=\"14\" y2=\"14\"\/>\n        <\/svg>\n      <\/div>\n      <div>\n        <p class=\"mg-collab__col-title\">\u0421\u043e \u0441\u0442\u043e\u0440\u043e\u043d\u044b \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430<\/p>\n        <p class=\"mg-collab__col-sub\">\u0412\u044b\u043f\u0443\u0441\u043a \u0438 \u043b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430<\/p>\n      <\/div>\n    <\/div>\n    <ul class=\"mg-collab__list\">\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e \u0438 \u0441\u0431\u043e\u0440\u043a\u0430 \u0438\u0437\u0434\u0435\u043b\u0438\u0439<\/li>\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u0417\u0430\u043a\u0443\u043f\u043a\u0430 \u041f\u041a\u0418<\/li>\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u041b\u043e\u0433\u0438\u0441\u0442\u0438\u043a\u0430<\/li>\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u0420\u0430\u0441\u0447\u0451\u0442 \u0438 \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 \u0441\u0435\u0431\u0435\u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c\u044e<\/li>\n      <li class=\"mg-collab__item\"><span class=\"mg-collab__dot\"><\/span>\u0421\u0431\u043e\u0440\u043a\u0430 \u0438 \u0448\u0435\u0444-\u043c\u043e\u043d\u0442\u0430\u0436 \u0443 \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0430<\/li>\n    <\/ul>\n  <\/div>\n\n<\/div>\n\n<div class=\"mg-collab__cta-wrap\">\n  <a href=\"mailto:info@mechanogurus.ru\" class=\"mg-collab__cta\">\n    \u041f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u2192\n  <\/a>\n<\/div>\n\n<\/div>\n\n\n\n<script type=\"module\" src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/model-viewer\/3.5.0\/model-viewer.min.js\"><\/script>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&#038;family=Rajdhani:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2705 Scoped reset \u2014 does NOT leak into WordPress *\/\n.mg-ep, .mg-ep *, .mg-ep *::before, .mg-ep *::after {\n  box-sizing: border-box;\n}\n\n\/* \u2705 NO body\/html\/background \u2014 inherits WP theme *\/\n.mg-ep {\n  --gold:          #F2B839;\n  --orange:        #E1830F;\n  --dark-bg:       #0a0a0a;\n  --card-bg:       rgba(18,18,18,0.95);\n  --glass-border:  rgba(242,184,57,0.25);\n  --text-primary:  #ffffff;\n  --text-secondary:rgba(255,255,255,0.6);\n\n  font-family: 'Rajdhani', sans-serif;\n\n  max-width: 1400px;\n  margin:    0 auto;\n  padding:   0 25px;\n  width:     100%;\n}\n\n\/* \u2500\u2500 Section \u2500\u2500 *\/\n.mg-ep .projects-section {\n  background: transparent;\n  padding:    60px 0;\n  position:   relative;\n  overflow:   hidden;\n  width:      calc(100% + 50px);\n  margin-left: -25px;\n}\n\n.mg-ep .projects-section::before {\n  content:  '';\n  position: absolute;\n  inset:    0;\n  background: transparent;\n  pointer-events: none;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.mg-ep .section-header {\n  text-align:    center;\n  margin-bottom: 40px;\n  position:      relative;\n  z-index:       2;\n  padding:       0 25px;\n}\n\n.mg-ep .section-tag {\n  font-size:      0.7rem;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color:          var(--orange);\n  display:        block;\n  margin-bottom:  10px;\n}\n\n.mg-ep .section-title {\n  font-family:  'Bebas Neue', sans-serif;\n  font-size:    clamp(1.8rem, 4vw, 2.8rem);\n  letter-spacing: 4px;\n  background:   linear-gradient(135deg, var(--gold) 0%, var(--orange) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  line-height:  1.2;\n}\n\n\/* \u2500\u2500 Carousel wrapper \u2500\u2500 *\/\n.mg-ep .carousel-wrapper {\n  position:  relative;\n  z-index:   2;\n  overflow:  hidden;\n  padding:   20px 0;\n  width:     100%;\n  mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n  -webkit-mask-image: linear-gradient(to right, transparent, black 5%, black 95%, transparent);\n}\n\n.mg-ep .carousel-track {\n  display:   flex;\n  gap:       24px;\n  width:     fit-content;\n  padding:   0 25px;\n  animation: mg-ep-scroll 30s linear infinite;\n}\n\n.mg-ep .carousel-track:hover {\n  animation-play-state: paused;\n}\n\n@keyframes mg-ep-scroll {\n  0%   { transform: translateX(0); }\n  100% { transform: translateX(-50%); }\n}\n\n\/* \u2500\u2500 Project Card \u2500\u2500 *\/\n.mg-ep .project-card {\n  flex:          0 0 320px;\n  background:    var(--card-bg);\n  border:        1px solid var(--glass-border);\n  border-radius: 16px;\n  overflow:      hidden;\n  transition:    all 0.4s cubic-bezier(0.4,0,0.2,1);\n  position:      relative;\n}\n\n.mg-ep .project-card:hover {\n  transform:    translateY(-8px) scale(1.02);\n  border-color: rgba(242,184,57,0.5);\n  box-shadow:\n    0 20px 40px rgba(0,0,0,0.4),\n    0 0 30px rgba(242,184,57,0.15);\n}\n\n\/* \u2500\u2500 Viewer \u2500\u2500 *\/\n.mg-ep .viewer-container {\n  height:     200px;\n  position:   relative;\n  background: linear-gradient(135deg, #141414 0%, #0a0a0a 100%);\n  overflow:   hidden;\n}\n\n.mg-ep .viewer-container::after {\n  content:  '';\n  position: absolute;\n  bottom: 0; left: 0; right: 0;\n  height:   40px;\n  background: linear-gradient(to top, rgba(18,18,18,0.95), transparent);\n  pointer-events: none;\n  z-index:  1;\n}\n\n.mg-ep model-viewer {\n  width:  100%;\n  height: 100%;\n  --poster-color: transparent;\n  \/* Sharp edge rendering \u2014 bright directional light + model contrast *\/\n  filter: drop-shadow(0 0 6px rgba(242,184,57,0.18)) contrast(1.08);\n}\n\n.mg-ep model-viewer::part(default-progress-bar) {\n  background: var(--gold);\n  height:     2px;\n}\n\n\/* \u2500\u2500 Rotate hint \u2500\u2500 *\/\n.mg-ep .rotate-hint {\n  position:   absolute;\n  bottom: 12px; right: 12px;\n  width: 32px; height: 32px;\n  display:    flex;\n  align-items: center; justify-content: center;\n  background: rgba(0,0,0,0.6);\n  border-radius: 50%;\n  z-index:    2;\n  opacity:    0.6;\n  transition: opacity 0.3s;\n}\n\n.mg-ep .project-card:hover .rotate-hint { opacity: 0; }\n\n.mg-ep .rotate-hint svg {\n  width: 16px; height: 16px;\n  color: var(--text-secondary);\n  animation: mg-ep-spin 4s linear infinite;\n}\n\n@keyframes mg-ep-spin {\n  from { transform: rotate(0deg); }\n  to   { transform: rotate(360deg); }\n}\n\n\/* \u2500\u2500 Project info \u2500\u2500 *\/\n.mg-ep .project-info { padding: 18px 20px; }\n\n.mg-ep .project-category {\n  font-size:      0.65rem;\n  letter-spacing: 2px;\n  text-transform: uppercase;\n  color:          var(--orange);\n  margin-bottom:  6px;\n  display:        block;\n}\n\n.mg-ep .project-title {\n  font-family:    'Bebas Neue', sans-serif;\n  font-size:      1.4rem;\n  letter-spacing: 2px;\n  color:          var(--text-primary);\n  margin-bottom:  6px;\n  display:        block;\n  line-height:    1.3;\n}\n\n.mg-ep .project-desc {\n  font-size:   0.8rem;\n  line-height: 1.5;\n  color:       var(--text-secondary);\n  display:     -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow:    hidden;\n}\n\n\/* \u2500\u2500 CTA \u2500\u2500 *\/\n.mg-ep .cta-container {\n  text-align:  center;\n  margin-top:  40px;\n  position:    relative;\n  z-index:     2;\n  padding:     0 25px;\n}\n\n.mg-ep .view-all-btn {\n  display:         inline-flex;\n  align-items:     center;\n  gap:             12px;\n  font-family:     'Rajdhani', sans-serif;\n  font-size:       0.9rem;\n  font-weight:     600;\n  letter-spacing:  3px;\n  text-transform:  uppercase;\n  text-decoration: none;\n  color:           var(--dark-bg);\n  background:      linear-gradient(135deg, var(--gold), var(--orange));\n  padding:         14px 32px;\n  border-radius:   4px;\n  transition:      all 0.3s ease;\n  box-shadow:      0 6px 25px rgba(242,184,57,0.3);\n  white-space:     nowrap;\n}\n\n.mg-ep .view-all-btn:hover {\n  transform:  translateY(-3px);\n  box-shadow: 0 12px 35px rgba(242,184,57,0.45);\n  color:      var(--dark-bg);\n  text-decoration: none;\n}\n\n.mg-ep .view-all-btn svg {\n  width: 18px; height: 18px;\n  transition: transform 0.3s ease;\n  flex-shrink: 0;\n}\n\n.mg-ep .view-all-btn:hover svg { transform: translateX(5px); }\n\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   RESPONSIVE\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n@media (max-width: 1024px) {\n  .mg-ep .carousel-track  { gap: 20px; animation-duration: 26s; }\n  .mg-ep .project-card    { flex: 0 0 300px; }\n}\n\n@media (max-width: 768px) {\n  .mg-ep {\n    padding-left:  16px;\n    padding-right: 16px;\n  }\n  .mg-ep .projects-section {\n    width:       calc(100% + 32px);\n    margin-left: -16px;\n  }\n  .mg-ep .projects-section { padding: 40px 0; }\n  .mg-ep .section-header   { margin-bottom: 28px; padding: 0 16px; }\n  .mg-ep .carousel-wrapper {\n    mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent) !important;\n    -webkit-mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent) !important;\n  }\n  .mg-ep .carousel-track   { gap: 16px; padding: 0 16px; animation-duration: 22s; }\n  .mg-ep .project-card     { flex: 0 0 260px; }\n  .mg-ep .viewer-container { height: 160px; }\n  .mg-ep .project-info     { padding: 14px 16px; }\n  .mg-ep .project-title    { font-size: 1.3rem; }\n  .mg-ep .project-desc     { font-size: 0.75rem; }\n  .mg-ep .cta-container    { margin-top: 28px; padding: 0 16px; }\n  .mg-ep .view-all-btn     { font-size: 0.85rem; padding: 12px 24px; letter-spacing: 2px; }\n}\n\n@media (max-width: 480px) {\n  .mg-ep {\n    padding-left:  12px;\n    padding-right: 12px;\n  }\n  .mg-ep .projects-section {\n    width:       calc(100% + 24px);\n    margin-left: -12px;\n  }\n  .mg-ep .projects-section { padding: 30px 0; }\n  .mg-ep .section-header   { padding: 0 12px; }\n  .mg-ep .section-tag      { font-size: 0.6rem; letter-spacing: 2px; }\n  .mg-ep .carousel-wrapper {\n    mask-image: none !important;\n    -webkit-mask-image: none !important;\n  }\n  .mg-ep .carousel-track   { gap: 12px; padding: 0 12px; animation-duration: 18s; }\n  .mg-ep .project-card     { flex: 0 0 240px; }\n  .mg-ep .viewer-container { height: 150px; }\n  .mg-ep .project-category { font-size: 0.6rem; }\n  .mg-ep .project-title    { font-size: 1.2rem; letter-spacing: 1.5px; }\n  .mg-ep .project-desc     { font-size: 0.7rem; }\n  .mg-ep .cta-container    { padding: 0 12px; margin-top: 24px; }\n  .mg-ep .view-all-btn     { font-size: 0.8rem; padding: 11px 20px; letter-spacing: 1.5px; }\n}\n\n@media (max-width: 380px) {\n  .mg-ep .carousel-track   { padding: 0 8px; gap: 10px; }\n  .mg-ep .project-card     { flex: 0 0 220px; }\n  .mg-ep .viewer-container { height: 140px; }\n  .mg-ep .cta-container    { padding: 0 8px; }\n}\n\n\/* \u2705 Disable hover lift on touch \u2014 prevents stuck states *\/\n@media (hover: none) {\n  .mg-ep .project-card:hover { transform: none; border-color: var(--glass-border); box-shadow: none; }\n  .mg-ep .carousel-track:hover { animation-play-state: running; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-ep .carousel-track { animation: none; }\n}\n<\/style>\n\n<div class=\"mg-ep\">\n  <section class=\"projects-section\">\n\n    <div class=\"section-header\">\n      <span class=\"section-tag\">\u041d\u0430\u0448\u0435 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/span>\n      <h2 class=\"section-title\">\u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b<\/h2>\n    <\/div>\n\n    <div class=\"carousel-wrapper\">\n      <div class=\"carousel-track\">\n\n        <!-- Project 1 \u2014 Economizer -->\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/Economizer2.glb\" alt=\"\u042d\u043a\u043e\u043d\u043e\u043c\u0430\u0439\u0437\u0435\u0440\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"eager\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u042d\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u043a\u0430<\/span>\n            <h3 class=\"project-title\">\u041f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u044b\u0439 \u044d\u043a\u043e\u043d\u043e\u043c\u0430\u0439\u0437\u0435\u0440<\/h3>\n            <p class=\"project-desc\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u0443\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0442\u0435\u043f\u043b\u0430 \u0434\u044b\u043c\u043e\u0432\u044b\u0445 \u0433\u0430\u0437\u043e\u0432 \u043a\u043e\u0442\u043b\u043e\u0432, \u043f\u0435\u0447\u0435\u0439, \u0441\u0443\u0448\u0438\u043b\u044c\u043d\u044b\u0445 \u043a\u0430\u043c\u0435\u0440. \u041f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0445 \u0442\u0435\u043f\u043b\u043e\u0441\u043d\u0430\u0431\u0436\u0435\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0439 \u0442\u0435\u043f\u043b\u043e\u044d\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u043a\u0435.<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Project 2 \u2014 Reactor -->\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/Reactor2.glb\" alt=\"\u0420\u0435\u0430\u043a\u0442\u043e\u0440\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"lazy\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u042d\u043a\u043e\u043b\u043e\u0433\u0438\u044f<\/span>\n            <h3 class=\"project-title\">\u0420\u0435\u0430\u043a\u0442\u043e\u0440 \u0442\u0435\u0440\u043c\u043e\u043a\u0430\u0442\u0430\u043b\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043e\u043a\u0438\u0441\u043b\u0435\u043d\u0438\u044f<\/h3>\n            <p class=\"project-desc\">\u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0442\u0435\u0440\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0441\u0430\u0434\u043a\u043e\u0432 \u0441\u0442\u043e\u0447\u043d\u044b\u0445 \u0432\u043e\u0434. \u041e\u043a\u0438\u0441\u043b\u044f\u0435\u0442 \u0432\u043b\u0430\u0436\u043d\u044b\u0435 \u043e\u0441\u0430\u0434\u043a\u0438 \u043a\u0438\u0441\u043b\u043e\u0440\u043e\u0434\u043e\u043c \u0432 \u043f\u0441\u0435\u0432\u0434\u043e\u043e\u0436\u0438\u0436\u0435\u043d\u043d\u043e\u043c \u0441\u043b\u043e\u0435.<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Project 3 \u2014 Reservoir -->\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/Reservoir6.glb\" alt=\"\u0420\u0435\u0437\u0435\u0440\u0432\u0443\u0430\u0440\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"lazy\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u041d\u0435\u0444\u0442\u0435\u0433\u0430\u0437<\/span>\n            <h3 class=\"project-title\">\u0420\u0412\u0421-200\u043c\u00b3<\/h3>\n            <p class=\"project-desc\">\u0420\u0435\u0437\u0435\u0440\u0432\u0443\u0430\u0440 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u043e\u0431\u044a\u0451\u043c\u043e\u043c 200 \u043c\u00b3 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043d\u0435\u0444\u0442\u0435\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u043d\u0430 \u043d\u0435\u0444\u0442\u0435\u0431\u0430\u0437\u0430\u0445, \u0410\u0417\u0421 \u0438 \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u0445.<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Project 4 \u2014 Oil Tank -->\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/OilTank11.glb\" alt=\"\u041c\u0430\u0441\u043b\u043e\u0431\u0430\u043a\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"lazy\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/span>\n            <h3 class=\"project-title\">\u041c\u0430\u0441\u043b\u043e\u0431\u0430\u043a 1000\u043b<\/h3>\n            <p class=\"project-desc\">\u0401\u043c\u043a\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0441\u0438\u0441\u0442\u0435\u043c \u0441\u043c\u0430\u0437\u043a\u0438 \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u0441 \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u0435\u0439.<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- Project 5 \u2014 Recuperator -->\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/Recuperator5.glb\" alt=\"\u0420\u0435\u043a\u0443\u043f\u0435\u0440\u0430\u0442\u043e\u0440\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"lazy\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u042d\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u043a\u0430<\/span>\n            <h3 class=\"project-title\">\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0440\u0435\u043a\u0443\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0442\u0435\u043f\u043b\u0430<\/h3>\n            <p class=\"project-desc\">\u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441 \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u0430 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043f\u043b\u043e\u0432\u043e\u0439 \u044d\u043d\u0435\u0440\u0433\u0438\u0438 \u043e\u0442\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0434\u044b\u043c\u043e\u0432\u044b\u0445 \u0433\u0430\u0437\u043e\u0432, \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0431\u0440\u043e\u0441\u043e\u0432.<\/p>\n          <\/div>\n        <\/article>\n\n        <!-- \u2550\u2550\u2550 CLONES for seamless loop \u2550\u2550\u2550 -->\n\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/Economizer2.glb\" alt=\"\u042d\u043a\u043e\u043d\u043e\u043c\u0430\u0439\u0437\u0435\u0440\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"lazy\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u042d\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u043a\u0430<\/span>\n            <h3 class=\"project-title\">\u041f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u044b\u0439 \u044d\u043a\u043e\u043d\u043e\u043c\u0430\u0439\u0437\u0435\u0440<\/h3>\n            <p class=\"project-desc\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0434\u043b\u044f \u0443\u0442\u0438\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u0442\u0435\u043f\u043b\u0430 \u0434\u044b\u043c\u043e\u0432\u044b\u0445 \u0433\u0430\u0437\u043e\u0432 \u043a\u043e\u0442\u043b\u043e\u0432, \u043f\u0435\u0447\u0435\u0439, \u0441\u0443\u0448\u0438\u043b\u044c\u043d\u044b\u0445 \u043a\u0430\u043c\u0435\u0440. \u041f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0445 \u0442\u0435\u043f\u043b\u043e\u0441\u043d\u0430\u0431\u0436\u0435\u043d\u0438\u044f \u0438 \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0439 \u0442\u0435\u043f\u043b\u043e\u044d\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u043a\u0435.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/Reactor2.glb\" alt=\"\u0420\u0435\u0430\u043a\u0442\u043e\u0440\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"lazy\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u042d\u043a\u043e\u043b\u043e\u0433\u0438\u044f<\/span>\n            <h3 class=\"project-title\">\u0420\u0435\u0430\u043a\u0442\u043e\u0440 \u0442\u0435\u0440\u043c\u043e\u043a\u0430\u0442\u0430\u043b\u0438\u0442\u0438\u0447\u0435\u0441\u043a\u043e\u0433\u043e \u043e\u043a\u0438\u0441\u043b\u0435\u043d\u0438\u044f<\/h3>\n            <p class=\"project-desc\">\u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0439 \u044d\u043b\u0435\u043c\u0435\u043d\u0442 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u0442\u0435\u0440\u043c\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0441\u0430\u0434\u043a\u043e\u0432 \u0441\u0442\u043e\u0447\u043d\u044b\u0445 \u0432\u043e\u0434. \u041e\u043a\u0438\u0441\u043b\u044f\u0435\u0442 \u0432\u043b\u0430\u0436\u043d\u044b\u0435 \u043e\u0441\u0430\u0434\u043a\u0438 \u043a\u0438\u0441\u043b\u043e\u0440\u043e\u0434\u043e\u043c \u0432 \u043f\u0441\u0435\u0432\u0434\u043e\u043e\u0436\u0438\u0436\u0435\u043d\u043d\u043e\u043c \u0441\u043b\u043e\u0435.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/Reservoir6.glb\" alt=\"\u0420\u0435\u0437\u0435\u0440\u0432\u0443\u0430\u0440\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"lazy\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u041d\u0435\u0444\u0442\u0435\u0433\u0430\u0437<\/span>\n            <h3 class=\"project-title\">\u0420\u0412\u0421-200\u043c\u00b3<\/h3>\n            <p class=\"project-desc\">\u0420\u0435\u0437\u0435\u0440\u0432\u0443\u0430\u0440 \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0430\u043b\u044c\u043d\u043e\u0439 \u043e\u0431\u044a\u0451\u043c\u043e\u043c 200 \u043c\u00b3 \u0434\u043b\u044f \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043d\u0435\u0444\u0442\u0435\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u043d\u0430 \u043d\u0435\u0444\u0442\u0435\u0431\u0430\u0437\u0430\u0445, \u0410\u0417\u0421 \u0438 \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u0430\u0445.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/OilTank11.glb\" alt=\"\u041c\u0430\u0441\u043b\u043e\u0431\u0430\u043a\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"lazy\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u041e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u0435<\/span>\n            <h3 class=\"project-title\">\u041c\u0430\u0441\u043b\u043e\u0431\u0430\u043a 1000\u043b<\/h3>\n            <p class=\"project-desc\">\u0401\u043c\u043a\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0441\u0438\u0441\u0442\u0435\u043c \u0441\u043c\u0430\u0437\u043a\u0438 \u043f\u0440\u043e\u043c\u044b\u0448\u043b\u0435\u043d\u043d\u043e\u0433\u043e \u043e\u0431\u043e\u0440\u0443\u0434\u043e\u0432\u0430\u043d\u0438\u044f \u0441 \u0444\u0438\u043b\u044c\u0442\u0440\u0430\u0446\u0438\u0435\u0439.<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"project-card\">\n          <div class=\"viewer-container\">\n            <model-viewer src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/06\/Recuperator5.glb\" alt=\"\u0420\u0435\u043a\u0443\u043f\u0435\u0440\u0430\u0442\u043e\u0440\"\n              camera-controls disable-zoom auto-rotate rotation-per-second=\"25deg\"\n              shadow-intensity=\"1.2\" shadow-softness=\"0\" exposure=\"1.1\"\n              environment-image=\"neutral\"\n              camera-orbit=\"45deg 70deg 105%\"\n              interaction-prompt=\"none\" loading=\"lazy\"><\/model-viewer>\n            <div class=\"rotate-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c-1.657 0-3-4.03-3-9s1.343-9 3-9m0 18c1.657 0 3-4.03 3-9s-1.343-9-3-9m-9 9a9 9 0 019-9\"\/><\/svg><\/div>\n          <\/div>\n          <div class=\"project-info\">\n            <span class=\"project-category\">\u042d\u043d\u0435\u0440\u0433\u0435\u0442\u0438\u043a\u0430<\/span>\n            <h3 class=\"project-title\">\u0421\u0438\u0441\u0442\u0435\u043c\u0430 \u0440\u0435\u043a\u0443\u043f\u0435\u0440\u0430\u0446\u0438\u0438 \u0442\u0435\u043f\u043b\u0430<\/h3>\n            <p class=\"project-desc\">\u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441 \u0434\u043b\u044f \u0441\u0431\u043e\u0440\u0430 \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u044f \u0442\u0435\u043f\u043b\u043e\u0432\u043e\u0439 \u044d\u043d\u0435\u0440\u0433\u0438\u0438 \u043e\u0442\u0445\u043e\u0434\u044f\u0449\u0438\u0445 \u0434\u044b\u043c\u043e\u0432\u044b\u0445 \u0433\u0430\u0437\u043e\u0432, \u0432\u0435\u043d\u0442\u0438\u043b\u044f\u0446\u0438\u043e\u043d\u043d\u044b\u0445 \u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u0438\u0447\u0435\u0441\u043a\u0438\u0445 \u0441\u0431\u0440\u043e\u0441\u043e\u0432.<\/p>\n          <\/div>\n        <\/article>\n\n      <\/div><!-- \/.carousel-track -->\n    <\/div><!-- \/.carousel-wrapper -->\n\n    <div class=\"cta-container\">\n      <a href=\"https:\/\/mechanogurus.ru\/?page_id=1714\" class=\"view-all-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n        \u0421\u043c\u043e\u0442\u0440\u0435\u0442\u044c \u0432\u0441\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u044b\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\n        <\/svg>\n      <\/a>\n    <\/div>\n\n  <\/section>\n<\/div><!-- \/.mg-ep -->\n\n<script>\n(function () {\n  document.querySelectorAll('.mg-ep model-viewer').forEach(function (viewer) {\n    viewer.addEventListener('camera-change', function (e) {\n      if (e.detail && e.detail.source === 'user-interaction') {\n        viewer.autoRotate = false;\n        clearTimeout(viewer._mgResume);\n        viewer._mgResume = setTimeout(function () {\n          viewer.autoRotate = true;\n        }, 3000);\n      }\n    });\n  });\n})();\n<\/script>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-background-color has-text-color has-link-color has-system-font-font-family has-large-font-size wp-elements-7f7c7152b5fdd1d9e61dd988f511de95\" style=\"font-style:normal;font-weight:400\"><strong><strong><strong>\u041a\u0430\u043a \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u0430\u0448\u0435\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430?<\/strong><\/strong><\/strong><\/h2>\n\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=JetBrains+Mono:wght@400;500;600;700&#038;family=Inter:wght@400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2705 Scoped reset \u2014 does NOT leak into WordPress *\/\n.mg-calc,\n.mg-calc *,\n.mg-calc *::before,\n.mg-calc *::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n\/* \u2705 NO body\/html rules \u2014 inherits WP theme *\/\n.mg-calc {\n  --gold:          #F2B839;\n  --orange:        #E1830F;\n  --gold-dim:      rgba(242,184,57,0.12);\n  --orange-dim:    rgba(225,131,15,0.08);\n  --bg-dark:       #08080c;\n  --bg-card:       rgba(16,16,24,0.9);\n  --bg-glass:      rgba(24,24,36,0.7);\n  --text-primary:  #f5f5f8;\n  --text-secondary:rgba(245,245,248,0.65);\n  --text-muted:    rgba(245,245,248,0.4);\n  --border-subtle: rgba(242,184,57,0.15);\n  --border-glow:   rgba(242,184,57,0.4);\n\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  color: var(--text-primary);\n  \n  \/* \u2705 Header method: max-width + margin:auto + padding for edge gap *\/\n  max-width: 1300px;\n  margin:    0 auto;\n  padding:   clamp(2rem, 4vw, 3rem) 25px;\n  position:  relative;\n  overflow:  hidden;\n}\n\n\/* \u2500\u2500 Header \u2500\u2500 *\/\n.mg-calc .calc-header {\n  text-align:    center;\n  margin-bottom: 4rem;\n}\n\n.mg-calc .calc-badge {\n  display:       inline-flex;\n  align-items:   center;\n  gap:           0.6rem;\n  padding:       0.5rem 1.25rem;\n  background:    var(--bg-glass);\n  border:        1px solid var(--border-subtle);\n  border-radius: 100px;\n  font-size:     0.7rem;\n  font-weight:   500;\n  text-transform: uppercase;\n  letter-spacing: 0.15em;\n  color:         var(--gold);\n  margin-bottom: 1.75rem;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n}\n\n.mg-calc .calc-badge::before {\n  content:     '';\n  width:       6px;\n  height:      6px;\n  background:  var(--gold);\n  border-radius: 50%;\n  box-shadow:  0 0 12px var(--gold);\n}\n\n.mg-calc .calc-header h2 {\n  font-size:     clamp(1.8rem, 4vw, 3rem);\n  font-weight:   700;\n  background:    linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  margin-bottom: 1rem;\n  letter-spacing: -0.02em;\n}\n\n.mg-calc .calc-header p {\n  font-size:  1.1rem;\n  color:      var(--text-secondary);\n  max-width:  500px;\n  margin:     0 auto;\n  line-height: 1.6;\n}\n\n\/* \u2500\u2500 Formula card \u2500\u2500 *\/\n.mg-calc .formula-card {\n  padding:  1.5rem 3rem 2rem;\n  position: relative;\n  overflow: hidden;\n}\n\n.mg-calc .formula-title-row {\n  display:     flex;\n  align-items: center;\n  gap:         1.25rem;\n  margin-bottom: 1.5rem;\n  position:    relative;\n  z-index:     1;\n}\n\n.mg-calc .formula-icon {\n  width:          56px;\n  height:         56px;\n  background:     linear-gradient(145deg, var(--gold), var(--orange));\n  border-radius:  14px;\n  display:        flex;\n  align-items:    center;\n  justify-content: center;\n  font-family:    'JetBrains Mono', monospace;\n  font-size:      1.5rem;\n  font-weight:    700;\n  color:          var(--bg-dark);\n  box-shadow:     0 8px 32px rgba(242,184,57,0.3);\n  flex-shrink:    0;\n}\n\n.mg-calc .formula-title-text h3 {\n  font-size:     1.5rem;\n  font-weight:   600;\n  color:         var(--text-primary);\n  margin-bottom: 0.25rem;\n}\n\n.mg-calc .formula-title-text p {\n  font-size: 0.875rem;\n  color:     var(--text-secondary);\n}\n\n\/* \u2500\u2500 Differentiator \u2500\u2500 *\/\n.mg-calc .differentiator {\n  display:       flex;\n  align-items:   center;\n  gap:           1.25rem;\n  padding:       1.25rem 1.5rem;\n  margin-bottom: 2rem;\n  background:    linear-gradient(135deg, rgba(242,184,57,0.08), rgba(225,131,15,0.04));\n  border-left:   3px solid var(--gold);\n  border-radius: 0 12px 12px 0;\n  position:      relative;\n  z-index:       1;\n}\n\n.mg-calc .differentiator p {\n  font-size:   1rem;\n  font-weight: 500;\n  color:       var(--text-primary);\n  line-height: 1.6;\n}\n\n\/* \u2500\u2500 Formula equation \u2500\u2500 *\/\n.mg-calc .formula-equation {\n  display:         flex;\n  align-items:     center;\n  justify-content: center;\n  flex-wrap:       wrap;\n  gap:             0.75rem;\n  font-family:     'JetBrains Mono', monospace;\n  font-size:       clamp(0.9rem, 2.5vw, 1.35rem);\n  position:        relative;\n  z-index:         1;\n  background:      rgba(0,0,0,0.4);\n  border:          1px solid var(--border-subtle);\n  border-radius:   16px;\n  padding:         2rem 2.5rem;\n  margin-bottom:   2.5rem;\n}\n\n.mg-calc .formula-var {\n  color:       var(--gold);\n  font-weight: 600;\n  position:    relative;\n}\n\n.mg-calc .formula-var.result {\n  font-size:   1.1em;\n  background:  linear-gradient(135deg, var(--gold), var(--orange));\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n}\n\n.mg-calc .formula-op       { color: var(--text-muted); font-weight: 400; }\n.mg-calc .formula-bracket  { color: var(--text-secondary); }\n.mg-calc .formula-func     { color: var(--orange); font-weight: 500; }\n\n.mg-calc .formula-fraction {\n  display:        inline-flex;\n  flex-direction: column;\n  align-items:    center;\n  vertical-align: middle;\n}\n\n.mg-calc .formula-numerator {\n  display:     flex;\n  align-items: center;\n  gap:         0.5rem;\n  padding:     0.5rem 1rem;\n}\n\n.mg-calc .formula-divider {\n  width:      100%;\n  height:     2px;\n  background: linear-gradient(90deg, transparent, var(--gold), transparent);\n  margin:     0.25rem 0;\n}\n\n.mg-calc .formula-denominator { padding: 0.5rem 1rem; }\n\n.mg-calc .formula-var.discount {\n  color:       #4ade80;\n  font-weight: 700;\n  font-size:   1.2em;\n}\n\n\/* \u2500\u2500 Legend grid \u2500\u2500 *\/\n.mg-calc .legend-grid {\n  display:               grid;\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\n  gap:                   1rem;\n  position:              relative;\n  z-index:               1;\n}\n\n.mg-calc .legend-item {\n  display:     flex;\n  align-items: flex-start;\n  gap:         1rem;\n  padding:     1.25rem;\n  background:  rgba(0,0,0,0.3);\n  border:      1px solid rgba(255,255,255,0.04);\n  border-radius: 12px;\n  transition:  all 0.3s ease;\n}\n\n.mg-calc .legend-item:hover {\n  background:   rgba(242,184,57,0.05);\n  border-color: var(--border-subtle);\n  transform:    translateY(-2px);\n}\n\n.mg-calc .legend-symbol {\n  font-family:   'JetBrains Mono', monospace;\n  font-size:     1rem;\n  font-weight:   600;\n  color:         var(--gold);\n  min-width:     50px;\n  padding:       0.5rem 0;\n  text-align:    center;\n  background:    rgba(242,184,57,0.1);\n  border-radius: 6px;\n  flex-shrink:   0;\n}\n\n.mg-calc .legend-content { flex: 1; }\n\n.mg-calc .legend-label {\n  font-size:     0.9rem;\n  font-weight:   500;\n  color:         var(--text-primary);\n  margin-bottom: 0.25rem;\n}\n\n.mg-calc .legend-desc {\n  font-size:   0.8rem;\n  color:       var(--text-secondary);\n  line-height: 1.5;\n}\n\n.mg-calc .legend-item.legend-discount {\n  background:   rgba(74,222,128,0.05);\n  border-color: rgba(74,222,128,0.15);\n}\n\n.mg-calc .legend-item.legend-discount:hover {\n  background:   rgba(74,222,128,0.1);\n  border-color: rgba(74,222,128,0.3);\n}\n\n.mg-calc .legend-symbol.discount {\n  background: rgba(74,222,128,0.15);\n  color:      #4ade80;\n}\n\n\/* \u2500\u2500 Note \u2500\u2500 *\/\n.mg-calc .formula-note {\n  margin-top:  1.25rem;\n  padding-top: 1.25rem;\n  border-top:  1px solid rgba(255,255,255,0.06);\n  display:     flex;\n  align-items: center;\n  gap:         1rem;\n  position:    relative;\n  z-index:     1;\n}\n\n.mg-calc .note-icon {\n  width:           40px;\n  height:          40px;\n  background:      rgba(242,184,57,0.1);\n  border:          1px solid var(--border-subtle);\n  border-radius:   10px;\n  display:         flex;\n  align-items:     center;\n  justify-content: center;\n  font-size:       1.1rem;\n  flex-shrink:     0;\n}\n\n.mg-calc .note-text {\n  font-size:   0.875rem;\n  color:       var(--text-secondary);\n  line-height: 1.6;\n}\n\n.mg-calc .note-text strong {\n  color:       var(--gold);\n  font-weight: 500;\n}\n\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\n@media (max-width: 768px) {\n  .mg-calc {\n    padding: clamp(1.5rem, 3vw, 2rem) 16px;\n  }\n  .mg-calc .calc-header { margin-bottom: 2.5rem; }\n  .mg-calc .formula-card {\n    padding:       2rem 1.5rem;\n    border-radius: 20px;\n  }\n  .mg-calc .formula-title-row {\n    flex-direction: column;\n    text-align:     center;\n  }\n  .mg-calc .formula-equation {\n    gap:     0.5rem;\n    padding: 1.5rem 1rem;\n  }\n  .mg-calc .legend-grid { grid-template-columns: 1fr; }\n  .mg-calc .formula-note {\n    flex-direction: column;\n    text-align:     center;\n  }\n}\n\n@media (max-width: 480px) {\n  .mg-calc { padding: 1.25rem 12px; }\n  .mg-calc .calc-header h2 { font-size: 1.6rem; }\n  .mg-calc .calc-header p  { font-size: 1rem; }\n  .mg-calc .formula-card   { padding: 1.5rem 1rem; }\n  .mg-calc .formula-equation { padding: 1.25rem 0.75rem; font-size: 0.85rem; }\n  .mg-calc .differentiator   { padding: 1rem; }\n}\n\n@media (max-width: 360px) {\n  .mg-calc { padding: 1rem 8px; }\n  .mg-calc .calc-header h2 { font-size: 1.4rem; }\n  .mg-calc .formula-equation { font-size: 0.75rem; }\n}\n\n@media (hover: none) {\n  .mg-calc .legend-item:hover {\n    transform:    none;\n    background:   rgba(0,0,0,0.3);\n    border-color: rgba(255,255,255,0.04);\n  }\n}\n<\/style>\n\n<div class=\"mg-calc\">\n  <section class=\"calc-section\">\n\n    <div class=\"formula-card\">\n\n      <div class=\"differentiator\">\n        <p>\u041d\u0430\u0448\u0435 \u043a\u043b\u044e\u0447\u0435\u0432\u043e\u0435 \u043e\u0442\u043b\u0438\u0447\u0438\u0435 \u2014 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435 \u0441\u043d\u0438\u0436\u0435\u043d\u0438\u0435 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u043e\u0433\u043e \u043d\u043e\u0440\u043c\u043e-\u0447\u0430\u0441\u0430 \u0437\u0430 \u0441\u0447\u0451\u0442 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0447\u0438\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432.<\/p>\n      <\/div>\n\n      <div class=\"formula-equation\">\n        <span class=\"formula-var result\">\u0426\u0435\u043d\u0430<\/span>\n        <span class=\"formula-op\">=<\/span>\n        <span class=\"formula-fraction\">\n          <span class=\"formula-numerator\">\n            <span class=\"formula-bracket\">(<\/span>\n            <span class=\"formula-op\">\u03a3<\/span>\n            <span class=\"formula-var\">\u0427<sub>i<\/sub><\/span>\n            <span class=\"formula-bracket\">)<\/span>\n            <span class=\"formula-op\">\u00d7<\/span>\n            <span class=\"formula-var\">\u041c<sub>\u0442\u0435\u0445<\/sub><\/span>\n            <span class=\"formula-op\">\u00d7<\/span>\n            <span class=\"formula-func\">min<\/span>\n            <span class=\"formula-bracket\">(<\/span>\n            <span class=\"formula-op\">\u220f<\/span>\n            <span class=\"formula-var\">\u041c<sub>j<\/sub><\/span>\n            <span class=\"formula-op\">,<\/span>\n            <span class=\"formula-var\">\u041c<sub>\u043b\u0438\u043c<\/sub><\/span>\n            <span class=\"formula-bracket\">)<\/span>\n            <span class=\"formula-op\">\u00d7<\/span>\n            <span class=\"formula-var\">T<\/span>\n            <span class=\"formula-op\">\u00d7<\/span>\n            <span class=\"formula-var\">R<\/span>\n          <\/span>\n          <span class=\"formula-divider\"><\/span>\n          <span class=\"formula-denominator\">\n            <span class=\"formula-var discount\">D<\/span>\n          <\/span>\n        <\/span>\n      <\/div>\n\n      <div class=\"legend-grid\">\n        <div class=\"legend-item\">\n          <div class=\"legend-symbol\">\u03a3 \u0427<sub>i<\/sub><\/div>\n          <div class=\"legend-content\">\n            <div class=\"legend-label\">\u0411\u0430\u0437\u043e\u0432\u044b\u0435 \u0447\u0430\u0441\u044b<\/div>\n            <div class=\"legend-desc\">\u0421\u0443\u043c\u043c\u0430 \u0442\u0440\u0443\u0434\u043e\u0437\u0430\u0442\u0440\u0430\u0442 \u043f\u043e \u0432\u0441\u0435\u043c \u0437\u0430\u0434\u0430\u0447\u0430\u043c \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"legend-item\">\n          <div class=\"legend-symbol\">\u041c<sub>\u0442\u0435\u0445<\/sub><\/div>\n          <div class=\"legend-content\">\n            <div class=\"legend-label\">\u0422\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043c\u043d\u043e\u0436\u0438\u0442\u0435\u043b\u044c<\/div>\n            <div class=\"legend-desc\">\u0423\u0447\u0438\u0442\u044b\u0432\u0430\u0435\u0442 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0438 \u043d\u043e\u0432\u0438\u0437\u043d\u0443 \u0440\u0435\u0448\u0435\u043d\u0438\u0439<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"legend-item\">\n          <div class=\"legend-symbol\">\u220f \u041c<sub>j<\/sub><\/div>\n          <div class=\"legend-content\">\n            <div class=\"legend-label\">\u0424\u0430\u043a\u0442\u043e\u0440\u044b \u0440\u0438\u0441\u043a\u0430<\/div>\n            <div class=\"legend-desc\">\u041d\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u043e\u0441\u0442\u044c \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439, \u043f\u043e\u0441\u0442\u0430\u0432\u0449\u0438\u043a\u0438<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"legend-item\">\n          <div class=\"legend-symbol\">T<\/div>\n          <div class=\"legend-content\">\n            <div class=\"legend-label\">\u0421\u0440\u043e\u0447\u043d\u043e\u0441\u0442\u044c<\/div>\n            <div class=\"legend-desc\">\u041a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438 \u2014 \u0437\u0430\u0432\u0438\u0441\u0438\u0442 \u043e\u0442 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"legend-item\">\n          <div class=\"legend-symbol\">R<\/div>\n          <div class=\"legend-content\">\n            <div class=\"legend-label\">\u0421\u0442\u0430\u0432\u043a\u0430 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u0430<\/div>\n            <div class=\"legend-desc\">500 \u2013 2 500 \u20bd\/\u0447 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0437\u0430\u0434\u0430\u0447<\/div>\n          <\/div>\n        <\/div>\n        <div class=\"legend-item legend-discount\">\n          <div class=\"legend-symbol discount\">D<\/div>\n          <div class=\"legend-content\">\n            <div class=\"legend-label\">\u0421\u043a\u0438\u0434\u043a\u0430 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0433\u043e \u043a\u043b\u0438\u0435\u043d\u0442\u0430<\/div>\n            <div class=\"legend-desc\">\u041a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u043b\u043e\u044f\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u0434\u043b\u044f \u043f\u0430\u0440\u0442\u043d\u0451\u0440\u043e\u0432<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"formula-note\">\n        <div class=\"note-icon\">\u26a1<\/div>\n        <div class=\"note-text\">\n          <strong>\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442:<\/strong> \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u0444\u0438\u043a\u0441\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u043d\u043d\u0443\u044e \u043f\u043e \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u043e\u0439 \u043c\u0435\u0442\u043e\u0434\u043e\u043b\u043e\u0433\u0438\u0438. \u041d\u0438\u043a\u0430\u043a\u0438\u0445 \u00ab\u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u00bb \u0438 \u00ab\u043d\u0430 \u0433\u043b\u0430\u0437\u00bb, \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0440\u0430\u0441\u0447\u0451\u0442\u043e\u0432 \u043f\u043e \u0444\u043e\u0440\u043c\u0430\u0442\u0443 \u0447\u0435\u0440\u0442\u0435\u0436\u0430 \u2014 \u0442\u043e\u043b\u044c\u043a\u043e \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0439 \u043f\u043e\u0434\u0445\u043e\u0434.\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/section>\n<\/div><!-- \/.mg-calc -->\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-background-color has-text-color has-link-color has-system-font-font-family has-large-font-size wp-elements-9c8e6fec10bbf28feb5eaca65f2d6c25\" style=\"font-style:normal;font-weight:400\"><strong><strong><strong><strong>\u041d\u0435\u0442\u043e\u0447\u043d\u043e\u0435 \u0422\u0417 = \u0420\u0438\u0441\u043a\u0438 \u0438 \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u043a\u0438.<\/strong><\/strong><\/strong><\/strong><\/h2>\n\n\n\n<p class=\"has-text-align-center\"><strong>\u041a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0439 \u043e\u0442\u0432\u0435\u0442 \u043d\u0430 \u0422\u0417 \u0442\u0440\u0435\u0431\u0443\u0435\u0442 \u0432\u0440\u0435\u043c\u0435\u043d\u0438. \u041c\u044b \u043d\u0435 \u0443\u043b\u043e\u0436\u0438\u043c\u0441\u044f \u0432 24 \u0447\u0430\u0441\u0430, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u0442\u0449\u0430\u0442\u0435\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u0434\u0435\u0442\u0430\u043b\u0438.<\/strong><\/p>\n\n\n\n<style>\n\/* \u2705 Scoped reset \u2014 does NOT leak into WordPress *\/\n.mg-influence,\n.mg-influence *,\n.mg-influence *::before,\n.mg-influence *::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n\/* \u2705 NO body\/html rules \u2014 inherits WP theme *\/\n.mg-influence {\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  color: #fff;\n  \n  \/* \u2705 Header method: max-width + margin:auto + padding for edge gap *\/\n  max-width: 1000px;\n  margin:    0 auto;\n  padding:   clamp(1.25rem, 3vw, 2.5rem) 25px;\n}\n\n.mg-influence .chart-container {\n  position: relative;\n  padding:  40px;\n  padding-left: 60px;\n}\n\n\/* \u2500\u2500 SVG Chart \u2500\u2500 *\/\n.mg-influence .chart-svg {\n  width:  100%;\n  height: 350px;\n}\n\n.mg-influence .influence-curve {\n  fill:            none;\n  stroke:          #2d8a4e;\n  stroke-width:    4;\n  stroke-linecap:  round;\n  filter:          drop-shadow(0 0 10px rgba(45,138,78,0.5));\n  stroke-dasharray: 1000;\n  stroke-dashoffset: 1000;\n  animation:       mg-inf-draw 2s ease-out forwards;\n}\n\n.mg-influence .cost-curve {\n  fill:            none;\n  stroke:          #E1830F;\n  stroke-width:    4;\n  stroke-linecap:  round;\n  filter:          drop-shadow(0 0 10px rgba(225,131,15,0.5));\n  stroke-dasharray: 1000;\n  stroke-dashoffset: 1000;\n  animation:       mg-inf-draw 2s ease-out 0.5s forwards;\n}\n\n@keyframes mg-inf-draw {\n  to { stroke-dashoffset: 0; }\n}\n\n.mg-influence .influence-area {\n  fill:      url(#mg-inf-influenceGradient);\n  opacity:   0;\n  animation: mg-inf-fade 1s ease-out 1.5s forwards;\n}\n\n.mg-influence .cost-area {\n  fill:      url(#mg-inf-costGradient);\n  opacity:   0;\n  animation: mg-inf-fade 1s ease-out 2s forwards;\n}\n\n@keyframes mg-inf-fade {\n  to { opacity: 0.3; }\n}\n\n\/* \u2500\u2500 Phase labels \u2500\u2500 *\/\n.mg-influence .phase-labels {\n  display:         flex;\n  justify-content: space-between;\n  margin-top:      10px;\n  padding:         0 20px;\n}\n\n.mg-influence .phase-label {\n  text-align: center;\n  font-size:  0.75rem;\n  color:      rgba(255,255,255,0.6);\n  flex:       1;\n  padding:    10px 5px;\n  border-top: 2px solid rgba(255,255,255,0.1);\n  transition: all 0.3s ease;\n  cursor:     pointer;\n}\n\n.mg-influence .phase-label:hover {\n  color:            #F2B839;\n  border-top-color: #F2B839;\n}\n\n.mg-influence .phase-label span {\n  display:       block;\n  font-size:     1.5rem;\n  margin-bottom: 5px;\n}\n\n\/* \u2500\u2500 Legend \u2500\u2500 *\/\n.mg-influence .legend {\n  display:         flex;\n  justify-content: center;\n  gap:             40px;\n  margin-top:      30px;\n}\n\n.mg-influence .legend-item {\n  display:     flex;\n  align-items: center;\n  gap:         10px;\n  font-size:   0.9rem;\n}\n\n.mg-influence .legend-color {\n  width:         30px;\n  height:        4px;\n  border-radius: 2px;\n}\n\n.mg-influence .legend-color.influence {\n  background: #2d8a4e;\n  box-shadow: 0 0 10px rgba(45,138,78,0.5);\n}\n\n.mg-influence .legend-color.cost {\n  background: #E1830F;\n  box-shadow: 0 0 10px rgba(225,131,15,0.5);\n}\n\n\/* \u2500\u2500 Tooltip \u2500\u2500 *\/\n.mg-influence .tooltip {\n  position:   absolute;\n  background: rgba(0,0,0,0.75);\n  border:     1px solid rgba(242,184,57,0.6);\n  border-radius: 10px;\n  padding:    15px 20px;\n  pointer-events: none;\n  opacity:    0;\n  transition: opacity 0.3s ease;\n  z-index:    20;\n  min-width:  220px;\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n}\n\n.mg-influence .tooltip.visible { opacity: 1; }\n\n.mg-influence .tooltip h4 {\n  color:         #F2B839;\n  margin-bottom: 8px;\n  font-size:     0.9rem;\n}\n\n.mg-influence .tooltip p {\n  font-size:   0.8rem;\n  color:       rgba(255,255,255,0.8);\n  line-height: 1.4;\n}\n\n.mg-influence .tooltip .stats {\n  display:    flex;\n  gap:        20px;\n  margin-top: 10px;\n  padding-top: 10px;\n  border-top: 1px solid rgba(255,255,255,0.1);\n}\n\n.mg-influence .tooltip .stat { text-align: center; }\n\n.mg-influence .tooltip .stat-value {\n  font-size:   1.2rem;\n  font-weight: bold;\n}\n\n.mg-influence .tooltip .stat-value.green  { color: #2d8a4e; }\n.mg-influence .tooltip .stat-value.orange { color: #E1830F; }\n\n.mg-influence .tooltip .stat-label {\n  font-size: 0.7rem;\n  color:     rgba(255,255,255,0.5);\n}\n\n\/* \u2500\u2500 Message callout \u2500\u2500 *\/\n.mg-influence .message-callout {\n  margin-top:    40px;\n  padding:       25px 30px;\n  background:    linear-gradient(135deg, rgba(225,131,15,0.1), rgba(139,58,58,0.1));\n  border-left:   4px solid #E1830F;\n  border-radius: 0 15px 15px 0;\n  position:      relative;\n  overflow:      hidden;\n}\n\n.mg-influence .message-callout::before {\n  content:   '\u26a0';\n  position:  absolute;\n  right:     20px;\n  top:       50%;\n  transform: translateY(-50%);\n  font-size: 3rem;\n  opacity:   0.1;\n}\n\n.mg-influence .message-callout h3 {\n  color:         #E1830F;\n  margin-bottom: 10px;\n  font-size:     1.1rem;\n}\n\n.mg-influence .message-callout p {\n  color:       rgba(255,255,255,0.8);\n  line-height: 1.6;\n}\n\n.mg-influence .message-callout .highlight {\n  color:       #F2B839;\n  font-weight: 600;\n}\n\n\/* \u2500\u2500 Chart interaction \u2500\u2500 *\/\n.mg-influence .chart-area {\n  position: relative;\n  cursor:   crosshair;\n}\n\n.mg-influence .y-axis-label {\n  position:   absolute;\n  left:       10px;\n  top:        50%;\n  transform:  rotate(-90deg) translateX(-50%);\n  transform-origin: left center;\n  font-size:  1rem;\n  font-weight: 500;\n  color:      rgba(255,255,255,0.7);\n  white-space: nowrap;\n}\n\n.mg-influence .guide-line {\n  position:   absolute;\n  width:      2px;\n  background: linear-gradient(to bottom, #F2B839, transparent);\n  top:        80px;\n  height:     280px;\n  pointer-events: none;\n  opacity:    0;\n  transition: opacity 0.2s ease;\n}\n\n.mg-influence .intersection-point {\n  position:   absolute;\n  width:      12px;\n  height:     12px;\n  border-radius: 50%;\n  transform:  translate(-50%, -50%);\n  pointer-events: none;\n  opacity:    0;\n  transition: opacity 0.2s ease;\n}\n\n.mg-influence .intersection-point.influence {\n  background: #2d8a4e;\n  box-shadow: 0 0 10px #2d8a4e;\n}\n\n.mg-influence .intersection-point.cost {\n  background: #E1830F;\n  box-shadow: 0 0 10px #E1830F;\n}\n\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\n@media (max-width: 768px) {\n  .mg-influence { padding: clamp(1rem, 2.5vw, 1.5rem) 16px; }\n  .mg-influence .chart-container {\n    padding:      20px;\n    padding-left: 50px;\n  }\n  .mg-influence .phase-label { font-size: 0.65rem; }\n  .mg-influence .legend {\n    flex-direction: column;\n    gap:            15px;\n    align-items:    center;\n  }\n  .mg-influence .y-axis-label { font-size: 0.85rem; }\n}\n\n@media (max-width: 480px) {\n  .mg-influence { padding: 1rem 12px; }\n  .mg-influence .chart-container {\n    padding:      15px;\n    padding-left: 40px;\n  }\n  .mg-influence .phase-label span { font-size: 1.2rem; }\n  .mg-influence .message-callout { padding: 20px; }\n}\n\n@media (max-width: 360px) {\n  .mg-influence { padding: 0.75rem 8px; }\n  .mg-influence .chart-svg { height: 280px; }\n}\n\n@media (hover: none) {\n  .mg-influence .phase-label:hover {\n    color:            rgba(255,255,255,0.6);\n    border-top-color: rgba(255,255,255,0.1);\n  }\n}\n<\/style>\n\n<div class=\"mg-influence\">\n  <div class=\"chart-container\">\n    <div class=\"y-axis-label\">\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0432\u043b\u0438\u044f\u043d\u0438\u044f \/ \u0417\u0430\u0442\u0440\u0430\u0442\u044b<\/div>\n\n    <div class=\"chart-area\" id=\"mgInfChartArea\">\n      <svg class=\"chart-svg\" viewBox=\"0 0 900 300\" preserveAspectRatio=\"none\">\n        <defs>\n          <linearGradient id=\"mg-inf-influenceGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n            <stop offset=\"0%\" style=\"stop-color:#2d8a4e;stop-opacity:0.4\"\/>\n            <stop offset=\"100%\" style=\"stop-color:#2d8a4e;stop-opacity:0\"\/>\n          <\/linearGradient>\n          <linearGradient id=\"mg-inf-costGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n            <stop offset=\"0%\" style=\"stop-color:#E1830F;stop-opacity:0.4\"\/>\n            <stop offset=\"100%\" style=\"stop-color:#E1830F;stop-opacity:0\"\/>\n          <\/linearGradient>\n        <\/defs>\n\n        <g stroke=\"rgba(255,255,255,0.05)\" stroke-width=\"1\">\n          <line x1=\"150\" y1=\"0\" x2=\"150\" y2=\"280\" stroke-dasharray=\"5,5\"\/>\n          <line x1=\"300\" y1=\"0\" x2=\"300\" y2=\"280\" stroke-dasharray=\"5,5\"\/>\n          <line x1=\"450\" y1=\"0\" x2=\"450\" y2=\"280\" stroke-dasharray=\"5,5\"\/>\n          <line x1=\"600\" y1=\"0\" x2=\"600\" y2=\"280\" stroke-dasharray=\"5,5\"\/>\n          <line x1=\"750\" y1=\"0\" x2=\"750\" y2=\"280\" stroke-dasharray=\"5,5\"\/>\n        <\/g>\n\n        <path class=\"influence-area\" d=\"M0,20 C100,20 150,25 225,80 C300,140 350,200 450,240 C550,270 700,280 900,280 L900,280 L0,280 Z\"\/>\n        <path class=\"cost-area\" d=\"M0,280 C100,278 200,275 300,260 C400,230 500,150 600,80 C700,30 800,15 900,10 L900,280 L0,280 Z\"\/>\n\n        <path class=\"influence-curve\" d=\"M0,20 C100,20 150,25 225,80 C300,140 350,200 450,240 C550,270 700,280 900,280\"\/>\n        <path class=\"cost-curve\" d=\"M0,280 C100,278 200,275 300,260 C400,230 500,150 600,80 C700,30 800,15 900,10\"\/>\n      <\/svg>\n\n      <div class=\"guide-line\" id=\"mgInfGuideLine\"><\/div>\n      <div class=\"intersection-point influence\" id=\"mgInfInfluencePoint\"><\/div>\n      <div class=\"intersection-point cost\" id=\"mgInfCostPoint\"><\/div>\n\n      <div class=\"tooltip\" id=\"mgInfTooltip\">\n        <h4 id=\"mgInfTooltipTitle\">\u042d\u0442\u0430\u043f \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/h4>\n        <p id=\"mgInfTooltipDesc\">\u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u0430\u044f \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u043b\u0438\u044f\u043d\u0438\u044f \u043f\u0440\u0438 \u043c\u0438\u043d\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0445 \u0437\u0430\u0442\u0440\u0430\u0442\u0430\u0445<\/p>\n        <div class=\"stats\">\n          <div class=\"stat\">\n            <div class=\"stat-value green\" id=\"mgInfInfluenceValue\">95%<\/div>\n            <div class=\"stat-label\">\u0412\u043b\u0438\u044f\u043d\u0438\u0435<\/div>\n          <\/div>\n          <div class=\"stat\">\n            <div class=\"stat-value orange\" id=\"mgInfCostValue\">5%<\/div>\n            <div class=\"stat-label\">\u0417\u0430\u0442\u0440\u0430\u0442\u044b<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"phase-labels\">\n      <div class=\"phase-label\" data-phase=\"0\"><span>\ud83d\udccb<\/span>\u041f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435<\/div>\n      <div class=\"phase-label\" data-phase=\"1\"><span>\ud83d\udca1<\/span>\u041a\u043e\u043d\u0446\u0435\u043f\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439<br>\u043f\u0440\u043e\u0435\u043a\u0442<\/div>\n      <div class=\"phase-label\" data-phase=\"2\"><span>\u270f\ufe0f<\/span>\u042d\u0441\u043a\u0438\u0437\u043d\u044b\u0439<br>\u043f\u0440\u043e\u0435\u043a\u0442<\/div>\n      <div class=\"phase-label\" data-phase=\"3\"><span>\ud83d\udcd0<\/span>\u0420\u0430\u0431\u043e\u0447\u0438\u0439<br>\u043f\u0440\u043e\u0435\u043a\u0442<\/div>\n      <div class=\"phase-label\" data-phase=\"4\"><span>\ud83d\udd27<\/span>\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e<\/div>\n      <div class=\"phase-label\" data-phase=\"5\"><span>\u2699\ufe0f<\/span>\u042d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u044f<\/div>\n    <\/div>\n\n    <div class=\"legend\">\n      <div class=\"legend-item\">\n        <div class=\"legend-color influence\"><\/div>\n        <span>\u0412\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u0432\u043b\u0438\u044f\u043d\u0438\u044f \u043d\u0430 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c<\/span>\n      <\/div>\n      <div class=\"legend-item\">\n        <div class=\"legend-color cost\"><\/div>\n        <span>\u0417\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"message-callout\">\n    <h3>\u0417\u043e\u043b\u043e\u0442\u043e\u0435 \u043f\u0440\u0430\u0432\u0438\u043b\u043e \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/h3>\n    <p>\n      \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043d\u0430 \u044d\u0442\u0430\u043f\u0430\u0445 <span class=\"highlight\">\u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u043a\u043e\u043d\u0446\u0435\u043f\u0442\u0443\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f<\/span> \u043f\u0440\u0430\u043a\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043d\u0438\u0447\u0435\u0433\u043e \u043d\u0435 \u0441\u0442\u043e\u044f\u0442. \n      \u0422\u0435 \u0436\u0435 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043d\u0430 \u044d\u0442\u0430\u043f\u0430\u0445 <span class=\"highlight\">\u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430 \u0438\u043b\u0438 \u044d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u0438<\/span> \u043c\u043e\u0433\u0443\u0442 \u0441\u0442\u043e\u0438\u0442\u044c \n      <span class=\"highlight\">\u0432 10-100 \u0440\u0430\u0437 \u0434\u043e\u0440\u043e\u0436\u0435<\/span> \u2014 \u0438 \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u043f\u043e\u0434 \u0443\u0433\u0440\u043e\u0437\u0443 \u0432\u0435\u0441\u044c \u0433\u0440\u0430\u0444\u0438\u043a \u043f\u0440\u043e\u0435\u043a\u0442\u0430.\n      <br><br>\n      <strong>\u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043d\u0430 \u0440\u0430\u043d\u043d\u0438\u0445 \u0441\u0442\u0430\u0434\u0438\u044f\u0445 \u2014 \u044d\u0442\u043e \u0441\u0430\u043c\u043e\u0435 \u0432\u044b\u0433\u043e\u0434\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435.<\/strong>\n    <\/p>\n  <\/div>\n<\/div><!-- \/.mg-influence -->\n\n<script>\n(function () {\n  var phaseData = [\n    {title:\"\u041f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\",desc:\"\u041e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043e\u0431\u044a\u0451\u043c\u0430, \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439 \u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u0438\u0439. \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u044b\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0432\u043b\u0438\u044f\u043d\u0438\u044f.\",influence:95,cost:3},\n    {title:\"\u041a\u043e\u043d\u0446\u0435\u043f\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\",desc:\"\u0418\u0441\u0441\u043b\u0435\u0434\u043e\u0432\u0430\u043d\u0438\u0435 \u0430\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432 \u0438 \u0432\u044b\u0431\u043e\u0440 \u043f\u043e\u0434\u0445\u043e\u0434\u0430. \u0412\u044b\u0441\u043e\u043a\u0430\u044f \u0433\u0438\u0431\u043a\u043e\u0441\u0442\u044c.\",influence:80,cost:8},\n    {title:\"\u042d\u0441\u043a\u0438\u0437\u043d\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\",desc:\"\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0439 \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u0438. \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0435\u0449\u0451 \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u044b, \u043d\u043e \u0434\u043e\u0440\u043e\u0436\u0430\u044e\u0442.\",influence:50,cost:20},\n    {title:\"\u0420\u0430\u0431\u043e\u0447\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\",desc:\"\u041f\u043e\u043b\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f. \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0443\u0436\u0435 \u0434\u043e\u0440\u043e\u0433\u0438\u0435 \u0438 \u0442\u0440\u0443\u0434\u043e\u0451\u043c\u043a\u0438\u0435.\",influence:25,cost:40},\n    {title:\"\u041f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e\",desc:\"\u042d\u0442\u0430\u043f \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u044f. \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u0442\u0440\u0435\u0431\u0443\u044e\u0442 \u043f\u0435\u0440\u0435\u0434\u0435\u043b\u043a\u0438 \u0438 \u0437\u0430\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0442 \u0441\u0440\u043e\u043a\u0438.\",influence:10,cost:75},\n    {title:\"\u042d\u043a\u0441\u043f\u043b\u0443\u0430\u0442\u0430\u0446\u0438\u044f\",desc:\"\u041f\u0440\u043e\u0435\u043a\u0442 \u0437\u0430\u0432\u0435\u0440\u0448\u0451\u043d. \u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u044f \u043a\u0440\u0430\u0439\u043d\u0435 \u0434\u043e\u0440\u043e\u0433\u0438, \u043c\u043e\u0436\u0435\u0442 \u043f\u043e\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u043f\u0435\u0440\u0435\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435.\",influence:3,cost:95}\n  ];\n\n  var chartArea = document.getElementById('mgInfChartArea');\n  var tooltip = document.getElementById('mgInfTooltip');\n  var guideLine = document.getElementById('mgInfGuideLine');\n  var influencePoint = document.getElementById('mgInfInfluencePoint');\n  var costPoint = document.getElementById('mgInfCostPoint');\n  var influencePath = document.querySelector('.mg-influence .influence-curve');\n  var costPath = document.querySelector('.mg-influence .cost-curve');\n\n  function getPointOnPath(path, targetX) {\n    var pathLength = path.getTotalLength();\n    var low = 0, high = pathLength, bestPoint = path.getPointAtLength(0);\n    for (var i = 0; i < 25; i++) {\n      var mid = (low + high) \/ 2;\n      var point = path.getPointAtLength(mid);\n      if (point.x < targetX) low = mid; else high = mid;\n      bestPoint = point;\n    }\n    return bestPoint;\n  }\n\n  function svgToScreen(svgY, chartHeight, svgHeight) {\n    return (svgY \/ svgHeight) * chartHeight;\n  }\n\n  chartArea.addEventListener('mousemove', function (e) {\n    var rect = chartArea.getBoundingClientRect();\n    var x = e.clientX - rect.left;\n    var relativeX = (x \/ rect.width) * 100;\n    var svgX = (x \/ rect.width) * 900;\n    var phaseIndex = Math.min(5, Math.floor(relativeX \/ (100 \/ 6)));\n    var phase = phaseData[phaseIndex];\n\n    var influencePointSVG = getPointOnPath(influencePath, svgX);\n    var costPointSVG = getPointOnPath(costPath, svgX);\n    var influencePercent = Math.round(100 - ((influencePointSVG.y - 20) \/ 260) * 100);\n    var costPercent = Math.round(100 - ((costPointSVG.y - 20) \/ 260) * 100);\n\n    document.getElementById('mgInfTooltipTitle').textContent = phase.title;\n    document.getElementById('mgInfTooltipDesc').textContent = phase.desc;\n    document.getElementById('mgInfInfluenceValue').textContent = Math.max(0, Math.min(100, influencePercent)) + '%';\n    document.getElementById('mgInfCostValue').textContent = Math.max(0, Math.min(100, costPercent)) + '%';\n\n    var tooltipX = Math.min(rect.width - 220, Math.max(10, x - 100));\n    var tooltipY = e.clientY - rect.top - 130;\n    tooltip.style.left = tooltipX + 'px';\n    tooltip.style.top = Math.max(10, tooltipY) + 'px';\n    tooltip.classList.add('visible');\n\n    guideLine.style.left = x + 'px';\n    guideLine.style.opacity = '1';\n\n    var influenceScreenY = svgToScreen(influencePointSVG.y, rect.height, 300);\n    var costScreenY = svgToScreen(costPointSVG.y, rect.height, 300);\n\n    influencePoint.style.left = x + 'px';\n    influencePoint.style.top = influenceScreenY + 'px';\n    influencePoint.style.opacity = '1';\n\n    costPoint.style.left = x + 'px';\n    costPoint.style.top = costScreenY + 'px';\n    costPoint.style.opacity = '1';\n  });\n\n  chartArea.addEventListener('mouseleave', function () {\n    tooltip.classList.remove('visible');\n    guideLine.style.opacity = '0';\n    influencePoint.style.opacity = '0';\n    costPoint.style.opacity = '0';\n  });\n\n  document.querySelectorAll('.mg-influence .phase-label').forEach(function (label) {\n    label.addEventListener('click', function () {\n      var phaseIndex = parseInt(label.dataset.phase);\n      var phase = phaseData[phaseIndex];\n      alert(phase.title + '\\n\\n\u0412\u043b\u0438\u044f\u043d\u0438\u0435: ' + phase.influence + '%\\n\u0417\u0430\u0442\u0440\u0430\u0442\u044b: ' + phase.cost + '%\\n\\n' + phase.desc);\n    });\n  });\n})();\n<\/script>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading has-text-align-center has-background-color has-text-color has-link-color has-system-font-font-family has-large-font-size wp-elements-87af1e0f8b98a18229425af16a627326\" style=\"font-style:normal;font-weight:400\"><strong><strong>\u041a\u0430\u043a \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c?<\/strong><\/strong><\/h2>\n\n\n\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\/* \u2705 Scoped reset \u2014 does NOT leak into WordPress *\/\n.mg-workflow,\n.mg-workflow *,\n.mg-workflow *::before,\n.mg-workflow *::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n\/* \u2705 NO body\/html rules \u2014 inherits WP theme *\/\n.mg-workflow {\n  \/* CSS Variables scoped to .mg-workflow *\/\n  --line-bg: #1e2530;\n  --text: #e9edf5;\n  --muted: #a8b2c1;\n  --card-bg: rgba(255,255,255,0.03);\n  --card-border: 1px solid rgba(255,255,255,0.08);\n  --accent-orange: #ff6b35;\n  --accent-yellow: #f7931e;\n  --accent-green: #9fe870;\n  --glow-orange: rgba(255,107,53,0.6);\n  --glow-green: rgba(159,232,112,0.6);\n  --timeline-center: 50%;\n  --rail-width: 6px;\n  --dot-size: 20px;\n  --endpoint-size: 32px;\n  --card-gap: 60px;\n  --card-max-width: 920px;\n\n  position: relative;\n  z-index: 1;\n  color: var(--text);\n  font-family: \"Manrope\", \"Segoe UI\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n  \n  \/* \u2705 Header method: max-width + margin:auto + padding for edge gap *\/\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: clamp(2.5rem, 4vw, 3.5rem) 25px clamp(3.5rem, 5vw, 5rem);\n}\n\n.mg-workflow .timeline {\n  position: relative;\n  max-width: 1360px;\n  margin: 0 auto;\n  overflow: visible;\n}\n\n\/* \u2500\u2500 Rail \u2500\u2500 *\/\n.mg-workflow .rail-container {\n  position: absolute;\n  top: 0;\n  left: var(--timeline-center);\n  width: var(--rail-width);\n  height: 100%;\n  transform: translateX(-50%);\n  pointer-events: none;\n  z-index: 0;\n}\n\n.mg-workflow .rail {\n  position: absolute;\n  top: calc(var(--endpoint-size) \/ 2 + 35px);\n  bottom: calc(var(--endpoint-size) \/ 2 + 35px);\n  left: 0;\n  width: 100%;\n  background: var(--line-bg);\n  border-radius: var(--rail-width);\n}\n\n.mg-workflow .rail-progress {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 0%;\n  background: linear-gradient(180deg, #ff6b35 0%, #f7931e 50%, #9fe870 100%);\n  border-radius: var(--rail-width);\n  transition: height 0.05s linear;\n}\n\n.mg-workflow .rail-glow {\n  position: absolute;\n  left: 50%;\n  top: 0%;\n  transform: translate(-50%, -50%);\n  width: 50px;\n  height: 50px;\n  background: radial-gradient(circle, var(--glow-orange) 0%, transparent 70%);\n  border-radius: 50%;\n  opacity: 0.9;\n  pointer-events: none;\n  transition: top 0.05s linear;\n}\n\n\/* \u2500\u2500 Endpoints \u2500\u2500 *\/\n.mg-workflow .endpoint {\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 70px;\n  z-index: 5;\n}\n\n.mg-workflow .endpoint-circle {\n  position: absolute;\n  left: var(--timeline-center);\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--endpoint-size);\n  height: var(--endpoint-size);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.mg-workflow .endpoint-core {\n  width: var(--endpoint-size);\n  height: var(--endpoint-size);\n  border-radius: 50%;\n  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\n  box-shadow: \n    0 0 20px var(--glow-orange), \n    0 0 40px var(--glow-orange),\n    0 0 60px rgba(255,107,53,0.3);\n  z-index: 2;\n}\n\n.mg-workflow .endpoint.finish .endpoint-core {\n  background: linear-gradient(135deg, #9fe870 0%, #7ed957 100%);\n  box-shadow: \n    0 0 20px var(--glow-green), \n    0 0 40px var(--glow-green),\n    0 0 60px rgba(159,232,112,0.3);\n}\n\n.mg-workflow .endpoint-pulse {\n  position: absolute;\n  width: var(--endpoint-size);\n  height: var(--endpoint-size);\n  border-radius: 50%;\n  border: 2px solid var(--accent-orange);\n  animation: mg-wf-pulse 2s ease-out infinite;\n}\n\n.mg-workflow .endpoint.finish .endpoint-pulse { border-color: var(--accent-green); }\n\n@keyframes mg-wf-pulse {\n  0%   { transform: scale(1); opacity: 1; }\n  100% { transform: scale(2.5); opacity: 0; }\n}\n\n.mg-workflow .endpoint-label {\n  position: absolute;\n  font-size: 14px;\n  font-weight: 800;\n  letter-spacing: 3px;\n  white-space: nowrap;\n}\n\n.mg-workflow .endpoint.start .endpoint-label {\n  left: calc(var(--timeline-center) + var(--endpoint-size) \/ 2 + 20px);\n  color: var(--accent-orange);\n  text-shadow: 0 0 20px var(--glow-orange);\n}\n\n.mg-workflow .endpoint.finish .endpoint-label {\n  right: calc(100% - var(--timeline-center) + var(--endpoint-size) \/ 2 + 20px);\n  color: var(--accent-green);\n  text-shadow: 0 0 20px var(--glow-green);\n}\n\n\/* \u2500\u2500 Timeline items \u2500\u2500 *\/\n.mg-workflow .item {\n  position: relative;\n  width: 100%;\n  padding: 24px 0;\n  display: flex;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 0.6s cubic-bezier(0.4,0,0.2,1),\n              transform 0.6s cubic-bezier(0.4,0,0.2,1);\n}\n\n.mg-workflow .item.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.mg-workflow .item.left {\n  justify-content: flex-start;\n  padding-right: calc(var(--timeline-center) + var(--card-gap));\n}\n\n.mg-workflow .item.right {\n  justify-content: flex-end;\n  padding-left: calc(var(--timeline-center) + var(--card-gap));\n}\n\n\/* \u2500\u2500 Dots \u2500\u2500 *\/\n.mg-workflow .dot {\n  position: absolute;\n  left: var(--timeline-center);\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--dot-size);\n  height: var(--dot-size);\n  z-index: 5;\n}\n\n.mg-workflow .dot-core {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--dot-size);\n  height: var(--dot-size);\n  border-radius: 50%;\n  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\n  box-shadow: 0 0 15px var(--glow-orange);\n  transition: all 0.4s cubic-bezier(0.4,0,0.2,1);\n}\n\n.mg-workflow .dot-ring {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: calc(var(--dot-size) + 16px);\n  height: calc(var(--dot-size) + 16px);\n  border-radius: 50%;\n  border: 2px solid rgba(255,107,53,0.3);\n  opacity: 0;\n  transition: all 0.4s ease;\n}\n\n.mg-workflow .item.active .dot-core {\n  width: calc(var(--dot-size) + 6px);\n  height: calc(var(--dot-size) + 6px);\n  background: linear-gradient(135deg, #f7931e 0%, #9fe870 100%);\n  box-shadow: \n    0 0 25px var(--glow-orange), \n    0 0 50px var(--glow-orange);\n}\n\n.mg-workflow .item.active .dot-ring {\n  opacity: 1;\n  border-color: rgba(247,147,30,0.6);\n  animation: mg-wf-dot-pulse 1.5s ease-out infinite;\n}\n\n@keyframes mg-wf-dot-pulse {\n  0%   { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }\n  100% { transform: translate(-50%, -50%) scale(2); opacity: 0; }\n}\n\n\/* \u2500\u2500 Cards \u2500\u2500 *\/\n.mg-workflow .card {\n  background: var(--card-bg);\n  backdrop-filter: blur(16px);\n  -webkit-backdrop-filter: blur(16px);\n  border-radius: 20px;\n  padding: 28px 32px;\n  box-shadow: 0 4px 30px rgba(0,0,0,0.3);\n  border: var(--card-border);\n  max-width: var(--card-max-width);\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n.mg-workflow .card::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(255,107,53,0.4), transparent);\n  opacity: 0;\n  transition: opacity 0.4s ease;\n}\n\n.mg-workflow .item.active .card::before { opacity: 1; }\n\n.mg-workflow .card:hover {\n  box-shadow: 0 8px 50px rgba(255,107,53,0.15);\n  border-color: rgba(255,107,53,0.2);\n}\n\n.mg-workflow .step-number {\n  position: absolute;\n  top: 12px;\n  right: 16px;\n  font-size: 12px;\n  font-weight: 800;\n  color: rgba(255,107,53,0.4);\n  letter-spacing: 1px;\n}\n\n.mg-workflow .title {\n  margin: 2px 0 8px;\n  font-weight: 700;\n  font-size: 17px;\n  color: #fff;\n  line-height: 1.3;\n}\n\n.mg-workflow .desc {\n  color: var(--muted);\n  line-height: 1.55;\n  font-size: 14px;\n}\n\n\/* \u2500\u2500 In-card button \u2500\u2500 *\/\n.mg-workflow .card-btn-wrap { margin-top: 18px; }\n\n.mg-workflow .card-btn {\n  --mg-gold: #F2B839;\n  --mg-navy-deep: #0F1E3C;\n  --btn-height: 46px;\n  --btn-radius: 26px;\n  --circle-size: 34px;\n  --circle-offset: 6px;\n  --speed: 0.45s;\n  --ease: cubic-bezier(0.4,0,0.15,1);\n\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  height: var(--btn-height);\n  padding: 0 calc(var(--circle-size) + var(--circle-offset) + 12px) 0 22px;\n  border: 2px solid rgba(242,184,57,0.25);\n  border-radius: var(--btn-radius);\n  background: rgba(242,184,57,0.08);\n  cursor: pointer;\n  text-decoration: none;\n  overflow: hidden;\n  font-family: 'Manrope', sans-serif;\n  transition:\n    border-color var(--speed) var(--ease),\n    box-shadow var(--speed) var(--ease);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.mg-workflow .card-btn::before {\n  content: '';\n  position: absolute;\n  right: calc(var(--circle-offset) + var(--circle-size) \/ 2);\n  top: 50%;\n  width: var(--circle-size);\n  height: var(--circle-size);\n  background: var(--mg-gold);\n  border-radius: 50%;\n  transform: translate(50%, -50%) scale(1);\n  transition: transform var(--speed) var(--ease);\n  z-index: 1;\n  pointer-events: none;\n}\n\n.mg-workflow .card-btn:hover::before { transform: translate(50%, -50%) scale(8); }\n.mg-workflow .card-btn:hover {\n  border-color: var(--mg-gold);\n  box-shadow: 0 6px 24px rgba(242,184,57,0.3);\n}\n\n.mg-workflow .card-btn__text {\n  position: relative;\n  z-index: 2;\n  font-size: 14px;\n  font-weight: 600;\n  color: #f7931e;\n  white-space: nowrap;\n  letter-spacing: -0.01em;\n  line-height: 1;\n  transition: color var(--speed) var(--ease);\n  pointer-events: none;\n}\n\n.mg-workflow .card-btn:hover .card-btn__text { color: var(--mg-navy-deep); }\n\n.mg-workflow .card-btn__arrow {\n  position: absolute;\n  z-index: 3;\n  right: var(--circle-offset);\n  top: 50%;\n  transform: translateY(-50%);\n  width: var(--circle-size);\n  height: var(--circle-size);\n  border-radius: 50%;\n  background: var(--mg-gold);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background var(--speed) var(--ease);\n  pointer-events: none;\n}\n\n.mg-workflow .card-btn:hover .card-btn__arrow { background: transparent; }\n\n.mg-workflow .card-btn__arrow svg {\n  width: 15px;\n  height: 15px;\n  stroke: var(--mg-navy-deep);\n  stroke-width: 2.5;\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  transition: transform var(--speed) var(--ease);\n}\n\n.mg-workflow .card-btn:hover .card-btn__arrow svg { transform: translateX(3px); }\n\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\n@media (max-width: 1200px) {\n  .mg-workflow { --card-max-width: 680px; }\n}\n\n@media (max-width: 900px) {\n  .mg-workflow {\n    --timeline-center: 30px;\n    --dot-size: 18px;\n    --endpoint-size: 28px;\n    --card-gap: 40px;\n    --card-max-width: 100%;\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n  .mg-workflow .item.left,\n  .mg-workflow .item.right {\n    justify-content: flex-start;\n    padding-left: calc(var(--timeline-center) + var(--card-gap));\n    padding-right: 0;\n  }\n  .mg-workflow .card { max-width: 100%; }\n  .mg-workflow .endpoint.start .endpoint-label,\n  .mg-workflow .endpoint.finish .endpoint-label {\n    left: calc(var(--timeline-center) + var(--endpoint-size) \/ 2 + 16px);\n    right: auto;\n  }\n}\n\n@media (max-width: 768px) {\n  .mg-workflow { padding-left: 12px; padding-right: 12px; }\n}\n\n@media (max-width: 600px) {\n  .mg-workflow {\n    --timeline-center: 24px;\n    --rail-width: 4px;\n    --dot-size: 16px;\n    --endpoint-size: 24px;\n    --card-gap: 30px;\n    padding-top: clamp(1.875rem, 3vw, 2.5rem);\n    padding-bottom: clamp(2.5rem, 4vw, 3.75rem);\n  }\n  .mg-workflow .item { padding: 18px 0; }\n  .mg-workflow .item.left,\n  .mg-workflow .item.right {\n    padding-left: calc(var(--timeline-center) + var(--card-gap));\n    padding-right: 8px;\n  }\n  .mg-workflow .card {\n    padding: 18px;\n    border-radius: 16px;\n  }\n  .mg-workflow .title { font-size: 15px; }\n  .mg-workflow .desc { font-size: 13px; }\n  .mg-workflow .step-number { font-size: 10px; }\n  .mg-workflow .endpoint-label {\n    font-size: 11px;\n    letter-spacing: 2px;\n  }\n  .mg-workflow .endpoint.start .endpoint-label,\n  .mg-workflow .endpoint.finish .endpoint-label {\n    left: calc(var(--timeline-center) + var(--endpoint-size) \/ 2 + 12px);\n    right: auto;\n  }\n  .mg-workflow .endpoint { height: 55px; }\n  .mg-workflow .rail {\n    top: calc(var(--endpoint-size) \/ 2 + 27px);\n    bottom: calc(var(--endpoint-size) \/ 2 + 27px);\n  }\n}\n\n@media (max-width: 480px) {\n  .mg-workflow { padding-left: 8px; padding-right: 8px; }\n}\n\n@media (max-width: 380px) {\n  .mg-workflow {\n    --timeline-center: 20px;\n    --dot-size: 14px;\n    --endpoint-size: 20px;\n    --card-gap: 24px;\n  }\n  .mg-workflow .item.left,\n  .mg-workflow .item.right {\n    padding-left: calc(var(--timeline-center) + var(--card-gap));\n  }\n  .mg-workflow .card { padding: 14px; }\n  .mg-workflow .title { font-size: 14px; }\n  .mg-workflow .desc { font-size: 12px; }\n  .mg-workflow .endpoint { height: 45px; }\n  .mg-workflow .rail {\n    top: calc(var(--endpoint-size) \/ 2 + 22px);\n    bottom: calc(var(--endpoint-size) \/ 2 + 22px);\n  }\n}\n\n@media (hover: none) {\n  .mg-workflow .card-btn:active::before { transform: translate(50%, -50%) scale(8); }\n  .mg-workflow .card-btn:active { border-color: var(--mg-gold); }\n  .mg-workflow .card-btn:active .card-btn__text { color: var(--mg-navy-deep); }\n  .mg-workflow .card-btn:active .card-btn__arrow { background: transparent; }\n  .mg-workflow .card-btn:active .card-btn__arrow svg { transform: translateX(3px); }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-workflow .item,\n  .mg-workflow .card,\n  .mg-workflow .dot-core,\n  .mg-workflow .rail-progress,\n  .mg-workflow .rail-glow {\n    transition: none;\n  }\n  .mg-workflow .endpoint-pulse,\n  .mg-workflow .item.active .dot-ring {\n    animation: none;\n  }\n  .mg-workflow .item {\n    opacity: 1;\n    transform: none;\n  }\n}\n\n@media (max-height: 500px) and (orientation: landscape) {\n  .mg-workflow .item { padding: 14px 0; }\n  .mg-workflow .endpoint { height: 40px; }\n}\n<\/style>\n\n<div class=\"mg-workflow\">\n  <div class=\"timeline\" id=\"mgWfTimeline\">\n    \n    <div class=\"endpoint start\" id=\"mgWfTimelineStart\">\n      <div class=\"endpoint-circle\">\n        <div class=\"endpoint-pulse\"><\/div>\n        <div class=\"endpoint-core\"><\/div>\n      <\/div>\n      <span class=\"endpoint-label\">\u0421\u0422\u0410\u0420\u0422<\/span>\n    <\/div>\n\n    <div class=\"rail-container\">\n      <div class=\"rail\" aria-hidden=\"true\">\n        <div class=\"rail-progress\"><\/div>\n        <div class=\"rail-glow\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item right\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">01<\/div>\n        <div>\n          <div class=\"title\">\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/div>\n          <p class=\"desc\">\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c, \u0447\u0442\u043e\u0431\u044b \u043d\u0430\u0447\u0430\u0442\u044c \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u043d\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u043e\u0439 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0434\u043e\u0441\u0442\u0443\u043f \u043a\u043e \u0432\u0441\u0435\u043c \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u044f\u043c \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u044b.<\/p>\n          <div class=\"card-btn-wrap\">\n            <a href=\"https:\/\/n8n.mechanogurus.ru\/form\/105adc81-c50a-40f0-ab54-f0b65857d49e\" class=\"card-btn\" target=\"_blank\" rel=\"noopener noreferrer\">\n              <span class=\"card-btn__text\">\u0417\u0430\u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u043e\u0432\u0430\u0442\u044c\u0441\u044f<\/span>\n              <span class=\"card-btn__arrow\">\n                <svg viewBox=\"0 0 24 24\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"13 6 19 12 13 18\"\/><\/svg>\n              <\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item left\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">02<\/div>\n        <div>\n          <div class=\"title\">\u041e\u0431\u0449\u0435\u043d\u0438\u0435 \u0441 LAKI<\/div>\n          <p class=\"desc\">\u041f\u043e\u0433\u043e\u0432\u043e\u0440\u0438\u0442\u0435 \u0441 \u043d\u0430\u0448\u0438\u043c \u0418\u0418-\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442\u043e\u043c LAKI \u2014 \u043e\u043d \u0441\u043e\u0437\u0434\u0430\u0441\u0442 \u0437\u0430\u044f\u0432\u043a\u0443 \u0434\u043b\u044f \u043d\u0430\u0448\u0435\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u043e\u0442\u0432\u0435\u0442\u0438\u0442 \u043d\u0430 \u043f\u0435\u0440\u0432\u0438\u0447\u043d\u044b\u0435 \u0432\u043e\u043f\u0440\u043e\u0441\u044b. \u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0438\u043c\u0435\u0435\u0442\u0441\u044f \u0422\u0417, \u044d\u0442\u043e \u043d\u0430\u043c \u043e\u0447\u0435\u043d\u044c \u043f\u043e\u043c\u043e\u0436\u0435\u0442!<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item right\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">03<\/div>\n        <div>\n          <div class=\"title\">\u041f\u0430\u0440\u0441\u0438\u043d\u0433 \u0422\u0417<\/div>\n          <p class=\"desc\">\u0412\u0430\u0448\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0435 \u0437\u0430\u0434\u0430\u043d\u0438\u0435 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f (\u043f\u0430\u0440\u0441\u0438\u043d\u0433) LAKI. \u041f\u0430\u0440\u0441\u0438\u043d\u0433 \u043f\u043e\u043c\u043e\u0433\u0430\u0435\u0442 \u043d\u0430\u0448\u0438\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u0430\u043c \u0431\u044b\u0441\u0442\u0440\u0435\u0435 \u043f\u043e\u0433\u0440\u0443\u0437\u0438\u0442\u044c\u0441\u044f \u0432 \u0441\u0443\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item left\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">04<\/div>\n        <div>\n          <div class=\"title\">\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 WBS<\/div>\n          <p class=\"desc\">LAKI \u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0434\u0435\u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442 (WBS) \u0438\u0437 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u043e\u0433\u043e \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u0443\u043b\u043e\u0436\u0438\u0442\u044c\u0441\u044f \u0432 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u0441\u0440\u043e\u043a\u0438.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item right\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">05<\/div>\n        <div>\n          <div class=\"title\">\u041a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442 \u0437\u0430\u044f\u0432\u043a\u0443<\/div>\n          <p class=\"desc\">\u041d\u0430\u0448\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442 \u0432\u0430\u0448\u0443 \u0437\u0430\u044f\u0432\u043a\u0443, \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u0442 \u0437\u0430\u043f\u0440\u043e\u0441 \u0438 \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e \u0440\u0435\u0448\u0430\u0435\u0442 \u0432\u0430\u0448 \u0432\u043e\u043f\u0440\u043e\u0441.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item left\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">06<\/div>\n        <div>\n          <div class=\"title\">\u042d\u0441\u043a\u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/div>\n          <p class=\"desc\">\u041c\u044b \u0441\u043e\u0437\u0434\u0430\u0451\u043c \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u044d\u0441\u043a\u0438\u0437 \u043f\u0440\u043e\u0435\u043a\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u0432\u044b \u043c\u043e\u0433\u043b\u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u0442\u044c \u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0436\u0438\u0434\u0430\u0435\u043c\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item right\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">07<\/div>\n        <div>\n          <div class=\"title\">\u041e\u0431\u0441\u0443\u0436\u0434\u0435\u043d\u0438\u0435 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438<\/div>\n          <p class=\"desc\">\u041e\u0431\u0441\u0443\u0436\u0434\u0430\u0435\u043c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 WBS \u2014 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0435 \u0446\u0435\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u0431\u0435\u0437 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u043f\u043b\u0430\u0442\u0435\u0436\u0435\u0439.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item left\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">08<\/div>\n        <div>\n          <div class=\"title\">\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0430<\/div>\n          <p class=\"desc\">\u0415\u0441\u043b\u0438 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0432\u0430\u0441 \u0443\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u0442, \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u043a \u0437\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e \u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0430 \u0438 \u0444\u0438\u043a\u0441\u0438\u0440\u0443\u0435\u043c \u0432\u0441\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u0430.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item right\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">09<\/div>\n        <div>\n          <div class=\"title\">\u0421\u0442\u0430\u0440\u0442 \u0440\u0430\u0431\u043e\u0442\u044b & \u0414\u043e\u0441\u0442\u0443\u043f \u043a \u043f\u043e\u0440\u0442\u0430\u043b\u0443<\/div>\n          <p class=\"desc\">\u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044e \u043f\u0440\u043e\u0435\u043a\u0442\u0430! \u041d\u0430\u0448\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u0430 \u043f\u0440\u0438\u0441\u0442\u0443\u043f\u0430\u0435\u0442 \u043a \u0440\u0430\u0431\u043e\u0442\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u043d\u043e \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0451\u043d\u043d\u043e\u043c\u0443 \u043f\u043b\u0430\u043d\u0443. \u0412\u044b \u043f\u043e\u043b\u0443\u0447\u0430\u0435\u0442\u0435 \u043f\u043e\u043b\u043d\u044b\u0439 \u0434\u043e\u0441\u0442\u0443\u043f \u043a \u043d\u0430\u0448\u0435\u043c\u0443 \u043f\u043e\u0440\u0442\u0430\u043b\u0443, \u0433\u0434\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0442\u044c \u0432\u0441\u044e \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044e \u0438 \u043f\u0440\u043e\u0433\u0440\u0435\u0441\u0441 \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0432 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0432\u0440\u0435\u043c\u0435\u043d\u0438.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"item left\" data-animate>\n      <div class=\"dot\"><div class=\"dot-ring\"><\/div><div class=\"dot-core\"><\/div><\/div>\n      <div class=\"card\">\n        <div class=\"step-number\">10<\/div>\n        <div>\n          <div class=\"title\">\u0421\u0434\u0430\u0447\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430<\/div>\n          <p class=\"desc\">\u0424\u0438\u043d\u0430\u043b\u044c\u043d\u0430\u044f \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u0433\u043e\u0442\u043e\u0432\u043e\u0433\u043e \u043f\u0440\u043e\u0435\u043a\u0442\u0430 \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0443 \u0441 \u043f\u043e\u043b\u043d\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0435\u0439 \u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u043d\u0430 \u0441\u0442\u0430\u0440\u0442\u0435.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"endpoint finish\" id=\"mgWfTimelineFinish\">\n      <div class=\"endpoint-circle\">\n        <div class=\"endpoint-pulse\"><\/div>\n        <div class=\"endpoint-core\"><\/div>\n      <\/div>\n      <span class=\"endpoint-label\">\u0424\u0418\u041d\u0418\u0428<\/span>\n    <\/div>\n\n  <\/div>\n<\/div><!-- \/.mg-workflow -->\n\n<script>\n(function() {\n  'use strict';\n  \n  var timeline = document.getElementById('mgWfTimeline');\n  var items = document.querySelectorAll('.mg-workflow .item[data-animate]');\n  var rail = document.querySelector('.mg-workflow .rail');\n  var railProgress = document.querySelector('.mg-workflow .rail-progress');\n  var railGlow = document.querySelector('.mg-workflow .rail-glow');\n  \n  if (!timeline || !items.length || !rail) return;\n  \n  var visibilityObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting && entry.intersectionRatio > 0.15) {\n        entry.target.classList.add('visible');\n      }\n    });\n  }, {\n    root: null,\n    rootMargin: '-5% 0px -5% 0px',\n    threshold: [0, 0.15, 0.3]\n  });\n  \n  var activeObserver = new IntersectionObserver(function(entries) {\n    entries.forEach(function(entry) {\n      if (entry.isIntersecting && entry.intersectionRatio > 0.4) {\n        entry.target.classList.add('active');\n      } else {\n        entry.target.classList.remove('active');\n      }\n    });\n  }, {\n    root: null,\n    rootMargin: '-35% 0px -35% 0px',\n    threshold: [0, 0.4, 0.6, 1]\n  });\n  \n  items.forEach(function(item) {\n    visibilityObserver.observe(item);\n    activeObserver.observe(item);\n  });\n  \n  var currentProgress = 0;\n  var targetProgress = 0;\n  var rafId = null;\n  \n  function lerp(start, end, factor) { return start + (end - start) * factor; }\n  \n  function calculateProgress() {\n    var railRect = rail.getBoundingClientRect();\n    var viewHeight = window.innerHeight;\n    var scrollCenter = viewHeight * 0.5;\n    var railTop = railRect.top;\n    var railHeight = railRect.height;\n    var progressPoint = scrollCenter - railTop;\n    return Math.min(Math.max(progressPoint \/ railHeight, 0), 1) * 100;\n  }\n  \n  function animate() {\n    var diff = Math.abs(currentProgress - targetProgress);\n    if (diff > 0.1) {\n      currentProgress = lerp(currentProgress, targetProgress, 0.12);\n      updateRailVisuals(currentProgress);\n      rafId = requestAnimationFrame(animate);\n    } else {\n      currentProgress = targetProgress;\n      updateRailVisuals(targetProgress);\n      rafId = null;\n    }\n  }\n  \n  function updateRailVisuals(progress) {\n    railProgress.style.height = progress + '%';\n    railGlow.style.top = progress + '%';\n    \n    if (progress < 50) {\n      railGlow.style.background = 'radial-gradient(circle, rgba(255,107,53,0.8) 0%, transparent 70%)';\n    } else if (progress < 80) {\n      railGlow.style.background = 'radial-gradient(circle, rgba(247,147,30,0.8) 0%, transparent 70%)';\n    } else {\n      railGlow.style.background = 'radial-gradient(circle, rgba(159,232,112,0.8) 0%, transparent 70%)';\n    }\n  }\n  \n  function onScroll() {\n    targetProgress = calculateProgress();\n    if (!rafId) {\n      rafId = requestAnimationFrame(animate);\n    }\n  }\n  \n  var ticking = false;\n  function throttledScroll() {\n    if (!ticking) {\n      ticking = true;\n      requestAnimationFrame(function() {\n        onScroll();\n        ticking = false;\n      });\n    }\n  }\n  \n  window.addEventListener('scroll', throttledScroll, { passive: true });\n  window.addEventListener('resize', throttledScroll, { passive: true });\n  window.addEventListener('orientationchange', function() { setTimeout(throttledScroll, 100); });\n  \n  targetProgress = calculateProgress();\n  currentProgress = targetProgress;\n  updateRailVisuals(currentProgress);\n  \n  items.forEach(function(item) {\n    var rect = item.getBoundingClientRect();\n    if (rect.top < window.innerHeight * 0.85) {\n      item.classList.add('visible');\n    }\n  });\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u043e\u0432 \u041c\u044b \u0440\u0430\u0437\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u043c \u043d\u043e\u0432\u044b\u0435 \u0438\u0437\u0434\u0435\u043b\u0438\u044f \u0438 \u0443\u0437\u043b\u044b \u0441 \u043d\u0443\u043b\u044f, \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044f \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u0438 \u0437\u0430\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u044f \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0440\u0435\u0430\u043b\u0438\u0437\u0443\u0435\u043c\u043e\u0441\u0442\u044c \u043d\u0430 \u0440\u0430\u043d\u043d\u0438\u0445 \u044d\u0442\u0430\u043f\u0430\u0445. \u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u0430\u044f \u043a\u043e\u043d\u0446\u0435\u043f\u0446\u0438\u044f \u0438 \u0430\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0438\u0437\u0434\u0435\u043b\u0438\u044f \u041f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0443\u0437\u043b\u043e\u0432 \u0438 \u0441\u0431\u043e\u0440\u043e\u043a (DFM \/ DFA) \u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0434\u043e\u043f\u0443\u0441\u043a\u043e\u0432 \u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u043a \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044e \u0438 \u0441\u0435\u0440\u0438\u0438 \u0418\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u0438\u0437 \u041f\u0440\u043e\u0432\u043e\u0434\u0438\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u0440\u0430\u0441\u0447\u0451\u0442\u044b \u0434\u043b\u044f \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0438, \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u043e\u0431\u043e\u0441\u043d\u043e\u0432\u0430\u043d\u0438\u044f \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0434\u043e \u0437\u0430\u043f\u0443\u0441\u043a\u0430 [&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-1431","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1431","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=1431"}],"version-history":[{"count":128,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1431\/revisions"}],"predecessor-version":[{"id":4382,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/1431\/revisions\/4382"}],"wp:attachment":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}