{"id":506,"date":"2025-06-10T09:13:05","date_gmt":"2025-06-10T06:13:05","guid":{"rendered":"https:\/\/mechanogurus.ru\/wordpress\/?page_id=506"},"modified":"2026-04-17T12:05:16","modified_gmt":"2026-04-17T09:05:16","slug":"design-one","status":"publish","type":"page","link":"https:\/\/mechanogurus.ru\/?page_id=506","title":{"rendered":"\u041a\u0411 \u0411\u0415\u0417 \u0425\u0410\u041e\u0421\u0410"},"content":{"rendered":"\n<div class=\"wp-block-cover alignwide has-large-font-size wp-duotone-unset-1\" style=\"min-height:575px;aspect-ratio:unset;\"><img loading=\"lazy\" decoding=\"async\" width=\"895\" height=\"637\" class=\"wp-block-cover__image-background wp-image-2572 size-full\" alt=\"\" src=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Key-Features-and-Benefits-of-SOLIDWORKS-Blog-image.webp\" style=\"object-position:23% 40%\" data-object-fit=\"cover\" data-object-position=\"23% 40%\" srcset=\"https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Key-Features-and-Benefits-of-SOLIDWORKS-Blog-image.webp 895w, https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Key-Features-and-Benefits-of-SOLIDWORKS-Blog-image-300x214.webp 300w, https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Key-Features-and-Benefits-of-SOLIDWORKS-Blog-image-768x547.webp 768w\" sizes=\"auto, (max-width: 895px) 100vw, 895px\" \/><span aria-hidden=\"true\" class=\"wp-block-cover__background has-black-background-color has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-container-core-cover-is-layout-89ac7667 wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:5%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:90%\">\n<h1 class=\"wp-block-heading has-text-align-center\" style=\"font-size:clamp(39.963px, 2.498rem + ((1vw - 3.2px) * 3.244), 75px);\">\u041a\u0411 \u0411\u0415\u0417 \u0425\u0410\u041e\u0421\u0410<\/h1>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-system-font-font-family wp-elements-a2de198eb03ef87a4c2fce57b1bdc860\" style=\"font-size:clamp(26.465px, 1.654rem + ((1vw - 3.2px) * 1.716), 45px);\">\u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u0430\u044f \u0446\u0438\u0444\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f <strong>\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u043e\u0433\u043e \u0431\u044e\u0440\u043e<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:5%\"><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ru\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <style>\n    * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .panels-container {\n      display: flex;\n      width: 100%;\n      max-width: 1400px;\n      height: 64vh;\n      gap: 8px;\n      margin: 0 auto;\n    }\n\n    .panel {\n      position: relative;\n      flex: 1;\n      min-width: 80px;\n      background-size: cover;\n      background-position: center;\n      border-radius: 8px;\n      cursor: pointer;\n      transition: flex 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n      overflow: hidden;\n    }\n\n    .panel::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.7));\n      transition: background 0.4s ease;\n      z-index: 1;\n    }\n\n    .panel.active {\n      flex: 4;\n    }\n\n    .panel.active::before {\n      background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.75));\n    }\n\n    \/* \u2500\u2500 Panel content: flex column, no absolute children \u2500\u2500 *\/\n    .panel-content {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      align-items: center;\n      z-index: 2;\n      padding: 28px 40px;\n      overflow: hidden;\n    }\n\n    .panel.active .panel-content {\n      justify-content: flex-start;\n      align-items: flex-start;\n    }\n\n    \/* \u2500\u2500 Collapsed title: vertical \u2500\u2500 *\/\n    .panel-title {\n      writing-mode: vertical-rl;\n      text-orientation: mixed;\n      font-size: 21px;\n      font-weight: 700;\n      color: white;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      text-shadow: 2px 2px 10px rgba(0,0,0,0.8);\n      transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n      transform: rotate(180deg);\n      white-space: nowrap;\n      flex-shrink: 0;\n    }\n\n    \/* \u2500\u2500 Expanded title: horizontal \u2500\u2500 *\/\n    .panel.active .panel-title {\n      writing-mode: horizontal-tb;\n      transform: rotate(0deg);\n      font-size: 38px;\n      letter-spacing: 2px;\n      line-height: 1.15;\n      white-space: normal;\n      margin-bottom: 12px;\n    }\n\n    \/* \u2500\u2500 Tagline \u2500\u2500 *\/\n    .panel-tagline {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n      transform: translateY(12px);\n      transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.5s ease;\n      color: rgba(255, 255, 255, 0.85);\n      font-size: 17px;\n      font-weight: 300;\n      font-style: italic;\n      letter-spacing: 0.5px;\n      margin-bottom: 14px;\n      flex-shrink: 0;\n    }\n\n    .panel.active .panel-tagline {\n      opacity: 1;\n      max-height: 80px;\n      transform: translateY(0);\n      transition-delay: 0.18s;\n    }\n\n    \/* \u2500\u2500 Description list \u2500\u2500 *\/\n    .panel-description {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n      transform: translateY(18px);\n      transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.6s ease;\n      color: white;\n      font-size: 17px;\n      line-height: 1.6;\n      flex: 1;\n      width: 100%;\n    }\n\n    .panel.active .panel-description {\n      opacity: 1;\n      max-height: 400px;\n      transform: translateY(0);\n      transition-delay: 0.26s;\n    }\n\n    .panel-description ul {\n      list-style: none;\n      padding: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .panel-description li {\n      padding-left: 22px;\n      position: relative;\n    }\n\n    .panel-description li::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 9px;\n      width: 8px;\n      height: 8px;\n      background: white;\n      border-radius: 50%;\n      flex-shrink: 0;\n    }\n\n    \/* \u2500\u2500 Learn more link \u2500\u2500 *\/\n    .learn-more {\n      opacity: 0;\n      max-height: 0;\n      overflow: hidden;\n      transform: translateY(12px);\n      transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.5s ease;\n      color: rgba(255, 255, 255, 0.9);\n      font-size: 15px;\n      text-decoration: none;\n      border-bottom: 2px solid rgba(255, 255, 255, 0.5);\n      padding-bottom: 4px;\n      letter-spacing: 1px;\n      margin-top: 16px;\n      flex-shrink: 0;\n      align-self: flex-start;\n    }\n\n    .learn-more:hover {\n      color: white;\n      border-bottom-color: white;\n    }\n\n    .panel.active .learn-more {\n      opacity: 1;\n      max-height: 48px;\n      transform: translateY(0);\n      transition-delay: 0.36s;\n    }\n\n    \/* \u2500\u2500 Background images \u2500\u2500 *\/\n    .panel:nth-child(1) { background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Analysis_slider_tile.jpg'); }\n    .panel:nth-child(2) { background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/solidworks-pdm-implementation-service.jpg'); }\n    .panel:nth-child(3) { background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/reengineering.png'); }\n    .panel:nth-child(4) { background-image: url('https:\/\/mechanogurus.ru\/wp-content\/uploads\/2025\/12\/Standard_procedures.jpg'); }\n\n    \/* \u2500\u2500 Tablet \u2500\u2500 *\/\n    @media (max-width: 1024px) and (min-width: 769px) {\n      .panels-container {\n        height: 56vh;\n      }\n\n      .panel-content {\n        padding: 22px 28px;\n      }\n\n      .panel.active .panel-title {\n        font-size: 30px;\n        margin-bottom: 10px;\n      }\n\n      .panel-tagline {\n        font-size: 14px;\n        margin-bottom: 10px;\n      }\n\n      .panel-description {\n        font-size: 14px;\n      }\n\n      .learn-more {\n        font-size: 13px;\n        margin-top: 12px;\n      }\n    }\n\n    \/* \u2500\u2500 Mobile \u2500\u2500 *\/\n    @media (max-width: 768px) {\n      .panels-container {\n        flex-direction: column;\n        height: auto;\n        gap: 8px;\n      }\n\n      .panel {\n        flex: 0 0 64px;\n        min-width: auto;\n        width: 100%;\n      }\n\n      .panel.active {\n        flex: 0 0 auto;\n        min-height: 380px;\n      }\n\n      .panel-title {\n        writing-mode: horizontal-tb;\n        transform: rotate(0deg);\n        font-size: 16px;\n        letter-spacing: 2px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: calc(100% - 24px);\n        text-align: center;\n      }\n\n      .panel.active .panel-title {\n        font-size: 26px;\n        white-space: normal;\n        text-overflow: unset;\n        overflow: visible;\n        text-align: left;\n        max-width: 100%;\n        margin-bottom: 10px;\n      }\n\n      .panel-content {\n        padding: 16px 20px;\n      }\n\n      .panel-tagline {\n        font-size: 13px;\n        margin-bottom: 10px;\n      }\n\n      .panel-description {\n        font-size: 13.5px;\n        line-height: 1.5;\n      }\n\n      .panel-description ul {\n        gap: 8px;\n      }\n\n      .panel-description li {\n        padding-left: 18px;\n      }\n\n      .panel-description li::before {\n        width: 7px;\n        height: 7px;\n        top: 7px;\n      }\n\n      .learn-more {\n        font-size: 13px;\n        margin-top: 12px;\n      }\n    }\n\n    \/* \u2500\u2500 Small mobile \u2500\u2500 *\/\n    @media (max-width: 400px) {\n      .panel.active {\n        min-height: 340px;\n      }\n\n      .panel.active .panel-title {\n        font-size: 22px;\n      }\n\n      .panel-tagline {\n        font-size: 12px;\n      }\n\n      .panel-description {\n        font-size: 12.5px;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"panels-container\">\n\n    <div class=\"panel active\" data-url=\"#\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0410\u043d\u0430\u043b\u0438\u0437 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f<\/h2>\n        <p class=\"panel-tagline\">\u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u0430\u0443\u0434\u0438\u0442 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0410\u0443\u0434\u0438\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u041a\u0414, \u043c\u043e\u0434\u0435\u043b\u0435\u0439, \u0441\u0431\u043e\u0440\u043e\u043a \u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439<\/li>\n            <li>\u041e\u0446\u0435\u043d\u043a\u0430 \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/li>\n            <li>\u0412\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043e\u0448\u0438\u0431\u043e\u043a, \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439<\/li>\n            <li>\u0424\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u043e\u0440\u043e\u0436\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439<\/li>\n          <\/ul>\n        <\/div>\n        <a href=\"#\" class=\"learn-more\" target=\"_blank\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\" data-url=\"#\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 PDM-\u0441\u0438\u0441\u0442\u0435\u043c\u044b<\/h2>\n        <p class=\"panel-tagline\">\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u043e\u0434 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u044e\u0440\u043e<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 PDM \u043f\u043e\u0434 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0431\u044e\u0440\u043e<\/li>\n            <li>\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u043e\u0440\u043c\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0431\u0430\u0437\u044b, \u0440\u043e\u043b\u0435\u0439, \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f<\/li>\n            <li>\u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f, \u0436\u0438\u0437\u043d\u0435\u043d\u043d\u044b\u0435 \u0446\u0438\u043a\u043b\u044b, \u043f\u0440\u0430\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430<\/li>\n            <li>\u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u0430\u043d\u0434\u044b \u0438 \u0437\u0430\u043f\u0443\u0441\u043a \u043f\u0438\u043b\u043e\u0442\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432<\/li>\n          <\/ul>\n        <\/div>\n        <a href=\"#\" class=\"learn-more\" target=\"_blank\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\" data-url=\"#\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0420\u0435\u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433 \u041a\u0414<\/h2>\n        <p class=\"panel-tagline\">\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u0447\u0438\u0441\u0442\u043e\u0439 \u0431\u0430\u0437\u044b \u0434\u043b\u044f \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b PDM<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0420\u0435\u043c\u043e\u0434\u0435\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438\u0437\u0434\u0435\u043b\u0438\u0439 \u0438 \u0441\u0431\u043e\u0440\u043e\u043a \u043f\u043e \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u043c \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u044f\u043c<\/li>\n            <li>\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0438 \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435 PDM \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u043c\u0438 \u0434\u0430\u043d\u043d\u044b\u043c\u0438<\/li>\n            <li>\u0423\u043d\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0430\u0442\u0440\u0438\u0431\u0443\u0442\u043e\u0432, \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439, BOM \u0438 \u0441\u043f\u0440\u0430\u0432\u043e\u0447\u043d\u0438\u043a\u043e\u0432<\/li>\n            <li>\u041f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u043a\u0430 \u00ab\u0447\u0438\u0441\u0442\u043e\u0439\u00bb \u0446\u0438\u0444\u0440\u043e\u0432\u043e\u0439 \u0431\u0430\u0437\u044b \u0434\u043b\u044f \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u043e\u0439 \u0440\u0430\u0431\u043e\u0442\u044b PDM<\/li>\n          <\/ul>\n        <\/div>\n        <a href=\"#\" class=\"learn-more\" target=\"_blank\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"panel\" data-url=\"#\">\n      <div class=\"panel-content\">\n        <h2 class=\"panel-title\">\u0421\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/h2>\n        <p class=\"panel-tagline\">\u0415\u0434\u0438\u043d\u044b\u0435 \u0440\u0435\u0433\u043b\u0430\u043c\u0435\u043d\u0442\u044b \u043e\u0442 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0434\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u0430<\/p>\n        <div class=\"panel-description\">\n          <ul>\n            <li>\u0421\u043e\u0437\u0434\u0430\u043d\u0438\u0435 \u0435\u0434\u0438\u043d\u044b\u0445 \u0440\u0435\u0433\u043b\u0430\u043c\u0435\u043d\u0442\u043e\u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u0430\u043d\u0438\u044f<\/li>\n            <li>\u041f\u043e\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u0441\u043a\u0432\u043e\u0437\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u00ab\u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u2192 \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0441\u0442\u0432\u043e\u00bb<\/li>\n            <li>\u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 \u043f\u0440\u0430\u0432\u0438\u043b \u0438\u043c\u0435\u043d\u043e\u0432\u0430\u043d\u0438\u044f, \u0432\u0435\u0440\u0441\u0438\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0430\u0446\u0438\u0438<\/li>\n            <li>\u041f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442\u0438 \u0440\u0430\u0431\u043e\u0442 \u0438 \u0441\u043e\u043a\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043e\u0448\u0438\u0431\u043e\u043a<\/li>\n          <\/ul>\n        <\/div>\n        <a href=\"#\" class=\"learn-more\" target=\"_blank\">\u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    const panels = document.querySelectorAll('.panel');\n    let autoCollapseTimer = null;\n\n    function clearTimer() {\n      if (autoCollapseTimer) {\n        clearTimeout(autoCollapseTimer);\n        autoCollapseTimer = null;\n      }\n    }\n\n    function startTimer() {\n      clearTimer();\n      autoCollapseTimer = setTimeout(() => {\n        panels.forEach(p => p.classList.remove('active'));\n      }, 5000);\n    }\n\n    panels.forEach(panel => {\n      panel.addEventListener('click', (e) => {\n        if (e.target.closest('.learn-more')) return;\n\n        const isActive = panel.classList.contains('active');\n\n        if (isActive) {\n          panel.classList.remove('active');\n          clearTimer();\n        } else {\n          panels.forEach(p => p.classList.remove('active'));\n          panel.classList.add('active');\n          startTimer();\n        }\n      });\n    });\n\n    panels.forEach(panel => {\n      panel.addEventListener('mouseenter', () => {\n        if (panel.classList.contains('active')) startTimer();\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-5fb0786f wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-be59a4c6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"wp-block-heading has-system-font-font-family has-x-large-font-size\" style=\"font-style:normal;font-weight:400\"><strong>\u0427\u0442\u043e \u0442\u0430\u043a\u043e\u0435 &#8220;\u041a\u0411 \u0411\u0415\u0417 \u0425\u0410\u041e\u0421\u0410&#8221; ?<\/strong><\/h2>\n\n\n\n<p class=\"has-system-font-font-family has-large-font-size\">\u042d\u0442\u043e \u0444\u043b\u0430\u0433\u043c\u0430\u043d\u0441\u043a\u0430\u044f \u0443\u0441\u043b\u0443\u0433\u0430 \u041c\u0435\u0445\u0430\u043d\u043e\u0433\u0443\u0440\u0443\u0441, \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043d\u0430 \u043c\u0430\u043b\u044b\u0435 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438,&nbsp; \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u0432\u043a\u043b\u044e\u0447\u0430\u0435\u0442 \u043f\u043e\u043b\u043d\u044b\u0439 \u0446\u0438\u043a\u043b \u0442\u0440\u0430\u043d\u0441\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u0438 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u043e\u0439 \u0434\u0435\u044f\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u0438 \u043f\u0440\u0435\u0434\u043f\u0440\u0438\u044f\u0442\u0438\u044f. \u041c\u044b \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0442\u0435\u043a\u0443\u0449\u0435\u0435 \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u0435, \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u043c \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u0443\u044e PDM-\u0441\u0438\u0441\u0442\u0435\u043c\u0443*, \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u043c \u0440\u0435\u0438\u043d\u0436\u0438\u043d\u0438\u0440\u0438\u043d\u0433 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u043e\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0435\u0434\u0438\u043d\u0443\u044e \u0446\u0438\u0444\u0440\u043e\u0432\u0443\u044e \u0441\u0440\u0435\u0434\u0443 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u043e\u0432 \u0438 \u0442\u0435\u0445\u043d\u043e\u043b\u043e\u0433\u043e\u0432.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-landing-block\">\n\n<style>\n.wp-landing-block,\n.wp-landing-block *,\n.wp-landing-block *::before,\n.wp-landing-block *::after{\n\tbox-sizing:border-box;\n}\n\n\/* =========================\n   ROOT CONTAINER\n========================= *\/\n.wp-landing-block{\n\t--radius:24px;\n\t--accent:#E1830F;\n\t--accent-yellow:#F2B839;\n\t--bg:#FEF4EE;\n\t--gap:clamp(24px,3vw,48px);\n\n\twidth:calc(100% - 50px);\n\tmargin:60px auto;\n\n\tmax-width:1600px;\n\tpadding:var(--gap);\n\n\tbackground:var(--bg);\n\tborder-radius:var(--radius);\n\n\tdisplay:grid;\n\tgrid-template-columns:1.2fr 1fr;\n\tgap:var(--gap);\n\n\talign-items:stretch;\n\tcolor:#000;\n}\n\n\/* =========================\n   MEDIA\n========================= *\/\n.wp-landing-block__media{\n\tposition:relative;\n\tborder-radius:var(--radius);\n\toverflow:hidden;\n\tbox-shadow:0 30px 60px rgba(0,0,0,.15);\n\tdisplay:flex;\n}\n\n.wp-landing-block__media img{\n\twidth:100%;\n\theight:100%;\n\tobject-fit:cover;\n\tobject-position:center;\n\tdisplay:block;\n}\n\n\/* =========================\n   CONTENT\n========================= *\/\n.wp-landing-block__content{\n\tdisplay:flex;\n\tflex-direction:column;\n\tjustify-content:space-between;\n}\n\n.wp-landing-block__title{\n\tfont-size:clamp(1.4rem,2.2vw,2.4rem);\n\tfont-weight:700;\n\tcolor:var(--accent);\n\tmargin:0 0 1.2rem;\n\tline-height:1.2;\n}\n\n.wp-landing-block__intro{\n\tfont-size:clamp(.9rem,1.1vw,1.05rem);\n\tline-height:1.6;\n\tmargin:0 0 1.5rem;\n}\n\n.wp-landing-block__heading{\n\tfont-size:clamp(1rem,1.5vw,1.5rem);\n\tfont-weight:600;\n\tmargin:0 0 .75rem;\n}\n\n.wp-landing-block__list{\n\tlist-style:none;\n\tpadding:0;\n\tmargin:0 0 1.5rem;\n}\n\n.wp-landing-block__item{\n\tdisplay:flex;\n\tgap:10px;\n\tmargin-bottom:.6rem;\n\tpadding:.6rem .8rem;\n\tbackground:rgba(226,131,15,.06);\n\tborder-radius:12px;\n}\n\n.wp-landing-block__marker{\n\tcolor:var(--accent);\n\tflex-shrink:0;\n}\n\n.wp-landing-block__solution{\n\tbackground:rgba(226,131,15,.06);\n\tborder-left:5px solid var(--accent);\n\tpadding:1rem 1.2rem;\n\tborder-radius:0 16px 16px 0;\n\tmargin-bottom:1.5rem;\n}\n\n.wp-landing-block__solution-text{\n\tmargin:0;\n\tline-height:1.6;\n}\n\n\/* =========================\n   CTA RIGHT ALIGNED\n========================= *\/\n.wp-landing-block__cta{\n\talign-self:flex-end;\n\tdisplay:inline-flex;\n\talign-items:center;\n\tjustify-content:center;\n\tpadding:.9rem 2rem;\n\tborder-radius:999px;\n\tbackground:linear-gradient(135deg,var(--accent),var(--accent-yellow));\n\tfont-weight:700;\n\ttext-decoration:none;\n\tcolor:#000;\n\ttransition:.2s ease;\n}\n\n.wp-landing-block__cta:hover{\n\ttransform:translateY(-3px);\n\tbox-shadow:0 15px 35px rgba(226,131,15,.35);\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n@media(max-width:960px){\n\t.wp-landing-block{\n\t\tgrid-template-columns:1fr;\n\t}\n\t.wp-landing-block__media{\n\t\taspect-ratio:16\/9;\n\t}\n\t.wp-landing-block__cta{\n\t\talign-self:stretch;\n\t}\n}\n<\/style>\n\n<section class=\"wp-landing-block__media\">\n\t<img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/01\/IMG_0252.jpeg\" alt=\"\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f\">\n<\/section>\n\n<section class=\"wp-landing-block__content\">\n\t<h2 class=\"wp-landing-block__title\">\n\t\t\u041f\u043e\u0442\u0435\u0440\u044f\u043b\u0438 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u0438\u0439 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b? \u041c\u044b \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043c.\n\t<\/h2>\n\n\t<p class=\"wp-landing-block__intro\">\n\t\t\u0423\u0445\u043e\u0434 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0445 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u0438\u0441\u0442\u043e\u0432, \u0443\u0434\u0430\u043b\u0451\u043d\u043d\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f, \u0440\u0430\u0437\u0440\u0443\u0448\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u2014 \u043a\u0440\u0438\u0442\u0438\u0447\u043d\u043e, \u043d\u043e \u0440\u0435\u0448\u0430\u0435\u043c\u043e. Mechanogurus \u0431\u0435\u0440\u0451\u0442 \u043d\u0430 \u0441\u0435\u0431\u044f \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0435 \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u043d\u0438\u0435 \u0432\u0430\u0448\u0435\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0439 \u0444\u0443\u043d\u043a\u0446\u0438\u0438.\n\t<\/p>\n\n\t<h3 class=\"wp-landing-block__heading\">\u0423\u0437\u043d\u0430\u0451\u0442\u0435 \u0441\u0438\u0442\u0443\u0430\u0446\u0438\u044e?<\/h3>\n\n\t<ul class=\"wp-landing-block__list\">\n\t\t<li class=\"wp-landing-block__item\">\n\t\t\t<span class=\"wp-landing-block__marker\">\u25c6<\/span>\n\t\t\t\u0421\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0438 \u0443\u0432\u043e\u043b\u0438\u043b\u0438\u0441\u044c \u2014 \u043f\u0440\u043e\u0435\u043a\u0442\u044b \u043e\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u043b\u0438\u0441\u044c\n\t\t<\/li>\n\t\t<li class=\"wp-landing-block__item\">\n\t\t\t<span class=\"wp-landing-block__marker\">\u25c6<\/span>\n\t\t\t\u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440\u0441\u043a\u0430\u044f \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u044f \u0443\u0434\u0430\u043b\u0435\u043d\u0430 \u0438\u043b\u0438 \u0443\u0442\u0435\u0440\u044f\u043d\u0430\n\t\t<\/li>\n\t\t<li class=\"wp-landing-block__item\">\n\t\t\t<span class=\"wp-landing-block__marker\">\u25c6<\/span>\n\t\t\t\u041e\u0442\u0441\u0443\u0442\u0441\u0442\u0432\u0443\u044e\u0442 CAD-\u043c\u043e\u0434\u0435\u043b\u0438, \u0447\u0435\u0440\u0442\u0435\u0436\u0438 \u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 \u2014 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043f\u0430\u0440\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d\u0430\n\t\t<\/li>\n\t<\/ul>\n\n\t<div class=\"wp-landing-block__solution\">\n\t\t<h3 class=\"wp-landing-block__heading\">\u0420\u0435\u0448\u0435\u043d\u0438\u0435 &#8220;\u041a\u0411 \u0411\u0415\u0417 \u0425\u0410\u041e\u0421\u0410&#8221;:<\/h3>\n\t\t<p class=\"wp-landing-block__solution-text\">\n\t\t\t\u0412\u043e\u0441\u0441\u0442\u0430\u043d\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u0438\u0437\u0434\u0435\u043b\u0438\u044f \u0438 \u041a\u0414, \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u043f\u0440\u043e\u0435\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f \u0438 \u0432\u043d\u0435\u0434\u0440\u044f\u0435\u043c PDM-\u0441\u0438\u0441\u0442\u0435\u043c\u0443 \u0434\u043b\u044f \u043d\u0430\u0434\u0451\u0436\u043d\u043e\u0433\u043e \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0434\u0430\u043d\u043d\u044b\u043c\u0438. \u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0441\u043e\u0434\u0435\u0439\u0441\u0442\u0432\u0443\u0435\u043c \u0432 \u043f\u043e\u0434\u0431\u043e\u0440\u0435 \u0438 \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043d\u043e\u0432\u043e\u0439 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0439 \u043a\u043e\u043c\u0430\u043d\u0434\u044b.\n\t\t<\/p>\n\t<\/div>\n\n\t<a href=\"https:\/\/mechanogurus.ru\/?page_id=506\" class=\"wp-landing-block__cta\">\n\t\t\u041f\u0435\u0440\u0435\u0439\u0442\u0438 \u043a \u041a\u0411 \u0411\u0415\u0417 \u0425\u0410\u041e\u0421\u0410\n\t<\/a>\n<\/section>\n\n<\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-background-color has-black-background-color has-text-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-b20e84b2 wp-block-group-is-layout-constrained\" style=\"padding-top:60px;padding-right:20px;padding-bottom:60px;padding-left:20px\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-container-core-group-is-layout-5fb0786f wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-be59a4c6 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<h2 class=\"wp-block-heading has-system-font-font-family has-x-large-font-size\" style=\"font-style:normal;font-weight:400\"><strong>\u041e\u0446\u0435\u043d\u0438\u0442\u0435 \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u044c \u0432\u0430\u0448\u0438\u0445 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432<\/strong><\/h2>\n\n\n\n<p class=\"has-system-font-font-family has-large-font-size\">\u041c\u044b \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b\u0438 \u0431\u044b\u0441\u0442\u0440\u044b\u0439 \u043e\u043f\u0440\u043e\u0441, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043c\u043e\u0436\u0435\u0442 \u0432\u0430\u043c \u043e\u0446\u0435\u043d\u0438\u0442\u044c \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u044c \u0432\u0430\u0448\u0438\u0445 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432. \u0423\u0437\u043d\u0430\u0439\u0442\u0435, \u043d\u0430 \u043a\u0430\u043a\u043e\u043c \u0443\u0440\u043e\u0432\u043d\u0435 \u043d\u0430\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u0432\u0430\u0448\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f \u0432 \u0432\u043e\u043f\u0440\u043e\u0441\u0430\u0445 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u0438\u0437\u0430\u0446\u0438\u0438, \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u0438 \u0438 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u0440\u0435\u0448\u0435\u043d\u0438\u0439. \u0421\u0440\u0430\u0432\u043d\u0438\u0442\u0435 \u0441\u0432\u043e\u0438 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0441 \u043b\u0443\u0447\u0448\u0438\u043c\u0438 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430\u043c\u0438 \u043e\u0442\u0440\u0430\u0441\u043b\u0438 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0440\u0430\u0431\u043e\u0442\u044b \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u043e\u0433\u043e \u043f\u043e\u0434\u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043f\u043e\u0432\u044b\u0448\u0435\u043d\u0438\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0438 \u0441\u043d\u0438\u0436\u0435\u043d\u0438\u044f \u0440\u0438\u0441\u043a\u043e\u0432.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-d445cf74 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-fill\"><a class=\"wp-block-button__link has-primary-color has-background-background-color has-text-color has-background has-system-font-font-family wp-element-button\" href=\"https:\/\/survey.mechanogurus.ru\/index.php?r=survey\/index&amp;sid=211774&amp;lang=ru\" style=\"font-style:normal;font-weight:500\">\u041e\u0446\u0435\u043d\u0438\u0442\u044c \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u044c \u2192<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center has-x-large-font-size\">\u041a\u0430\u043a \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442 \u043d\u0430\u0448 \u0430\u0443\u0434\u0438\u0442<\/h2>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 Scoped reset \u2500\u2500 *\/\n.mg-audit,\n.mg-audit *,\n.mg-audit *::before,\n.mg-audit *::after {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n.mg-audit {\n  --line-color:     linear-gradient(180deg, #55b2ff 0%, #5fd6cf 50%, #9fe870 100%);\n  --line-bg:        #3a4556;\n  --text:           #e9edf5;\n  --muted:          #c4cedd;\n  --card-bg:        rgba(255,255,255,0.03);\n  --card-border:    1px solid rgba(255,255,255,0.14);\n  --rail-width:     12px;\n  --dot-size:       22px;\n  \/* Half the timeline width. Cards live in their own half, never crossing center. *\/\n  --center:         50%;\n  \/* Gap between rail edge and card edge *\/\n  --gap:            32px;\n\n  color: var(--text);\n  font-family: \"Manrope\", \"Segoe UI\", sans-serif;\n  -webkit-font-smoothing: antialiased;\n  background: transparent;\n\n  max-width: 1200px;\n  width: calc(100% - max(0px, calc(clamp(24px,4vw,80px) - 30px)) * 2);\n  margin: clamp(40px, 4vw, 80px) auto;\n}\n\n.mg-audit .shell {\n  max-width: 1040px;\n  margin: 0 auto;\n  padding: 0 10px 30px;\n  width: 100%;\n}\n\n.mg-audit .timeline {\n  position: relative;\n  max-width: 900px;\n  margin: 0 auto;\n}\n\n\/* \u2500\u2500 Rail \u2014 geometry set by JS \u2500\u2500 *\/\n.mg-audit .rail {\n  position: absolute;\n  left: var(--center);\n  transform: translateX(-50%);\n  width: var(--rail-width);\n  background: var(--line-bg);\n  border-radius: var(--rail-width);\n  overflow: hidden;\n  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08);\n  pointer-events: none;\n}\n.mg-audit .rail::after {\n  content: \"\";\n  position: absolute;\n  inset: 0 0 auto 0;\n  height: var(--line-progress, 0%);\n  background: var(--line-color);\n  border-radius: var(--rail-width);\n  box-shadow: 0 10px 16px rgba(43,212,255,0.25);\n  transition: height 0.22s ease-out;\n}\n\n\/* \u2500\u2500 Items \u2500\u2500 *\/\n.mg-audit .item {\n  position: relative;\n  width: 100%;\n  margin: 0 0 28px;\n  display: flex;\n  align-items: stretch;\n  min-height: 80px;\n  opacity: 0;\n  transform: translateY(24px);\n  transition: opacity 0.55s cubic-bezier(0.4,0,0.2,1),\n              transform 0.55s cubic-bezier(0.4,0,0.2,1);\n}\n.mg-audit .item.visible { opacity: 1; transform: translateY(0); }\n.mg-audit .item:last-child { margin-bottom: 0; }\n\n\/* \u2500\u2500 Dot \u2014 always centered on the rail, never inside a card \u2500\u2500 *\/\n.mg-audit .dot {\n  position: absolute;\n  left: var(--center);\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: var(--dot-size);\n  height: var(--dot-size);\n  border-radius: 50%;\n  border: 4px solid #0d1520;\n  background: #4bc3ff;\n  box-shadow: 0 0 0 5px rgba(0,0,0,0.35), 0 6px 18px rgba(0,0,0,0.3);\n  z-index: 3;\n  flex-shrink: 0;\n}\n\n\/* \u2500\u2500 Card container: occupies only its own half \u2500\u2500 *\/\n\/* Left items: card fills left half, stopping before center *\/\n.mg-audit .item.left {\n  justify-content: flex-start;\n  \/* right padding = right half width, so card can't cross center *\/\n  padding-right: calc(var(--center) + var(--gap));\n}\n\/* Right items: card fills right half, starting after center *\/\n.mg-audit .item.right {\n  justify-content: flex-end;\n  padding-left: calc(var(--center) + var(--gap));\n}\n\n\/* \u2500\u2500 Cards \u2500\u2500 *\/\n.mg-audit .card {\n  background: var(--card-bg);\n  border-radius: 14px;\n  padding: 16px 20px;\n  border: var(--card-border);\n  width: 100%;\n  position: relative;\n  backdrop-filter: blur(12px);\n  -webkit-backdrop-filter: blur(12px);\n  transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n.mg-audit .card:hover {\n  box-shadow: 0 6px 36px rgba(75,195,255,0.12);\n  border-color: rgba(75,195,255,0.25);\n}\n\n\/* Connector line: card edge \u2192 rail *\/\n.mg-audit .card::before {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  width: var(--gap);\n  height: 2px;\n  background: rgba(255,255,255,0.2);\n}\n.mg-audit .item.left  .card::before { right: calc(-1 * var(--gap)); }\n.mg-audit .item.right .card::before { left:  calc(-1 * var(--gap)); }\n\n.mg-audit .title {\n  margin: 0 0 6px;\n  font-weight: 800;\n  font-size: 16px;\n  color: #f2f4f8;\n  line-height: 1.3;\n}\n.mg-audit .desc {\n  margin: 0;\n  color: var(--muted);\n  line-height: 1.55;\n  font-size: 14px;\n}\n\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\n\n@media (max-width: 900px) {\n  .mg-audit { --gap: 24px; }\n}\n\n@media (max-width: 768px) {\n  .mg-audit { margin: clamp(30px, 3vw, 60px) auto; }\n}\n\n\/* Single-column: rail moves to left edge, all cards full-width to its right *\/\n@media (max-width: 620px) {\n  .mg-audit {\n    --center:     18px;\n    --rail-width: 8px;\n    --dot-size:   18px;\n    --gap:        20px;\n  }\n  .mg-audit .shell { padding: 4px 0 24px; }\n  .mg-audit .rail  { left: var(--center); transform: none; }\n  .mg-audit .dot   { left: var(--center); }\n\n  .mg-audit .item.left,\n  .mg-audit .item.right {\n    padding-left:  calc(var(--center) + var(--gap));\n    padding-right: 0;\n    justify-content: flex-start;\n  }\n  .mg-audit .item.left  .card::before,\n  .mg-audit .item.right .card::before { left: calc(-1 * var(--gap)); right: auto; }\n\n  .mg-audit .item { margin-bottom: 22px; }\n  .mg-audit .title { font-size: 15px; }\n  .mg-audit .desc  { font-size: 13px; }\n}\n\n@media (max-width: 480px) {\n  .mg-audit {\n    --center:     15px;\n    --rail-width: 6px;\n    --dot-size:   16px;\n    --gap:        16px;\n    margin: clamp(20px, 2.5vw, 40px) auto;\n  }\n  .mg-audit .shell { padding: 0 0 16px; }\n  .mg-audit .item  { margin-bottom: 18px; }\n  .mg-audit .card  { padding: 14px 16px; }\n  .mg-audit .title { font-size: 14px; margin-bottom: 4px; }\n  .mg-audit .desc  { font-size: 12px; line-height: 1.5; }\n}\n\n@media (max-width: 380px) {\n  .mg-audit {\n    --center:   13px;\n    --dot-size: 14px;\n    --gap:      14px;\n  }\n  .mg-audit .item  { margin-bottom: 16px; }\n  .mg-audit .card  { padding: 12px 14px; }\n  .mg-audit .title { font-size: 13px; }\n  .mg-audit .desc  { font-size: 11px; }\n}\n\n@media (max-height: 500px) and (orientation: landscape) {\n  .mg-audit .item { margin-bottom: 14px; }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .mg-audit .rail::after { transition: none; }\n  .mg-audit .item  { opacity: 1; transform: none; transition: none; }\n  .mg-audit .card  { transition: none; }\n}\n<\/style>\n\n<div class=\"mg-audit\">\n  <div class=\"shell\">\n    <div class=\"timeline\" id=\"mgAuditTimeline\">\n      <div class=\"rail\" id=\"mgAuditRail\" aria-hidden=\"true\"><\/div>\n\n      <div class=\"item left\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 1. \u041f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u0430\u044f \u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0430\u0446\u0438\u044f<\/div>\n          <p class=\"desc\">\u041d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043c\u044b \u0437\u043d\u0430\u043a\u043e\u043c\u0438\u043c\u0441\u044f \u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u043e\u0439 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0438 \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0443\u0435\u043c \u0435\u0433\u043e \u0442\u0435\u043a\u0443\u0449\u0438\u0435 \u043f\u043e\u0442\u0440\u0435\u0431\u043d\u043e\u0441\u0442\u0438, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u0442\u044c \u043d\u0430\u0438\u043b\u0443\u0447\u0448\u0438\u0439 \u043f\u043e\u0434\u0445\u043e\u0434 \u0434\u043b\u044f \u0434\u0430\u043b\u044c\u043d\u0435\u0439\u0448\u0435\u0433\u043e \u0430\u0443\u0434\u0438\u0442\u0430.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"item right\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 2. \u0421\u0431\u043e\u0440 \u0434\u0430\u043d\u043d\u044b\u0445<\/div>\n          <p class=\"desc\">\u041c\u044b \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043c \u0442\u0449\u0430\u0442\u0435\u043b\u044c\u043d\u0443\u044e \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0443 \u0432\u0441\u0435\u0445 \u0441\u0438\u0441\u0442\u0435\u043c \u043a\u043b\u0438\u0435\u043d\u0442\u0430, \u0441\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u0447\u0435\u0440\u0435\u0437 \u043e\u0441\u043c\u043e\u0442\u0440, \u0438\u043d\u0442\u0435\u0440\u0432\u044c\u044e \u0441 \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u043c\u0438 \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430\u043c\u0438 \u0438 \u0430\u043d\u0430\u043b\u0438\u0437 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0431\u0440\u0430\u0442\u044c \u043f\u043e\u043b\u043d\u0443\u044e \u043a\u0430\u0440\u0442\u0438\u043d\u0443.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"item left\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 3. \u0410\u043d\u0430\u043b\u0438\u0442\u0438\u043a\u0430<\/div>\n          <p class=\"desc\">\u041d\u0430 \u044d\u0442\u043e\u043c \u044d\u0442\u0430\u043f\u0435 \u043c\u044b \u043f\u0440\u043e\u0432\u043e\u0434\u0438\u043c \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0430\u043d\u0430\u043b\u0438\u0437 \u0432\u0441\u0435\u0445 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432, \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0430\u0446\u0438\u0438 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u043e\u0439 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u0438, \u0432\u044b\u044f\u0432\u043b\u044f\u044f \u043a\u043b\u044e\u0447\u0435\u0432\u044b\u0435 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 \u0434\u043b\u044f \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0439 \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"item right\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 4. \u041e\u0442\u0447\u0435\u0442<\/div>\n          <p class=\"desc\">\u041c\u044b \u0441\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u0439 \u043e\u0442\u0447\u0435\u0442, \u0432\u043a\u043b\u044e\u0447\u0430\u044e\u0449\u0438\u0439 \u0432\u0441\u0435 \u043e\u0431\u043d\u0430\u0440\u0443\u0436\u0435\u043d\u043d\u044b\u0435 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0430\u043d\u0430\u043b\u0438\u0437\u0430 \u0438 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u0441\u0438\u0441\u0442\u0435\u043c.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"item left\" data-animate>\n        <div class=\"dot\" aria-hidden=\"true\"><\/div>\n        <div class=\"card\">\n          <div class=\"title\">\u0428\u0430\u0433 5. \u041f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0430 \u043f\u043e\u0441\u043b\u0435 \u0430\u0443\u0434\u0438\u0442\u0430<\/div>\n          <p class=\"desc\">\u041c\u044b \u043f\u0440\u043e\u0434\u043e\u043b\u0436\u0430\u0435\u043c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u0441 \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u043c, \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u044f\u044f \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0430\u0446\u0438\u0438 \u043f\u043e \u0432\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u044e \u0443\u043b\u0443\u0447\u0448\u0435\u043d\u0438\u0439 \u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 \u0441\u0438\u0441\u0442\u0435\u043c\u044b \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432 \u0430\u0443\u0434\u0438\u0442\u0430, \u0447\u0442\u043e\u0431\u044b \u043e\u0431\u0435\u0441\u043f\u0435\u0447\u0438\u0442\u044c \u0434\u043e\u043b\u0433\u043e\u0441\u0440\u043e\u0447\u043d\u0443\u044e \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u044c.<\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  'use strict';\n\n  var timeline = document.getElementById('mgAuditTimeline');\n  var rail     = document.getElementById('mgAuditRail');\n  var items    = document.querySelectorAll('.mg-audit .item[data-animate]');\n\n  if (!timeline || !rail || !items.length) return;\n\n  \/* \u2500\u2500 Position rail between first and last dot centers \u2500\u2500 *\/\n  function positionRail() {\n    var firstDot = items[0].querySelector('.dot');\n    var lastDot  = items[items.length - 1].querySelector('.dot');\n    if (!firstDot || !lastDot) return;\n    var tlRect    = timeline.getBoundingClientRect();\n    var firstRect = firstDot.getBoundingClientRect();\n    var lastRect  = lastDot.getBoundingClientRect();\n    var topPx    = (firstRect.top + firstRect.height \/ 2) - tlRect.top;\n    var bottomPx = (lastRect.top  + lastRect.height  \/ 2) - tlRect.top;\n    rail.style.top    = topPx + 'px';\n    rail.style.height = Math.max(0, bottomPx - topPx) + 'px';\n  }\n\n  \/* \u2500\u2500 Scroll-driven rail fill with rAF + lerp \u2500\u2500 *\/\n  var cur = 0, tgt = 0, rafId = null;\n  function lerp(a, b, t) { return a + (b - a) * t; }\n\n  function calcProgress() {\n    var r   = rail.getBoundingClientRect();\n    var mid = (window.innerHeight || document.documentElement.clientHeight) * 0.5;\n    return Math.min(Math.max((mid - r.top) \/ (r.height || 1), 0), 1) * 100;\n  }\n\n  function setRail(p) {\n    timeline.style.setProperty('--line-progress', p.toFixed(2) + '%');\n  }\n\n  function tick() {\n    if (Math.abs(cur - tgt) > 0.1) {\n      cur = lerp(cur, tgt, 0.12); setRail(cur);\n      rafId = requestAnimationFrame(tick);\n    } else {\n      cur = tgt; setRail(cur); rafId = null;\n    }\n  }\n\n  var throttling = false;\n  function onScroll() {\n    if (throttling) return;\n    throttling = true;\n    requestAnimationFrame(function () {\n      tgt = calcProgress();\n      if (!rafId) rafId = requestAnimationFrame(tick);\n      throttling = false;\n    });\n  }\n\n  window.addEventListener('scroll', onScroll, { passive: true });\n  window.addEventListener('resize', function () { positionRail(); onScroll(); }, { passive: true });\n  window.addEventListener('orientationchange', function () {\n    setTimeout(function () { positionRail(); onScroll(); }, 100);\n  });\n\n  \/* \u2500\u2500 Card reveal via IntersectionObserver \u2500\u2500 *\/\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (e.isIntersecting && e.intersectionRatio > 0.15) e.target.classList.add('visible');\n    });\n  }, { rootMargin: '-5% 0px -5% 0px', threshold: [0, 0.15, 0.3] });\n\n  var vh = window.innerHeight || document.documentElement.clientHeight;\n  items.forEach(function (item) {\n    io.observe(item);\n    if (item.getBoundingClientRect().top < vh * 0.85) item.classList.add('visible');\n  });\n\n  \/* \u2500\u2500 Init after first paint \u2500\u2500 *\/\n  requestAnimationFrame(function () {\n    positionRail();\n    cur = tgt = calcProgress();\n    setRail(cur);\n  });\n\n})();\n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0410\u043d\u0430\u043b\u0438\u0437 \u0442\u0435\u043a\u0443\u0449\u0435\u0433\u043e \u0441\u043e\u0441\u0442\u043e\u044f\u043d\u0438\u044f \u041a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043d\u044b\u0439 \u0430\u0443\u0434\u0438\u0442 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0438 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440 \u0410\u0443\u0434\u0438\u0442 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u044b \u041a\u0414, \u043c\u043e\u0434\u0435\u043b\u0435\u0439, \u0441\u0431\u043e\u0440\u043e\u043a \u0438 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0439 \u041e\u0446\u0435\u043d\u043a\u0430 \u0437\u0440\u0435\u043b\u043e\u0441\u0442\u0438 \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0445 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0432 \u0412\u044b\u044f\u0432\u043b\u0435\u043d\u0438\u0435 \u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f, \u043e\u0448\u0438\u0431\u043e\u043a, \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0435\u0439 \u0424\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e\u0439 \u0434\u043e\u0440\u043e\u0436\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u044b \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0439 \u0423\u0437\u043d\u0430\u0442\u044c \u0431\u043e\u043b\u044c\u0448\u0435 \u2192 \u0412\u043d\u0435\u0434\u0440\u0435\u043d\u0438\u0435 PDM-\u0441\u0438\u0441\u0442\u0435\u043c\u044b \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043f\u043e\u0434 \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u0431\u044e\u0440\u043e \u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0438 \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 PDM \u043f\u043e\u0434 \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0431\u044e\u0440\u043e \u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u043d\u043e\u0440\u043c\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u0431\u0430\u0437\u044b, \u0440\u043e\u043b\u0435\u0439, \u043c\u0430\u0440\u0448\u0440\u0443\u0442\u043e\u0432 \u0443\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f \u0410\u0440\u0445\u0438\u0442\u0435\u043a\u0442\u0443\u0440\u0430 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-blank-with-header","meta":{"footnotes":""},"class_list":["post-506","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=506"}],"version-history":[{"count":41,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/506\/revisions"}],"predecessor-version":[{"id":4480,"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=\/wp\/v2\/pages\/506\/revisions\/4480"}],"wp:attachment":[{"href":"https:\/\/mechanogurus.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}