{"id":18,"date":"2026-03-09T09:56:48","date_gmt":"2026-03-09T06:56:48","guid":{"rendered":"https:\/\/novoufa.ru\/?page_id=18"},"modified":"2026-03-09T10:16:33","modified_gmt":"2026-03-09T07:16:33","slug":"novostroyki-ufa-centr","status":"publish","type":"page","link":"https:\/\/novoufa.ru\/?page_id=18","title":{"rendered":"\u041d\u043e\u0432\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0423\u0444\u044b"},"content":{"rendered":"<div class=\"ufa-landing ufa-landing--center\">\n<p>    .ufa-landing {<br \/>\n      font-family: system-ui, -apple-system, BlinkMacSystemFont, &#171;Segoe UI&#187;, sans-serif;<br \/>\n      color: #111827;<br \/>\n      line-height: 1.6;<br \/>\n    }<br \/>\n    .ufa-landing * { box-sizing: border-box; }<br \/>\n    .ufa-landing a { color: #0f766e; text-decoration: none; }<br \/>\n    .ufa-landing a:hover { text-decoration: underline; }<\/p>\n<p>    .ufa-hero {<br \/>\n      position: relative;<br \/>\n      display: grid;<br \/>\n      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);<br \/>\n      gap: 40px;<br \/>\n      padding: 60px 24px 56px;<br \/>\n      border-radius: 24px;<br \/>\n      background: radial-gradient(circle at top left, #ecfeff 0, #f9fafb 42%, #e0f2fe 100%);<br \/>\n      overflow: hidden;<br \/>\n    }<br \/>\n    @media (max-width: 900px) {<br \/>\n      .ufa-hero {<br \/>\n        grid-template-columns: minmax(0, 1fr);<br \/>\n        padding: 32px 16px 40px;<br \/>\n      }<br \/>\n    }<br \/>\n    .ufa-hero__badge {<br \/>\n      display: inline-flex;<br \/>\n      align-items: center;<br \/>\n      gap: 8px;<br \/>\n      padding: 4px 10px;<br \/>\n      border-radius: 999px;<br \/>\n      background: rgba(15, 118, 110, 0.06);<br \/>\n      color: #0f766e;<br \/>\n      font-size: 13px;<br \/>\n      font-weight: 600;<br \/>\n      margin-bottom: 16px;<br \/>\n    }<br \/>\n    .ufa-hero__title {<br \/>\n      font-size: clamp(28px, 4vw, 40px);<br \/>\n      line-height: 1.1;<br \/>\n      font-weight: 700;<br \/>\n      margin-bottom: 16px;<br \/>\n      color: #0f172a;<br \/>\n    }<br \/>\n    .ufa-hero__subtitle {<br \/>\n      font-size: 15px;<br \/>\n      color: #4b5563;<br \/>\n      max-width: 540px;<br \/>\n      margin-bottom: 24px;<br \/>\n    }<br \/>\n    .ufa-hero__pills {<br \/>\n      display: flex;<br \/>\n      flex-wrap: wrap;<br \/>\n      gap: 8px;<br \/>\n      margin-bottom: 24px;<br \/>\n    }<br \/>\n    .ufa-pill {<br \/>\n      padding: 4px 10px;<br \/>\n      border-radius: 999px;<br \/>\n      border: 1px solid #e5e7eb;<br \/>\n      font-size: 12px;<br \/>\n      background: #fff;<br \/>\n      display: inline-flex;<br \/>\n      align-items: center;<br \/>\n      gap: 6px;<br \/>\n      color: #374151;<br \/>\n    }<br \/>\n    .ufa-pill__dot {<br \/>\n      width: 8px;<br \/>\n      height: 8px;<br \/>\n      border-radius: 999px;<br \/>\n      background: #0f766e;<br \/>\n    }<br \/>\n    .ufa-hero__cta {<br \/>\n      display: flex;<br \/>\n      flex-wrap: wrap;<br \/>\n      gap: 12px;<br \/>\n      align-items: center;<br \/>\n      margin-bottom: 10px;<br \/>\n    }<br \/>\n    .ufa-btn-primary {<br \/>\n      display: inline-flex;<br \/>\n      align-items: center;<br \/>\n      justify-content: center;<br \/>\n      gap: 8px;<br \/>\n      padding: 10px 18px;<br \/>\n      background: linear-gradient(135deg, #0f766e, #22c55e);<br \/>\n      color: #fff;<br \/>\n      border-radius: 999px;<br \/>\n      font-size: 14px;<br \/>\n      font-weight: 600;<br \/>\n      border: none;<br \/>\n      cursor: pointer;<br \/>\n      box-shadow: 0 12px 24px rgba(15, 118, 110, 0.25);<br \/>\n    }<br \/>\n    .ufa-btn-primary:hover {<br \/>\n      filter: brightness(1.05);<br \/>\n    }<br \/>\n    .ufa-hero__meta {<br \/>\n      font-size: 12px;<br \/>\n      color: #6b7280;<br \/>\n    }<\/p>\n<p>    .ufa-hero__image {<br \/>\n      position: relative;<br \/>\n      border-radius: 20px;<br \/>\n      overflow: hidden;<br \/>\n      min-height: 260px;<br \/>\n      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);<br \/>\n    }<br \/>\n    .ufa-hero__image img {<br \/>\n      width: 100%;<br \/>\n      height: 100%;<br \/>\n      object-fit: cover;<br \/>\n      display: block;<br \/>\n      transform: scale(1.03);<br \/>\n    }<br \/>\n    .ufa-hero__stat {<br \/>\n      position: absolute;<br \/>\n      left: 16px;<br \/>\n      bottom: 16px;<br \/>\n      padding: 10px 14px;<br \/>\n      border-radius: 16px;<br \/>\n      background: rgba(15, 23, 42, 0.84);<br \/>\n      color: #e5e7eb;<br \/>\n      font-size: 12px;<br \/>\n      backdrop-filter: blur(8px);<br \/>\n      max-width: calc(100% &#8212; 32px);<br \/>\n    }<br \/>\n    .ufa-hero__stat strong {<br \/>\n      color: #fef9c3;<br \/>\n      font-weight: 600;<br \/>\n    }<\/p>\n<p>    .ufa-section {<br \/>\n      padding: 40px 0;<br \/>\n    }<br \/>\n    .ufa-section__head {<br \/>\n      display: flex;<br \/>\n      justify-content: space-between;<br \/>\n      gap: 16px;<br \/>\n      align-items: flex-end;<br \/>\n      margin-bottom: 20px;<br \/>\n      padding: 0 4px;<br \/>\n    }<br \/>\n    .ufa-section__title {<br \/>\n      font-size: 22px;<br \/>\n      font-weight: 600;<br \/>\n      color: #111827;<br \/>\n    }<br \/>\n    .ufa-section__description {<br \/>\n      font-size: 13px;<br \/>\n      color: #6b7280;<br \/>\n      max-width: 420px;<br \/>\n    }<\/p>\n<p>    .ufa-projects {<br \/>\n      display: grid;<br \/>\n      grid-template-columns: repeat(4, minmax(0, 1fr));<br \/>\n      gap: 16px;<br \/>\n    }<br \/>\n    @media (max-width: 1100px) {<br \/>\n      .ufa-projects { grid-template-columns: repeat(2, minmax(0, 1fr)); }<br \/>\n    }<br \/>\n    @media (max-width: 700px) {<br \/>\n      .ufa-projects { grid-template-columns: minmax(0, 1fr); }<br \/>\n    }<br \/>\n    .ufa-card {<br \/>\n      border-radius: 16px;<br \/>\n      background: #ffffff;<br \/>\n      box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);<br \/>\n      overflow: hidden;<br \/>\n      display: flex;<br \/>\n      flex-direction: column;<br \/>\n    }<br \/>\n    .ufa-card__image {<br \/>\n      position: relative;<br \/>\n      height: 170px;<br \/>\n      overflow: hidden;<br \/>\n    }<br \/>\n    .ufa-card__image img {<br \/>\n      width: 100%;<br \/>\n      height: 100%;<br \/>\n      object-fit: cover;<br \/>\n      display: block;<br \/>\n      transform: scale(1.03);<br \/>\n    }<br \/>\n    .ufa-card__badge {<br \/>\n      position: absolute;<br \/>\n      left: 12px;<br \/>\n      top: 12px;<br \/>\n      padding: 4px 10px;<br \/>\n      border-radius: 999px;<br \/>\n      font-size: 11px;<br \/>\n      font-weight: 600;<br \/>\n      color: #0f172a;<br \/>\n      background: rgba(248, 250, 252, 0.9);<br \/>\n    }<br \/>\n    .ufa-card__body {<br \/>\n      padding: 14px 14px 12px;<br \/>\n      display: flex;<br \/>\n      flex-direction: column;<br \/>\n      gap: 4px;<br \/>\n    }<br \/>\n    .ufa-card__title {<br \/>\n      font-size: 16px;<br \/>\n      font-weight: 600;<br \/>\n      color: #111827;<br \/>\n    }<br \/>\n    .ufa-card__meta {<br \/>\n      font-size: 12px;<br \/>\n      color: #6b7280;<br \/>\n    }<br \/>\n    .ufa-card__price {<br \/>\n      margin-top: 6px;<br \/>\n      font-size: 13px;<br \/>\n      font-weight: 600;<br \/>\n      color: #0f766e;<br \/>\n    }<br \/>\n    .ufa-card__footer {<br \/>\n      padding: 0 14px 14px;<br \/>\n      display: flex;<br \/>\n      justify-content: space-between;<br \/>\n      align-items: center;<br \/>\n      gap: 10px;<br \/>\n    }<br \/>\n    .ufa-btn-outline {<br \/>\n      padding: 6px 12px;<br \/>\n      border-radius: 999px;<br \/>\n      border: 1px solid #0f766e;<br \/>\n      background: #ecfdf5;<br \/>\n      color: #0f766e;<br \/>\n      font-size: 12px;<br \/>\n      font-weight: 500;<br \/>\n      cursor: pointer;<br \/>\n    }<br \/>\n    .ufa-small-note {<br \/>\n      font-size: 11px;<br \/>\n      color: #9ca3af;<br \/>\n    }<\/p>\n<p>    .ufa-lead {<br \/>\n      margin-top: 8px;<br \/>\n      padding: 28px 18px;<br \/>\n      border-radius: 20px;<br \/>\n      background: linear-gradient(135deg, #f9fafb, #ecfeff);<br \/>\n      display: grid;<br \/>\n      grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);<br \/>\n      gap: 24px;<br \/>\n    }<br \/>\n    @media (max-width: 900px) {<br \/>\n      .ufa-lead {<br \/>\n        grid-template-columns: minmax(0, 1fr);<br \/>\n      }<br \/>\n    }<br \/>\n    .ufa-lead__title {<br \/>\n      font-size: 18px;<br \/>\n      font-weight: 600;<br \/>\n      margin-bottom: 8px;<br \/>\n      color: #111827;<br \/>\n    }<br \/>\n    .ufa-lead__list {<br \/>\n      font-size: 13px;<br \/>\n      color: #4b5563;<br \/>\n      margin: 0;<br \/>\n      padding-left: 18px;<br \/>\n    }<br \/>\n    .ufa-lead__form {<br \/>\n      background: #ffffff;<br \/>\n      border-radius: 16px;<br \/>\n      padding: 16px 16px 14px;<br \/>\n      box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);<br \/>\n    }<br \/>\n    .ufa-field {<br \/>\n      margin-bottom: 10px;<br \/>\n    }<br \/>\n    .ufa-field label {<br \/>\n      display: block;<br \/>\n      font-size: 12px;<br \/>\n      font-weight: 500;<br \/>\n      margin-bottom: 4px;<br \/>\n      color: #4b5563;<br \/>\n    }<br \/>\n    .ufa-input, .ufa-textarea, .ufa-select {<br \/>\n      width: 100%;<br \/>\n      border-radius: 10px;<br \/>\n      border: 1px solid #e5e7eb;<br \/>\n      padding: 8px 10px;<br \/>\n      font-size: 13px;<br \/>\n      outline: none;<br \/>\n      transition: border-color 0.15s ease, box-shadow 0.15s ease;<br \/>\n      background: #f9fafb;<br \/>\n    }<br \/>\n    .ufa-input:focus, .ufa-textarea:focus, .ufa-select:focus {<br \/>\n      border-color: #0f766e;<br \/>\n      box-shadow: 0 0 0 1px rgba(15, 118, 110, 0.3);<br \/>\n      background: #ffffff;<br \/>\n    }<br \/>\n    .ufa-textarea {<br \/>\n      resize: vertical;<br \/>\n      min-height: 60px;<br \/>\n    }<br \/>\n    .ufa-lead__bottom {<br \/>\n      display: flex;<br \/>\n      justify-content: space-between;<br \/>\n      align-items: center;<br \/>\n      gap: 10px;<br \/>\n      margin-top: 8px;<br \/>\n    }<br \/>\n    .ufa-agree {<br \/>\n      font-size: 11px;<br \/>\n      color: #9ca3af;<br \/>\n    }<br \/>\n    .ufa-status {<br \/>\n      font-size: 12px;<br \/>\n      margin-top: 6px;<br \/>\n    }<br \/>\n    .ufa-status&#8212;ok { color: #16a34a; }<br \/>\n    .ufa-status&#8212;err { color: #b91c1c; }<\/p>\n<p>    .ufa-chatbot-toggle {<br \/>\n      position: fixed;<br \/>\n      right: 20px;<br \/>\n      bottom: 20px;<br \/>\n      width: 56px;<br \/>\n      height: 56px;<br \/>\n      border-radius: 999px;<br \/>\n      background: linear-gradient(135deg, #0f766e, #22c55e);<br \/>\n      box-shadow: 0 18px 40px rgba(15, 118, 110, 0.55);<br \/>\n      border: none;<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      justify-content: center;<br \/>\n      cursor: pointer;<br \/>\n      z-index: 9999;<br \/>\n    }<br \/>\n    .ufa-chatbot-toggle span {<br \/>\n      color: #fff;<br \/>\n      font-size: 24px;<br \/>\n      line-height: 1;<br \/>\n    }<br \/>\n    .ufa-chatbot {<br \/>\n      position: fixed;<br \/>\n      right: 20px;<br \/>\n      bottom: 86px;<br \/>\n      width: 320px;<br \/>\n      max-width: calc(100% &#8212; 32px);<br \/>\n      border-radius: 18px;<br \/>\n      background: #ffffff;<br \/>\n      box-shadow: 0 18px 40px rgba(15, 23, 42, 0.4);<br \/>\n      display: none;<br \/>\n      flex-direction: column;<br \/>\n      overflow: hidden;<br \/>\n      z-index: 9999;<br \/>\n    }<br \/>\n    .ufa-chatbot__header {<br \/>\n      padding: 10px 12px;<br \/>\n      background: #0f172a;<br \/>\n      color: #e5e7eb;<br \/>\n      display: flex;<br \/>\n      align-items: center;<br \/>\n      justify-content: space-between;<br \/>\n      gap: 8px;<br \/>\n      font-size: 13px;<br \/>\n    }<br \/>\n    .ufa-chatbot__header strong {<br \/>\n      font-size: 13px;<br \/>\n    }<br \/>\n    .ufa-chatbot__body {<br \/>\n      padding: 10px 12px 12px;<br \/>\n      max-height: 260px;<br \/>\n      overflow-y: auto;<br \/>\n      background: #f9fafb;<br \/>\n    }<br \/>\n    .ufa-chatbot__msg {<br \/>\n      margin-bottom: 6px;<br \/>\n      font-size: 12px;<br \/>\n    }<br \/>\n    .ufa-chatbot__msg&#8212;bot {<br \/>\n      color: #111827;<br \/>\n    }<br \/>\n    .ufa-chatbot__msg&#8212;user {<br \/>\n      text-align: right;<br \/>\n      color: #0f766e;<br \/>\n    }<br \/>\n    .ufa-chatbot__footer {<br \/>\n      padding: 8px 10px;<br \/>\n      border-top: 1px solid #e5e7eb;<br \/>\n      background: #ffffff;<br \/>\n      display: flex;<br \/>\n      gap: 6px;<br \/>\n    }<br \/>\n    .ufa-chatbot__input {<br \/>\n      flex: 1;<br \/>\n      border-radius: 999px;<br \/>\n      border: 1px solid #e5e7eb;<br \/>\n      padding: 6px 10px;<br \/>\n      font-size: 12px;<br \/>\n      outline: none;<br \/>\n    }<br \/>\n    .ufa-chatbot__send {<br \/>\n      border-radius: 999px;<br \/>\n      border: none;<br \/>\n      background: #0f766e;<br \/>\n      color: #fff;<br \/>\n      font-size: 12px;<br \/>\n      padding: 6px 10px;<br \/>\n      cursor: pointer;<br \/>\n    }<br \/>\n    @media (max-width: 600px) {<br \/>\n      .ufa-chatbot {<br \/>\n        right: 10px;<br \/>\n        bottom: 76px;<br \/>\n      }<br \/>\n      .ufa-chatbot-toggle {<br \/>\n        right: 10px;<br \/>\n        bottom: 10px;<br \/>\n      }<br \/>\n    }<\/p>\n<section class=\"ufa-hero\">\n<div>\n<div class=\"ufa-hero__badge\">\n        <span>\u041d\u043e\u0432\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0423\u0444\u044b<\/span>\n      <\/div>\n<h1 class=\"ufa-hero__title\">\u041f\u043e\u0434\u0431\u043e\u0440 \u043a\u0432\u0430\u0440\u0442\u0438\u0440\u044b \u0432 \u043d\u043e\u0432\u043e\u043c \u0434\u043e\u043c\u0435 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0423\u0444\u044b \u0437\u0430 1 \u0434\u0435\u043d\u044c<\/h1>\n<p class=\"ufa-hero__subtitle\">\n        \u041f\u043e\u0434\u0431\u0435\u0440\u0451\u043c \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u044b \u0432 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0430\u0439\u043e\u043d\u0430\u0445 \u0423\u0444\u044b \u2014 \u0440\u044f\u0434\u043e\u043c \u0441 \u0434\u0435\u043b\u043e\u0432\u044b\u043c \u043a\u0432\u0430\u0440\u0442\u0430\u043b\u043e\u043c, \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u043e\u0439 \u0438 \u043a\u043b\u044e\u0447\u0435\u0432\u043e\u0439 \u0438\u043d\u0444\u0440\u0430\u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0439.<br \/>\n        \u0421 \u0443\u0447\u0451\u0442\u043e\u043c \u0431\u044e\u0434\u0436\u0435\u0442\u0430, \u0441\u0435\u043c\u0435\u0439\u043d\u043e\u0433\u043e \u0441\u043e\u0441\u0442\u0430\u0432\u0430 \u0438 \u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u0438\u0439 \u043a \u0434\u043e\u043c\u0443.\n      <\/p>\n<div class=\"ufa-hero__pills\">\n<div class=\"ufa-pill\"><span class=\"ufa-pill__dot\"><\/span><span>\u0426\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0435 \u0438 \u00ab\u0442\u0438\u0445\u0438\u0435\u00bb \u0446\u0435\u043d\u0442\u0440\u044b<\/span><\/div>\n<div class=\"ufa-pill\"><span class=\"ufa-pill__dot\"><\/span><span>\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0434\u043e 15% \u0437\u0430 \u0441\u0447\u0451\u0442 \u0430\u043a\u0446\u0438\u0439 \u0437\u0430\u0441\u0442\u0440\u043e\u0439\u0449\u0438\u043a\u043e\u0432<\/span><\/div>\n<div class=\"ufa-pill\"><span class=\"ufa-pill__dot\"><\/span><span>\u0418\u043f\u043e\u0442\u0435\u043a\u0430 \u0441 \u0433\u043e\u0441\u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u043e\u0439 \u0438 \u0441\u0435\u043c\u0435\u0439\u043d\u0430\u044f<\/span><\/div>\n<\/p><\/div>\n<div class=\"ufa-hero__cta\">\n        <button class=\"ufa-btn-primary\" type=\"button\"><br \/>\n          \u041f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u043d\u043e\u0432\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435<br \/>\n        <\/button><\/p>\n<div class=\"ufa-hero__meta\">\n          \u041f\u043e\u0434\u0431\u043e\u0440 \u0431\u0435\u0437 \u043a\u043e\u043c\u0438\u0441\u0441\u0438\u0438 \u0434\u043b\u044f \u043f\u043e\u043a\u0443\u043f\u0430\u0442\u0435\u043b\u044f. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0441 \u043f\u0440\u043e\u0432\u0435\u0440\u0435\u043d\u043d\u044b\u043c\u0438 \u0437\u0430\u0441\u0442\u0440\u043e\u0439\u0449\u0438\u043a\u0430\u043c\u0438.\n        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"ufa-hero__image\">\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505843513577-22bb7d21e455?auto=format&amp;fit=crop&amp;w=1200&amp;q=80\" alt=\"\u041d\u043e\u0432\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0433\u043e\u0440\u043e\u0434\u0430\"><\/p>\n<div class=\"ufa-hero__stat\">\n<div><strong>10+ \u0436\u0438\u043b\u044b\u0445 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u043e\u0432<\/strong> \u0432 \u0446\u0435\u043d\u0442\u0440\u0430\u043b\u044c\u043d\u044b\u0445 \u0440\u0430\u0439\u043e\u043d\u0430\u0445 \u0423\u0444\u044b \u0432 \u0435\u0434\u0438\u043d\u043e\u0439 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0435.<\/div>\n<div>\u0410\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0435\u043d\u044b, \u0430\u043a\u0446\u0438\u0438 \u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u043f\u043e \u0438\u043f\u043e\u0442\u0435\u043a\u0435.<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"ufa-section\" id=\"ufa-projects\">\n<div class=\"ufa-section__head\">\n<div class=\"ufa-section__title\">\u0416\u0438\u043b\u044b\u0435 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u044b \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0438 \u00ab\u0442\u0438\u0445\u043e\u043c\u00bb \u0446\u0435\u043d\u0442\u0440\u0435<\/div>\n<div class=\"ufa-section__description\">\n        \u041d\u0438\u0436\u0435 \u2014 \u043f\u0440\u0438\u043c\u0435\u0440\u044b \u0444\u043e\u0440\u043c\u0430\u0442\u0430 \u0416\u041a, \u0441 \u043a\u043e\u0442\u043e\u0440\u044b\u043c\u0438 \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c.<br \/>\n        \u0422\u043e\u0447\u043d\u044b\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0438 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u0435 \u0446\u0435\u043d\u044b \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u043e\u0441\u043b\u0435 \u0437\u0430\u044f\u0432\u043a\u0438.\n      <\/div>\n<\/p><\/div>\n<div class=\"ufa-projects\">\n<article class=\"ufa-card\">\n<div class=\"ufa-card__image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1505842679540-5b2d54338dcc?auto=format&amp;fit=crop&amp;w=900&amp;q=80\" alt=\"\u0416\u041a \u041f\u0430\u043d\u043e\u0440\u0430\u043c\u0430 \u0426\u0435\u043d\u0442\u0440\"><\/p>\n<div class=\"ufa-card__badge\">\u0411\u0438\u0437\u043d\u0435\u0441\u2011\u043a\u043b\u0430\u0441\u0441<\/div>\n<\/p><\/div>\n<div class=\"ufa-card__body\">\n<div class=\"ufa-card__title\">\u0416\u041a \u00ab\u041f\u0430\u043d\u043e\u0440\u0430\u043c\u0430 \u0426\u0435\u043d\u0442\u0440\u00bb<\/div>\n<div class=\"ufa-card__meta\">\u041f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u0435 \u0432\u0438\u0434\u044b \u043d\u0430 \u0433\u043e\u0440\u043e\u0434, \u0437\u0430\u043a\u0440\u044b\u0442\u044b\u0439 \u0434\u0432\u043e\u0440, \u043f\u043e\u0434\u0437\u0435\u043c\u043d\u044b\u0439 \u043f\u0430\u0440\u043a\u0438\u043d\u0433.<\/div>\n<div class=\"ufa-card__price\">\u043e\u0442 10,5 \u043c\u043b\u043d \u20bd \u00b7 1\u20133 \u043a\u043e\u043c\u043d\u0430\u0442\u044b<\/div>\n<\/p><\/div>\n<div class=\"ufa-card__footer\">\n          <button class=\"ufa-btn-outline\" type=\"button\"><br \/>\n            \u0423\u0437\u043d\u0430\u0442\u044c \u0446\u0435\u043d\u044b<br \/>\n          <\/button><\/p>\n<div class=\"ufa-small-note\">\u0421\u0434\u0430\u0447\u0430: 2027 \u0433\u043e\u0434<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"ufa-card\">\n<div class=\"ufa-card__image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1502672023488-70e25813eb80?auto=format&amp;fit=crop&amp;w=900&amp;q=80\" alt=\"\u0416\u041a \u0422\u0438\u0445\u0438\u0439 \u0426\u0435\u043d\u0442\u0440\"><\/p>\n<div class=\"ufa-card__badge\">\u041a\u043e\u043c\u0444\u043e\u0440\u0442\u2011\u043f\u043b\u044e\u0441<\/div>\n<\/p><\/div>\n<div class=\"ufa-card__body\">\n<div class=\"ufa-card__title\">\u0416\u041a \u00ab\u0422\u0438\u0445\u0438\u0439 \u0426\u0435\u043d\u0442\u0440\u00bb<\/div>\n<div class=\"ufa-card__meta\">\u0421\u043f\u043e\u043a\u043e\u0439\u043d\u044b\u0439 \u043a\u0432\u0430\u0440\u0442\u0430\u043b \u0443 \u0446\u0435\u043d\u0442\u0440\u0430, \u0434\u0432\u043e\u0440 \u0431\u0435\u0437 \u043c\u0430\u0448\u0438\u043d, \u0441\u0435\u043c\u0435\u0439\u043d\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442.<\/div>\n<div class=\"ufa-card__price\">\u043e\u0442 7,9 \u043c\u043b\u043d \u20bd \u00b7 1\u20133 \u043a\u043e\u043c\u043d\u0430\u0442\u044b<\/div>\n<\/p><\/div>\n<div class=\"ufa-card__footer\">\n          <button class=\"ufa-btn-outline\" type=\"button\"><br \/>\n            \u041f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u043f\u043b\u0430\u043d\u0438\u0440\u043e\u0432\u043a\u0438<br \/>\n          <\/button><\/p>\n<div class=\"ufa-small-note\">\u0421\u0434\u0430\u0447\u0430: 2026 \u0433\u043e\u0434<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"ufa-card\">\n<div class=\"ufa-card__image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1485337296458-d229c2f43378?auto=format&amp;fit=crop&amp;w=900&amp;q=80\" alt=\"\u0416\u041a \u041d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u044b\u0439 \u043a\u0432\u0430\u0440\u0442\u0430\u043b\"><\/p>\n<div class=\"ufa-card__badge\">\u0423 \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u043e\u0439<\/div>\n<\/p><\/div>\n<div class=\"ufa-card__body\">\n<div class=\"ufa-card__title\">\u0416\u041a \u00ab\u041d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u044b\u0439 \u043a\u0432\u0430\u0440\u0442\u0430\u043b\u00bb<\/div>\n<div class=\"ufa-card__meta\">\u0420\u044f\u0434\u043e\u043c \u0441 \u043d\u0430\u0431\u0435\u0440\u0435\u0436\u043d\u043e\u0439 \u0438 \u043f\u0430\u0440\u043a\u043e\u043c. \u0423\u0434\u043e\u0431\u0435\u043d \u0434\u043b\u044f \u043f\u0440\u043e\u0433\u0443\u043b\u043e\u043a \u0438 \u0437\u0430\u043d\u044f\u0442\u0438\u0439 \u0441\u043f\u043e\u0440\u0442\u043e\u043c.<\/div>\n<div class=\"ufa-card__price\">\u043e\u0442 8,3 \u043c\u043b\u043d \u20bd \u00b7 1\u20132 \u043a\u043e\u043c\u043d\u0430\u0442\u044b<\/div>\n<\/p><\/div>\n<div class=\"ufa-card__footer\">\n          <button class=\"ufa-btn-outline\" type=\"button\"><br \/>\n            \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443<br \/>\n          <\/button><\/p>\n<div class=\"ufa-small-note\">\u0421\u0434\u0430\u0447\u0430: 2025\u20132026 \u0433\u0433.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"ufa-card\">\n<div class=\"ufa-card__image\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1512914890250-353c97c9e7e2?auto=format&amp;fit=crop&amp;w=900&amp;q=80\" alt=\"\u0416\u041a \u0421\u043a\u0430\u0439\u043b\u0430\u0439\u0442 \u0426\u0435\u043d\u0442\u0440\"><\/p>\n<div class=\"ufa-card__badge\">\u0412\u0438\u0434\u043e\u0432\u044b\u0435 \u044d\u0442\u0430\u0436\u0438<\/div>\n<\/p><\/div>\n<div class=\"ufa-card__body\">\n<div class=\"ufa-card__title\">\u0416\u041a \u00ab\u0421\u043a\u0430\u0439\u043b\u0430\u0439\u0442 \u0426\u0435\u043d\u0442\u0440\u00bb<\/div>\n<div class=\"ufa-card__meta\">\u0412\u044b\u0441\u043e\u0442\u043d\u044b\u0435 \u043a\u043e\u0440\u043f\u0443\u0441\u0430 \u0441 \u043f\u0430\u043d\u043e\u0440\u0430\u043c\u043d\u044b\u043c \u043e\u0441\u0442\u0435\u043a\u043b\u0435\u043d\u0438\u0435\u043c \u0438 \u0432\u0438\u0434\u043e\u0432\u044b\u043c\u0438 \u0442\u0435\u0440\u0440\u0430\u0441\u0430\u043c\u0438.<\/div>\n<div class=\"ufa-card__price\">\u043e\u0442 11,2 \u043c\u043b\u043d \u20bd \u00b7 2\u20134 \u043a\u043e\u043c\u043d\u0430\u0442\u044b<\/div>\n<\/p><\/div>\n<div class=\"ufa-card__footer\">\n          <button class=\"ufa-btn-outline\" type=\"button\"><br \/>\n            \u0423\u0437\u043d\u0430\u0442\u044c \u0430\u043a\u0446\u0438\u0438<br \/>\n          <\/button><\/p>\n<div class=\"ufa-small-note\">\u0421\u0434\u0430\u0447\u0430: 2027\u20132028 \u0433\u0433.<\/div>\n<\/p><\/div>\n<\/article><\/div>\n<\/section>\n<section class=\"ufa-section\" id=\"ufa-lead\">\n<div class=\"ufa-lead\">\n<div>\n<h2 class=\"ufa-lead__title\">\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443 \u2014 \u0432\u044b\u0448\u043b\u0435\u043c \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u043d\u043e\u0432\u043e\u0441\u0442\u0440\u043e\u0435\u043a \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0423\u0444\u044b \u0441 \u0430\u043a\u0442\u0443\u0430\u043b\u044c\u043d\u044b\u043c\u0438 \u0446\u0435\u043d\u0430\u043c\u0438<\/h2>\n<ul class=\"ufa-lead__list\">\n<li>\u0423\u0447\u0442\u0451\u043c \u0431\u044e\u0434\u0436\u0435\u0442, \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e \u043a\u043e\u043c\u043d\u0430\u0442, \u0436\u0435\u043b\u0430\u0435\u043c\u044b\u0439 \u0440\u0430\u0439\u043e\u043d \u0438 \u0441\u0440\u043e\u043a\u0438 \u0441\u0434\u0430\u0447\u0438.<\/li>\n<li>\u0421\u0440\u0430\u0432\u043d\u0438\u043c \u0430\u043a\u0446\u0438\u0438 \u0437\u0430\u0441\u0442\u0440\u043e\u0439\u0449\u0438\u043a\u043e\u0432 \u0438 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u044c\u043d\u044b\u0435 \u0443\u0441\u043b\u043e\u0432\u0438\u044f \u043f\u043e \u0438\u043f\u043e\u0442\u0435\u043a\u0435.<\/li>\n<li>\u041f\u043e\u0434\u0431\u0435\u0440\u0451\u043c 5\u20137 \u043b\u0443\u0447\u0448\u0438\u0445 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u043e\u0432 \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0432\u0430\u043c \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0443 \u0432 \u043c\u0435\u0441\u0441\u0435\u043d\u0434\u0436\u0435\u0440.<\/li>\n<\/ul><\/div>\n<div>\n<div class=\"ufa-field\">\n            <label for=\"ufa-name\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f<\/label><\/p><\/div>\n<div class=\"ufa-field\">\n            <label for=\"ufa-phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d *<\/label><\/p><\/div>\n<div class=\"ufa-field\">\n            <label for=\"ufa-lead-form-project\">\u0418\u043d\u0442\u0435\u0440\u0435\u0441\u0443\u044e\u0449\u0438\u0439 \u0416\u041a \u0438\u043b\u0438 \u0440\u0430\u0439\u043e\u043d<\/label><\/p><\/div>\n<div class=\"ufa-field\">\n            <label for=\"ufa-budget\">\u0411\u044e\u0434\u0436\u0435\u0442<\/label><\/p><\/div>\n<div class=\"ufa-field\">\n            <label for=\"ufa-when\">\u0423\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0437\u0432\u043e\u043d\u043a\u0430<\/label><\/p><\/div>\n<div class=\"ufa-field\">\n            <label for=\"ufa-comment\">\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439<\/label><br \/>\n            <textarea class=\"ufa-textarea\" id=\"ufa-comment\" name=\"comment\"><\/textarea>\n          <\/div>\n<div class=\"ufa-lead__bottom\">\n            <button class=\"ufa-btn-primary\" type=\"submit\"><br \/>\n              \u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<br \/>\n            <\/button><\/p>\n<div class=\"ufa-agree\">\n              \u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043a\u043d\u043e\u043f\u043a\u0443, \u0432\u044b \u0434\u0430\u0451\u0442\u0435 \u0441\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445.\n            <\/div>\n<\/p><\/div>\n<div id=\"ufa-lead-status\" class=\"ufa-status\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<p>  <button class=\"ufa-chatbot-toggle\" type=\"button\" id=\"ufa-chatbot-toggle\"><br \/>\n    <span>\ud83d\udcac<\/span><br \/>\n  <\/button><\/p>\n<div class=\"ufa-chatbot\" id=\"ufa-chatbot\">\n<div class=\"ufa-chatbot__header\">\n<div>\n        <strong>\u041f\u043e\u0434\u0431\u043e\u0440 \u043d\u043e\u0432\u043e\u0441\u0442\u0440\u043e\u0435\u043a<\/strong><br \/>\n        <span style=\"font-size:11px;color:#9ca3af\">\u0426\u0435\u043d\u0442\u0440 \u0423\u0444\u044b \u00b7 \u043e\u043d\u043b\u0430\u0439\u043d\u2011\u0430\u0441\u0441\u0438\u0441\u0442\u0435\u043d\u0442<\/span>\n      <\/div>\n<p>      <button type=\"button\" class=\"ufa-chatbot__send\" style=\"background:#111827;padding:4px 8px\"><br \/>\n        \u2715<br \/>\n      <\/button>\n    <\/div>\n<div class=\"ufa-chatbot__body\" id=\"ufa-chatbot-body\">\n<div class=\"ufa-chatbot__msg ufa-chatbot__msg--bot\">\n        \u0414\u043e\u0431\u0440\u044b\u0439 \u0434\u0435\u043d\u044c! \u042f \u043f\u043e\u043c\u043e\u0433\u0443 \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0442\u044c \u043d\u043e\u0432\u043e\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0423\u0444\u044b. \u041a\u0430\u043a \u0432\u0430\u0441 \u0437\u043e\u0432\u0443\u0442?\n      <\/div>\n<\/p><\/div>\n<div class=\"ufa-chatbot__footer\">\n<p>      <button class=\"ufa-chatbot__send\" type=\"button\" id=\"ufa-chatbot-send\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/button>\n    <\/div>\n<\/p><\/div>\n<p>    (function () {<br \/>\n      const form = document.getElementById(&#8216;ufa-lead-form&#8217;);<br \/>\n      const statusEl = document.getElementById(&#8216;ufa-lead-status&#8217;);<br \/>\n      if (form) {<br \/>\n        form.addEventListener(&#8216;submit&#8217;, function (e) {<br \/>\n          e.preventDefault();<br \/>\n          statusEl.textContent = &#187;;<br \/>\n          statusEl.className = &#8216;ufa-status&#8217;;<br \/>\n          const data = new FormData(form);<br \/>\n          data.append(&#8216;source&#8217;, &#8216;\u0424\u043e\u0440\u043c\u0430: \u043b\u0435\u043d\u0434\u0438\u043d\u0433 \u0446\u0435\u043d\u0442\u0440 \u0423\u0444\u044b&#8217;);<\/p>\n<p>          fetch(&#8216;ufa-tg-lead.php&#8217;, {<br \/>\n            method: &#8216;POST&#8217;,<br \/>\n            body: data<br \/>\n          }).then(function (res) {<br \/>\n            return res.json();<br \/>\n          }).then(function (json) {<br \/>\n            if (json &amp;&amp; json.ok) {<br \/>\n              statusEl.textContent = &#8216;\u0417\u0430\u044f\u0432\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \u041c\u044b \u0441\u0432\u044f\u0436\u0435\u043c\u0441\u044f \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.&#8217;;<br \/>\n              statusEl.className = &#8216;ufa-status ufa-status&#8212;ok&#8217;;<br \/>\n              form.reset();<br \/>\n            } else {<br \/>\n              statusEl.textContent = &#8216;\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0451 \u0440\u0430\u0437 \u0438\u043b\u0438 \u0441\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c \u043f\u043e \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0443.&#8217;;<br \/>\n              statusEl.className = &#8216;ufa-status ufa-status&#8212;err&#8217;;<br \/>\n            }<br \/>\n          }).catch(function () {<br \/>\n            statusEl.textContent = &#8216;\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435.&#8217;;<br \/>\n            statusEl.className = &#8216;ufa-status ufa-status&#8212;err&#8217;;<br \/>\n          });<br \/>\n        });<br \/>\n      }<\/p>\n<p>      const toggle = document.getElementById(&#8216;ufa-chatbot-toggle&#8217;);<br \/>\n      const chat = document.getElementById(&#8216;ufa-chatbot&#8217;);<br \/>\n      const body = document.getElementById(&#8216;ufa-chatbot-body&#8217;);<br \/>\n      const input = document.getElementById(&#8216;ufa-chatbot-input&#8217;);<br \/>\n      const send = document.getElementById(&#8216;ufa-chatbot-send&#8217;);<\/p>\n<p>      let step = 0;<br \/>\n      const state = { name: &#187;, phone: &#187;, project: &#187;, budget: &#187; };<\/p>\n<p>      function pushMsg(text, who) {<br \/>\n        const div = document.createElement(&#8216;div&#8217;);<br \/>\n        div.className = &#8216;ufa-chatbot__msg ufa-chatbot__msg&#8212;&#8216; + who;<br \/>\n        div.textContent = text;<br \/>\n        body.appendChild(div);<br \/>\n        body.scrollTop = body.scrollHeight;<br \/>\n      }<\/p>\n<p>      function nextBotMessage() {<br \/>\n        if (step === 0) {<br \/>\n          pushMsg(&#8216;\u041a\u0430\u043a \u0432\u0430\u0441 \u0437\u043e\u0432\u0443\u0442?&#8217;, &#8216;bot&#8217;);<br \/>\n        } else if (step === 1) {<br \/>\n          pushMsg(&#8216;\u0421\u043f\u0430\u0441\u0438\u0431\u043e, &#8216; + state.name + &#8216;. \u0423\u043a\u0430\u0436\u0438\u0442\u0435, \u043f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 \u0434\u043b\u044f \u0441\u0432\u044f\u0437\u0438.&#8217;, &#8216;bot&#8217;);<br \/>\n        } else if (step === 2) {<br \/>\n          pushMsg(&#8216;\u041a\u0430\u043a\u043e\u0439 \u0416\u041a \u0438\u043b\u0438 \u0440\u0430\u0439\u043e\u043d \u0432 \u0446\u0435\u043d\u0442\u0440\u0435 \u0432\u0430\u043c \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u0435\u043d?&#8217;, &#8216;bot&#8217;);<br \/>\n        } else if (step === 3) {<br \/>\n          pushMsg(&#8216;\u041a\u0430\u043a\u043e\u0439 \u043e\u0440\u0438\u0435\u043d\u0442\u0438\u0440\u043e\u0432\u043e\u0447\u043d\u044b\u0439 \u0431\u044e\u0434\u0436\u0435\u0442 \u043d\u0430 \u043f\u043e\u043a\u0443\u043f\u043a\u0443?&#8217;, &#8216;bot&#8217;);<br \/>\n        } else if (step === 4) {<br \/>\n          pushMsg(&#8216;\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u044e \u0437\u0430\u044f\u0432\u043a\u0443. \u041c\u044b \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0432\u0430\u043c \u0432 \u0440\u0430\u0431\u043e\u0447\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.&#8217;, &#8216;bot&#8217;);<br \/>\n          const data = new FormData();<br \/>\n          data.append(&#8216;name&#8217;, state.name);<br \/>\n          data.append(&#8216;phone&#8217;, state.phone);<br \/>\n          data.append(&#8216;project&#8217;, state.project);<br \/>\n          data.append(&#8216;budget&#8217;, state.budget);<br \/>\n          data.append(&#8216;source&#8217;, &#8216;\u0427\u0430\u0442-\u0431\u043e\u0442: \u043b\u0435\u043d\u0434\u0438\u043d\u0433 \u0446\u0435\u043d\u0442\u0440 \u0423\u0444\u044b&#8217;);<br \/>\n          fetch(&#8216;ufa-tg-lead.php&#8217;, {<br \/>\n            method: &#8216;POST&#8217;,<br \/>\n            body: data<br \/>\n          }).then(function (res) { return res.json(); }).then(function (json) {<br \/>\n            if (json &amp;&amp; json.ok) {<br \/>\n              pushMsg(&#8216;\u0417\u0430\u044f\u0432\u043a\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430. \u0421\u043f\u0430\u0441\u0438\u0431\u043e!&#8217;, &#8216;bot&#8217;);<br \/>\n            } else {<br \/>\n              pushMsg(&#8216;\u041d\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443, \u043d\u043e \u043c\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u043c \u0432\u0430\u0448\u0438 \u043e\u0442\u0432\u0435\u0442\u044b. \u041f\u0440\u0438 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u043e\u0441\u0442\u0438 \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c \u0444\u043e\u0440\u043c\u043e\u0439 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435.&#8217;, &#8216;bot&#8217;);<br \/>\n            }<br \/>\n          }).catch(function () {<br \/>\n            pushMsg(&#8216;\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u0432\u044f\u0437\u0438 \u0441 \u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435 \u0438\u043b\u0438 \u043e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443 \u0447\u0435\u0440\u0435\u0437 \u0444\u043e\u0440\u043c\u0443.&#8217;, &#8216;bot&#8217;);<br \/>\n          });<br \/>\n          step = 5;<br \/>\n        }<br \/>\n      }<\/p>\n<p>      if (toggle &amp;&amp; chat &amp;&amp; input &amp;&amp; send) {<br \/>\n        toggle.addEventListener(&#8216;click&#8217;, function () {<br \/>\n          chat.style.display = chat.style.display === &#8216;flex&#8217; ? &#8216;none&#8217; : &#8216;flex&#8217;;<br \/>\n          if (chat.style.display === &#8216;flex&#8217; &amp;&amp; step === 0) {<br \/>\n            nextBotMessage();<br \/>\n          }<br \/>\n        });<\/p>\n<p>        function handleSend() {<br \/>\n          const val = input.value.trim();<br \/>\n          if (!val) return;<br \/>\n          pushMsg(val, &#8216;user&#8217;);<br \/>\n          input.value = &#187;;<br \/>\n          if (step === 0) {<br \/>\n            state.name = val;<br \/>\n            step = 1;<br \/>\n          } else if (step === 1) {<br \/>\n            state.phone = val;<br \/>\n            step = 2;<br \/>\n          } else if (step === 2) {<br \/>\n            state.project = val;<br \/>\n            step = 3;<br \/>\n          } else if (step === 3) {<br \/>\n            state.budget = val;<br \/>\n            step = 4;<br \/>\n          }<br \/>\n          nextBotMessage();<br \/>\n        }<\/p>\n<p>        send.addEventListener(&#8216;click&#8217;, handleSend);<br \/>\n        input.addEventListener(&#8216;keydown&#8217;, function (e) {<br \/>\n          if (e.key === &#8216;Enter&#8217;) {<br \/>\n            e.preventDefault();<br \/>\n            handleSend();<br \/>\n          }<br \/>\n        });<br \/>\n      }<br \/>\n    })();<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>.ufa-landing { font-family: system-ui, -apple-system, BlinkMacSystemFont, &#171;Segoe UI&#187;, sans-serif; color: #111827; line-height: 1.6; } .ufa-landing * { box-sizing: border-box; } .ufa-landing a { color: #0f766e; text-decoration: none; } .ufa-landing a:hover { text-decoration: underline; } .ufa-hero { position: relative; display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 40px; padding: 60px 24px 56px; border-radius: 24px; background: radial-gradient(circle [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/novoufa.ru\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/novoufa.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/novoufa.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/novoufa.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":1,"href":"https:\/\/novoufa.ru\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/novoufa.ru\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/novoufa.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}