{"id":4412,"date":"2026-03-09T03:26:02","date_gmt":"2026-03-09T03:26:02","guid":{"rendered":"https:\/\/nemanexpert.kz\/?page_id=4412"},"modified":"2026-03-11T22:09:40","modified_gmt":"2026-03-11T22:09:40","slug":"proschet","status":"publish","type":"page","link":"https:\/\/nemanexpert.kz\/?page_id=4412","title":{"rendered":"ProSchet"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4412\" class=\"elementor elementor-4412\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-920bea6 e-flex e-con-boxed e-con e-parent\" data-id=\"920bea6\" data-element_type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f2993d ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"5f2993d\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section class=\"proschet-landing\" style=\"font-family: 'Montserrat', Arial, sans-serif;\">\n\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n    \n    .proschet-landing { \n        margin: 0 calc(50% - 50vw);\n        width: 100vw;\n        max-width: 100vw;\n        padding: 0; \n        box-sizing: border-box; \n        font-family: 'Montserrat', sans-serif; \n        display: flex; flex-direction: column; \n    }\n    .proschet-landing *, .proschet-landing *::before, .proschet-landing *::after { box-sizing: border-box; }\n    .proschet-landing .pl-container { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; width: 100%; }\n\n    \/* Hero *\/\n    .proschet-landing .pl-hero {\n        background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);\n        padding: 6rem 0 5rem;\n        position: relative;\n        overflow: hidden;\n        color: white;\n    }\n    .proschet-landing .pl-hero::before {\n        content: '';\n        position: absolute;\n        top: -50%;\n        right: -20%;\n        width: 80%;\n        height: 200%;\n        background: radial-gradient(circle, rgba(95,186,81,0.08) 0%, transparent 70%);\n        animation: plPulse 6s ease-in-out infinite;\n    }\n    @keyframes plPulse { 0%,100%{transform:scale(1);opacity:0.3;} 50%{transform:scale(1.05);opacity:0.5;} }\n    \n    .proschet-landing .pl-hero-content { position: relative; z-index: 2; text-align: center; }\n    .proschet-landing .pl-hero-content h1 {\n        font-family: 'Montserrat', sans-serif;\n        font-size: clamp(2rem, 5vw, 3.2rem);\n        font-weight: 800;\n        margin-bottom: 1.2rem;\n        line-height: 1.15;\n        background: linear-gradient(135deg, #ffffff 0%, #5FBA51 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n    }\n    .proschet-landing .pl-hero-sub {\n        font-size: 1.1rem;\n        color: #cbd5e1;\n        margin-bottom: 2.5rem;\n        max-width: 750px;\n        margin-left: auto;\n        margin-right: auto;\n        font-weight: 400;\n        line-height: 1.6;\n    }\n    \n    \/* \u041c\u0435\u0442\u0440\u0438\u043a\u0438 \u0432 \u0433\u0435\u0440\u043e\u0435 *\/\n    .proschet-landing .pl-hero-metrics {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n        gap: 1.5rem;\n        max-width: 900px;\n        margin: 2.5rem auto 0;\n    }\n    .proschet-landing .pl-metric {\n        background: rgba(255,255,255,0.05);\n        backdrop-filter: blur(20px);\n        border: 1px solid rgba(95,186,81,0.2);\n        border-radius: 20px;\n        padding: 2rem 1.5rem;\n        text-align: center;\n        transition: all 0.3s ease;\n    }\n    .proschet-landing .pl-metric:hover {\n        transform: translateY(-5px);\n        border-color: rgba(95,186,81,0.4);\n        box-shadow: 0 15px 30px rgba(95,186,81,0.15);\n    }\n    .proschet-landing .pl-metric-icon {\n        width: 52px;\n        height: 52px;\n        background: linear-gradient(135deg, #5FBA51, #4a9441);\n        border-radius: 14px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 1.2rem;\n    }\n    .proschet-landing .pl-metric-icon svg { width: 26px; height: 26px; color: white; }\n    .proschet-landing .pl-metric-title { font-size: 1.1rem; font-weight: 700; color: white; margin-bottom: 0.4rem; }\n    .proschet-landing .pl-metric-desc { font-size: 0.85rem; color: #94a3b8; line-height: 1.5; }\n\n    \/* Info Section *\/\n    .proschet-landing .pl-info-section {\n        padding: 5rem 0;\n        background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);\n        border-top: 1px solid #e2e8f0;\n        border-bottom: 1px solid #e2e8f0;\n    }\n    .proschet-landing .pl-info-header { text-align: center; margin-bottom: 3.5rem; }\n    .proschet-landing .pl-info-header h2 {\n        font-family: 'Montserrat', sans-serif;\n        font-size: clamp(1.8rem, 4vw, 2.4rem);\n        font-weight: 800;\n        color: #1e293b !important;\n        margin-bottom: 0.8rem;\n    }\n    .proschet-landing .pl-accent { color: #5FBA51; }\n    .proschet-landing .pl-info-header p { color: #64748b; font-size: 1.1rem; max-width: 650px; margin: 0 auto; line-height: 1.6; }\n    \n    .proschet-landing .pl-steps {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 1.5rem;\n        max-width: 1000px;\n        margin: 0 auto;\n    }\n    .proschet-landing .pl-step {\n        background: white;\n        border: 2px solid #f1f5f9;\n        border-radius: 20px;\n        padding: 2rem 1.5rem;\n        text-align: center;\n        transition: all 0.3s;\n        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n    }\n    .proschet-landing .pl-step:hover {\n        border-color: #5FBA51;\n        transform: translateY(-4px);\n        box-shadow: 0 10px 25px rgba(95,186,81,0.12);\n    }\n    .proschet-landing .pl-step-num {\n        width: 44px;\n        height: 44px;\n        background: linear-gradient(135deg, #5FBA51, #4a9441);\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin: 0 auto 1.2rem;\n        color: white;\n        font-size: 16px;\n        font-weight: 800;\n    }\n    .proschet-landing .pl-step h4 { font-size: 1.05rem; font-weight: 700; color: #1e293b !important; margin-bottom: 0.6rem; }\n    .proschet-landing .pl-step p { font-size: 0.85rem; color: #64748b; line-height: 1.5; margin: 0; }\n\n    \/* CTA section *\/\n    .proschet-landing .pl-cta-section {\n        padding: 4rem 0 3.5rem;\n        background: #0f172a;\n        text-align: center;\n        color: #ffffff;\n    }\n    .proschet-landing .pl-cta-section h2 {\n        font-family: 'Montserrat', sans-serif;\n        font-size: 2.2rem;\n        font-weight: 800;\n        margin-bottom: 0.5rem;\n        color: #ffffff !important;\n    }\n    .proschet-landing .pl-cta-section p { color: #94a3b8; font-size: 1.1rem; margin-bottom: 2rem; }\n    .proschet-landing .pl-cta-arrow {\n        display: flex;\n        justify-content: center;\n        animation: plBounce 2s infinite;\n    }\n    .proschet-landing .pl-cta-arrow svg { width: 32px; height: 32px; color: #4ade80; }\n    @keyframes plBounce { 0%,100%{transform:translateY(0);} 50%{transform:translateY(10px);} }\n    \n    \/* \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0441\u0435\u043a\u0446\u0438\u044f *\/\n    .proschet-landing .pl-calc-section {\n        padding: 0 0 5rem;\n        background: #0f172a;\n    }\n    .proschet-landing .pl-calc-container { max-width: 900px; margin: 0 auto; width: 100%; }\n<\/style>\n\n  <!-- HERO -->\n  <section class=\"pl-hero\">\n    <div class=\"pl-container\">\n      <div class=\"pl-hero-content\">\n        <h1>ProSchet \u2014 \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u044d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438<\/h1>\n        <p class=\"pl-hero-sub\">\u041f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043d\u0430 \u044f\u0437\u044b\u043a \u0434\u0435\u043d\u0435\u0433. \u0423\u0437\u043d\u0430\u0439\u0442\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u044e \u043d\u0430 \u043e\u0442\u043e\u043f\u043b\u0435\u043d\u0438\u0438, \u0441\u0440\u043e\u043a \u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0441\u0442\u0438 \u0438 \u043a\u043b\u0430\u0441\u0441 \u044d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0437\u0434\u0430\u043d\u0438\u044f<\/p>\n        \n        <div class=\"pl-hero-metrics\">\n          <div class=\"pl-metric\">\n            <div class=\"pl-metric-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"5\" x2=\"18\" y2=\"5\"\/><line x1=\"6\" y1=\"9\" x2=\"18\" y2=\"9\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"21\"\/><\/svg>\n            <\/div>\n            <div class=\"pl-metric-title\">\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0432 \u0442\u0435\u043d\u0433\u0435<\/div>\n            <div class=\"pl-metric-desc\">\u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u0435 \u0441\u043d\u0438\u0436\u0435\u043d\u0438\u0435 \u0441\u0447\u0435\u0442\u043e\u0432 \u0437\u0430 \u043e\u0442\u043e\u043f\u043b\u0435\u043d\u0438\u0435 \u0432 \u0442\u0435\u043d\u0433\u0435<\/div>\n          <\/div>\n          \n          <div class=\"pl-metric\">\n            <div class=\"pl-metric-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg>\n            <\/div>\n            <div class=\"pl-metric-title\">\u0421\u0440\u043e\u043a \u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0441\u0442\u0438<\/div>\n            <div class=\"pl-metric-desc\">\u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0437\u0430 \u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0435\u0441\u044f\u0446\u0435\u0432 \u043e\u043a\u0443\u043f\u044f\u0442\u0441\u044f \u0437\u0430\u0442\u0440\u0430\u0442\u044b \u043d\u0430 \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044c<\/div>\n          <\/div>\n          \n          <div class=\"pl-metric\">\n            <div class=\"pl-metric-icon\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22,4 12,14.01 9,11.01\"\/><\/svg>\n            <\/div>\n            <div class=\"pl-metric-title\">\u041a\u043b\u0430\u0441\u0441 A++ \u0434\u043b\u044f \u0433\u043e\u0441\u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0438\u0437\u044b<\/div>\n            <div class=\"pl-metric-desc\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u044f\u0435\u0442 \u043a\u043b\u0430\u0441\u0441 \u044d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u043e\u0442 D \u0434\u043e A++<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u041a\u0410\u041a \u0420\u0410\u0411\u041e\u0422\u0410\u0415\u0422 -->\n  <section class=\"pl-info-section\">\n    <div class=\"pl-container\">\n      <div class=\"pl-info-header\">\n        <h2>\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 <span class=\"pl-accent\">ProSchet?<\/span><\/h2>\n        <p>\u0423\u0437\u043d\u0430\u0439\u0442\u0435, \u043d\u0430\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u0432\u044b\u0433\u043e\u0434\u043d\u0430 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0443\u044e \u0442\u0435\u043f\u043b\u043e\u0438\u0437\u043e\u043b\u044f\u0446\u0438\u044e. \u041f\u0435\u0440\u0435\u0441\u0442\u0430\u043d\u044c\u0442\u0435 \u043e\u0442\u0430\u043f\u043b\u0438\u0432\u0430\u0442\u044c \u0443\u043b\u0438\u0446\u0443 \u0438 \u043d\u0430\u0447\u043d\u0438\u0442\u0435 \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0440\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u0434\u0435\u043d\u044c\u0433\u0438!<\/p>\n      <\/div>\n      \n      <div class=\"pl-steps\">\n        <div class=\"pl-step\">\n          <div class=\"pl-step-num\">1<\/div>\n          <h4>\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b<\/h4>\n          <p>\u0413\u043e\u0440\u043e\u0434, \u0442\u0438\u043f \u0437\u0434\u0430\u043d\u0438\u044f, \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441\u0442\u0435\u043d\u044b, \u043f\u043b\u043e\u0449\u0430\u0434\u044c \u0444\u0430\u0441\u0430\u0434\u0430 \u0438 \u0442\u043e\u043b\u0449\u0438\u043d\u0443 \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044f<\/p>\n        <\/div>\n        <div class=\"pl-step\">\n          <div class=\"pl-step-num\">2<\/div>\n          <h4>\u041c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442<\/h4>\n          <p>\u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0440\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0435\u0442 \u0442\u0435\u043f\u043b\u043e\u043f\u043e\u0442\u0435\u0440\u0438, \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u044e \u0438 \u043a\u043b\u0430\u0441\u0441 \u044d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438<\/p>\n        <\/div>\n        <div class=\"pl-step\">\n          <div class=\"pl-step-num\">3<\/div>\n          <h4>\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/h4>\n          <p>\u041d\u0430\u0433\u043b\u044f\u0434\u043d\u043e\u0435 \u0441\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u00ab\u0434\u043e\u00bb \u0438 \u00ab\u043f\u043e\u0441\u043b\u0435\u00bb \u0441 \u0444\u0438\u043d\u0430\u043d\u0441\u043e\u0432\u044b\u043c\u0438 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044f\u043c\u0438<\/p>\n        <\/div>\n        <div class=\"pl-step\">\n          <div class=\"pl-step-num\">4<\/div>\n          <h4>\u0421\u043a\u0430\u0447\u0430\u0439\u0442\u0435 PDF-\u043e\u0442\u0447\u0451\u0442<\/h4>\n          <p>\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043e\u0442\u0447\u0451\u0442 \u0434\u043b\u044f \u043f\u0440\u0435\u0434\u043e\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0437\u0430\u043a\u0430\u0437\u0447\u0438\u043a\u0443 \u0438\u043b\u0438 \u0433\u043e\u0441\u044d\u043a\u0441\u043f\u0435\u0440\u0442\u0438\u0437\u0435<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- CTA -->\n  <section class=\"pl-cta-section\">\n    <div class=\"pl-container\">\n      <h2>\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0439\u0442\u0435 <span class=\"pl-accent\">\u0432\u044b\u0433\u043e\u0434\u0443<\/span> \u043f\u0440\u044f\u043c\u043e \u0441\u0435\u0439\u0447\u0430\u0441<\/h2>\n      <p>\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0432\u0430\u0448\u0435\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430 \u0438 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043c\u0433\u043d\u043e\u0432\u0435\u043d\u043d\u044b\u0439 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442<\/p>\n      <div class=\"pl-cta-arrow\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><polyline points=\"19,12 12,19 5,12\"\/><\/svg>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- \u041a\u0410\u041b\u042c\u041a\u0423\u041b\u042f\u0422\u041e\u0420 -->\n  <section class=\"pl-calc-section\">\n    <div class=\"pl-calc-container\">\n              <style>\n            @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');\n            \n            #proschet-calculator {\n                max-width: 100%;\n                margin: 0 auto;\n                padding: 40px;\n                border-radius: 20px;\n                background-color: #ffffff;\n                box-shadow: 0 15px 40px rgba(0,0,0,0.15);\n                font-family: 'Montserrat', sans-serif;\n            }\n            \n            #proschet-calculator label {\n                display: block;\n                margin-top: 18px;\n                margin-bottom: 7px;\n                font-family: 'Montserrat', sans-serif;\n                font-size: 15px;\n                font-weight: 600;\n                color: #334155;\n                letter-spacing: 0.3px;\n            }\n            #proschet-calculator label .ps-label-icon {\n                display: inline-flex;\n                width: 18px;\n                height: 18px;\n                vertical-align: middle;\n                margin-right: 6px;\n                color: #5FBA51;\n            }\n            \n            #proschet-calculator input,\n            #proschet-calculator select {\n                width: 100%;\n                padding: 14px 18px;\n                border: 2px solid #e2e8f0;\n                border-radius: 14px;\n                font-size: 15px;\n                background-color: #f8fafc;\n                font-family: 'Montserrat', sans-serif;\n                box-sizing: border-box;\n                height: 54px;\n                color: #1e293b;\n                font-weight: 500;\n                transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s;\n            }\n            #proschet-calculator input::placeholder { color: #94a3b8; font-weight: 400; }\n            #proschet-calculator input:focus,\n            #proschet-calculator select:focus {\n                border-color: #5FBA51;\n                outline: none;\n                box-shadow: 0 0 0 4px rgba(95, 186, 81, 0.15);\n                background-color: #ffffff;\n            }\n            #proschet-calculator select {\n                cursor: pointer;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                appearance: none;\n                background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c\/polyline%3e%3c\/svg%3e\");\n                background-repeat: no-repeat;\n                background-position: right 14px center;\n                background-size: 16px;\n                padding-right: 48px;\n            }\n            \n            .ps-fields-row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }\n            .ps-fields-row-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; min-width: 0; }\n            .ps-fields-row > div, .ps-fields-row-3 > div { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; }\n\n            #proschet-calculator .ps-calc-btn {\n                background: linear-gradient(135deg, #5FBA51 0%, #4a9441 100%);\n                color: white;\n                padding: 15px 26px;\n                border: none;\n                border-radius: 14px;\n                cursor: pointer;\n                font-size: 16px;\n                font-weight: 700;\n                width: 100%;\n                font-family: 'Montserrat', sans-serif;\n                margin-top: 28px;\n                box-shadow: 0 6px 20px rgba(95, 186, 81, 0.25);\n                letter-spacing: 0.5px;\n                text-transform: uppercase;\n                height: 56px;\n                transition: all 0.3s ease;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 10px;\n            }\n            #proschet-calculator .ps-calc-btn:hover {\n                transform: translateY(-2px);\n                box-shadow: 0 10px 25px rgba(95, 186, 81, 0.35);\n                background: linear-gradient(135deg, #4a9441 0%, #5FBA51 100%);\n            }\n            \n            #proschet-error {\n                color: #dc2626;\n                font-weight: 500;\n                margin-top: 14px;\n                display: none;\n                padding: 14px 18px;\n                background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);\n                border-radius: 11px;\n                border-left: 4px solid #dc2626;\n                font-size: 14px;\n                line-height: 1.4;\n            }\n            \n            \/* === \u0420\u0415\u0417\u0423\u041b\u042c\u0422\u0410\u0422\u042b === *\/\n            .ps-results { display: none; margin-top: 30px; animation: psFadeIn 0.5s ease-out; background-color: #f1f5f9; padding: 25px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: none; color: inherit; }\n            @keyframes psFadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n            \n            \/* \u041a\u043b\u0430\u0441\u0441 \u044d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 *\/\n            .ps-class-block {\n                background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);\n                border-radius: 18px;\n                padding: 30px;\n                text-align: center;\n                position: relative;\n                overflow: hidden;\n                margin-bottom: 20px;\n                border: none;\n            }\n            .ps-class-block::before {\n                content: '';\n                position: absolute;\n                top: -50%;\n                right: -30%;\n                width: 80%;\n                height: 200%;\n                background: radial-gradient(circle, rgba(95, 186, 81, 0.1) 0%, transparent 70%);\n            }\n            .ps-class-label { font-size: 13px; color: #94a3b8; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; position: relative; z-index: 1; }\n            .ps-class-value { font-size: 72px; font-weight: 800; background: linear-gradient(135deg, #5FBA51 0%, #34d399 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; position: relative; z-index: 1; line-height: 1; margin-bottom: 8px; }\n            .ps-class-desc { font-size: 16px; color: #f8fafc; font-weight: 500; position: relative; z-index: 1; }\n            \n            .ps-class-dual { display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 8px; position: relative; z-index: 1; }\n            .ps-class-side { display: flex; flex-direction: column; align-items: center; }\n            .ps-class-side-label { font-size: 12px; color: #94a3b8; text-transform: uppercase; margin-bottom: 4px; font-weight: 600; }\n            .ps-class-side-value { font-size: 48px; font-weight: 800; line-height: 1; }\n            .ps-class-side-desc { font-size: 14px; font-weight: 500; margin-top: 4px; }\n            \n            .ps-class-side.old .ps-class-side-value { color: #f87171; }\n            .ps-class-side.old .ps-class-side-desc { color: #fca5a5; }\n            .ps-class-arrow { color: #64748b; font-size: 24px; position: relative; }\n            \n            .ps-class-side.new .ps-class-side-value { background: linear-gradient(135deg, #5FBA51 0%, #34d399 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-size: 64px; text-shadow: 0 0 20px rgba(95, 186, 81, 0.4); }\n            .ps-class-side.new .ps-class-side-desc { color: #e2e8f0; }\n\n            \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0434\u043b\u044f \u043a\u043b\u0430\u0441\u0441\u043e\u0432 *\/\n            @keyframes psSlideInLeft { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }\n            @keyframes psArrowMove { 0% { opacity: 0; transform: translateX(-20px); } 50% { opacity: 1; transform: translateX(0); } 100% { opacity: 1; transform: translateX(0); } }\n            @keyframes psPopInNew { 0% { opacity: 0; transform: scale(0.5) translateX(-20px); } 70% { opacity: 1; transform: scale(1.1) translateX(0); } 100% { opacity: 1; transform: scale(1) translateX(0); } }\n            \n            .ps-anim-old { animation: psSlideInLeft 0.5s ease-out forwards; }\n            .ps-anim-arrow { opacity: 0; animation: psArrowMove 0.6s ease-out 0.4s forwards; }\n            .ps-anim-new { opacity: 0; animation: psPopInNew 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s forwards; }\n            \n            .ps-class-scale { display: flex; gap: 4px; margin-top: 20px; position: relative; z-index: 1; }\n            .ps-scale-item { flex: 1; padding: 8px 4px; border-radius: 8px; text-align: center; font-size: 12px; font-weight: 700; opacity: 0.3; transition: all 0.3s ease; }\n            .ps-scale-item.active { opacity: 1; transform: scale(1.1); box-shadow: 0 4px 12px rgba(0,0,0,0.3); }\n            .ps-scale-app { background: #22c55e; color: white; }\n            .ps-scale-ap { background: #4ade80; color: #1e293b; }\n            .ps-scale-a { background: #86efac; color: #1e293b; }\n            .ps-scale-b { background: #fbbf24; color: #1e293b; }\n            .ps-scale-c { background: #fb923c; color: white; }\n            .ps-scale-d { background: #ef4444; color: white; }\n            \n            \/* \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\n            .ps-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; margin-bottom: 20px; }\n            .ps-card { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); border: 2px solid #bbf7d0; border-radius: 18px; padding: 26px 20px; text-align: center; transition: all 0.3s ease; }\n            .ps-card:hover { transform: translateY(-3px); box-shadow: 0 10px 25px rgba(95, 186, 81, 0.15); border-color:#5FBA51; }\n            .ps-card-icon { margin-bottom: 12px; display: flex; justify-content: center; }\n            .ps-card-icon svg { width: 36px; height: 36px; color: #5FBA51; }\n            .ps-card-value { font-size: 28px; font-weight: 800; color: #166534; font-family: 'Montserrat', sans-serif; margin-bottom: 6px; }\n            .ps-card-label { font-size: 14px; color: #374151; font-weight: 500; line-height: 1.3; }\n            \n            \/* \u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 \u0414\u041e \/ \u041f\u041e\u0421\u041b\u0415 *\/\n            .ps-comparison { display: grid; grid-template-columns: 1fr 40px 1fr; gap: 12px; align-items: center; margin-bottom: 20px; }\n            .ps-compare-card { border-radius: 18px; padding: 24px 20px; text-align: center; height: 100%; display: flex; flex-direction: column; justify-content: center; }\n            .ps-compare-before { background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); border: 2px solid #fecaca; }\n            .ps-compare-after { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); border: 2px solid #bbf7d0; box-shadow: 0 6px 20px rgba(95,186,81,0.08); }\n            .ps-compare-arrow { text-align: center; color: #94a3b8; display: flex; justify-content: center; align-items: center; }\n            .ps-compare-title { font-size: 12px; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; margin-bottom: 12px; }\n            .ps-compare-before .ps-compare-title { color: #dc2626; }\n            .ps-compare-after .ps-compare-title { color: #16a34a; }\n            .ps-compare-value { font-size: 28px; font-weight: 800; margin-bottom: 4px; }\n            .ps-compare-before .ps-compare-value { color: #991b1b; }\n            .ps-compare-after .ps-compare-value { color: #166534; }\n            .ps-compare-unit { font-size: 14px; color: #64748b; font-weight: 500; }\n            \n            \/* \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441-\u0431\u0430\u0440 *\/\n            .ps-progress-block { background: #ffffff; border: 2px solid #e2e8f0; border-radius: 18px; padding: 26px 22px; margin-bottom: 20px; }\n            .ps-progress-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }\n            .ps-progress-label { font-size: 15px; font-weight: 700; color: #334155; }\n            .ps-progress-pct { font-size: 16px; font-weight: 800; color: #5FBA51; }\n            .ps-progress-bar { background: #f1f5f9; border-radius: 14px; height: 26px; overflow: hidden; position: relative; box-shadow: inset 0 2px 4px rgba(0,0,0,0.05); }\n            .ps-progress-fill { height: 100%; border-radius: 14px; background: linear-gradient(90deg, #5FBA51 0%, #34d399 100%); transition: width 1s ease; position: relative; box-shadow: 0 0 10px rgba(95,186,81,0.4); }\n            .ps-progress-fill::after { content: attr(data-percent); position: absolute; right: 12px; top: 50%; transform: translateY(-50%); font-size: 13px; font-weight: 800; color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.2); }\n            .ps-progress-note { font-size: 14px; color: #64748b; font-weight: 500; text-align: center; margin-top: 12px; }\n            \n            \/* \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 *\/\n            .ps-details-block { background: #ffffff; border: 2px solid #e2e8f0; border-radius: 18px; margin-bottom: 20px; overflow: hidden; }\n            .ps-details-header { padding: 20px 24px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.2s; background: #f8fafc; }\n            .ps-details-header:hover { background: #f1f5f9; }\n            .ps-details-title { font-size: 16px; font-weight: 700; color: #334155; display: flex; align-items: center; gap: 10px; }\n            .ps-details-title svg { width: 20px; height: 20px; color: #5FBA51; }\n            .ps-details-arrow { transition: transform 0.3s ease; color: #94a3b8; }\n            .ps-details-content { display: none; padding: 20px 24px; border-top: 1px solid #e2e8f0; background: #ffffff; }\n            .ps-details-block.open .ps-details-content { display: block; animation: psFadeIn 0.3s; }\n            .ps-details-block.open .ps-details-arrow { transform: rotate(180deg); }\n            \n            .ps-detail-row { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px dashed #e2e8f0; font-size: 14px; }\n            .ps-detail-row:last-child { border-bottom: none; padding-bottom: 0; font-weight: 800; color: #1e293b; font-size: 15px; padding-top: 16px; margin-top: 6px; border-top: 1px solid #e2e8f0; }\n            .ps-detail-label { color: #64748b; }\n            .ps-detail-value { font-weight: 600; color: #334155; font-family: 'Montserrat', sans-serif; text-align: right; }\n            \n            \/* PDF \u0444\u043e\u0440\u043c\u0430 *\/\n            .ps-results .ps-form-section { background: #ffffff; border-color: #bbf7d0; margin-top: 0; border-radius: 18px; }\n            .ps-results .ps-form-title { color: #166534; }\n            .ps-results .ps-form-subtitle { color: #475569; }\n            .ps-results .ps-form-field label { color: #334155; }\n            .ps-results .ps-form-field input { background: #ffffff; border-color: #bbf7d0; color: #1e293b; }\n            .ps-results .ps-form-field input:focus { border-color: #5FBA51; box-shadow: 0 0 0 3px rgba(95, 186, 81, 0.2); }\n            .ps-results .ps-form-field input::placeholder { color: #94a3b8; }\n            .ps-details-arrow.open { transform: rotate(180deg); }\n            .ps-details-content.open { display: block; animation: psFadeIn 0.3s ease; }\n            \n            \/* \u0424\u043e\u0440\u043c\u0430 \u043f\u043e\u043b\u0443\u0447\u0435\u043d\u0438\u044f PDF *\/\n            .ps-form-section { background: linear-gradient(135deg, #f0fdf4 0%, #f4fdf6 100%); border: 2px solid #bbf7d0; border-radius: 20px; padding: 36px 30px; margin-top: 24px; box-shadow: 0 10px 30px rgba(22,101,52,0.05); }\n            .ps-form-title { font-size: 20px; font-weight: 800; color: #166534; margin-bottom: 8px; display: flex; align-items: center; gap: 12px; }\n            .ps-form-title svg { width: 24px; height: 24px; color: #5FBA51; }\n            .ps-form-subtitle { font-size: 15px; color: #475569; margin-bottom: 24px; line-height: 1.5; }\n            .ps-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; }\n            .ps-form-field { margin-bottom: 0; }\n            .ps-form-field label { font-size: 14px; font-weight: 600; color: #334155; margin-top: 0; margin-bottom: 6px; display: block; }\n            .ps-form-field input,\n            .ps-form-field textarea { width: 100%; padding: 14px 16px; border: 2px solid #bbf7d0; border-radius: 12px; font-size: 15px; font-family: 'Montserrat', sans-serif; color: #1e293b; font-weight: 500; box-sizing: border-box; background: #ffffff; transition: all 0.2s; height: auto; }\n            .ps-form-field input:focus,\n            .ps-form-field textarea:focus { border-color: #5FBA51; outline: none; box-shadow: 0 0 0 4px rgba(95, 186, 81, 0.15); }\n            .ps-form-field textarea { resize: vertical; min-height: 80px; }\n            .ps-form-full { grid-column: 1 \/ -1; }\n            .ps-required { color: #dc2626; }\n            \n            .ps-submit-btn {\n                width: 100%;\n                margin-top: 24px;\n                padding: 18px 28px;\n                background: linear-gradient(135deg, #5FBA51 0%, #4a9441 100%);\n                color: white;\n                border: none;\n                border-radius: 14px;\n                font-family: 'Montserrat', sans-serif;\n                font-size: 16px;\n                font-weight: 800;\n                cursor: pointer;\n                text-transform: uppercase;\n                letter-spacing: 0.5px;\n                box-shadow: 0 8px 25px rgba(95, 186, 81, 0.3);\n                transition: all 0.3s ease;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 10px;\n            }\n            .ps-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(95, 186, 81, 0.4); }\n            .ps-submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; box-shadow: none; }\n            \n            .ps-msg { padding: 16px 20px; border-radius: 12px; font-size: 15px; font-weight: 500; margin-top: 16px; display: none; line-height: 1.5; }\n            .ps-msg-error { background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); border-left: 4px solid #dc2626; color: #dc2626; }\n            .ps-msg-success { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); border-left: 4px solid #16a34a; color: #16a34a; }\n\n            @media (max-width: 768px) {\n                #proschet-calculator { padding: 25px 20px; }\n                .ps-fields-row, .ps-fields-row-3 { grid-template-columns: 1fr; gap: 12px; }\n                .ps-fields-row-3 > div[style] { grid-column: span 1 !important; }\n                \n                .ps-class-dual { flex-direction: column; gap: 15px; }\n                .ps-class-side { width: 100%; }\n                .ps-class-arrow { transform: rotate(90deg); margin: 5px 0; }\n                .ps-class-value { font-size: 48px; }\n                .ps-class-side-value { font-size: 38px; }\n                .ps-class-side.new .ps-class-side-value { font-size: 52px; }\n                \n                .ps-comparison { grid-template-columns: 1fr; gap: 16px; }\n                .ps-compare-arrow svg { transform: rotate(90deg); }\n                .ps-card-value { font-size: 24px; }\n                .ps-form-grid { grid-template-columns: 1fr; }\n                \n                .ps-scale-item { font-size: 10px; padding: 6px 2px; }\n                #proschet-calculator label { font-size: 13px; }\n                .ps-class-block { padding: 20px 15px; }\n            }\n        <\/style>\n\n        <div id=\"proschet-calculator\">\n            <!-- \u0423\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044c -->\n            <div class=\"ps-fields-row\">\n                <div>\n                    <label for=\"ps-material\">\n                        <svg class=\"ps-label-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10H3M21 6H3M21 14H3M21 18H3\"\/><\/svg>\n                        \u0422\u0438\u043f \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044f NEMAN EXPERT\n                    <\/label>\n                    <select id=\"ps-material\" onchange=\"switchPsMaterial()\">\n                        <option value=\"basalt_facade\" selected>\u0411\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430 \u0424\u0410\u0421\u0410\u0414<\/option>\n                        <option value=\"basalt_roof\">\u0411\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430 \u0420\u0423\u0424<\/option>\n                        <option value=\"glass_wool_roll\">\u0421\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u0430 (\u0440\u0443\u043b\u043e\u043d\u043d\u0430\u044f)<\/option>\n                    <\/select>\n                <\/div>\n                <div>\n                    <label for=\"ps-model\">\n                        <svg class=\"ps-label-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14,2 14,8 20,8\"\/><\/svg>\n                        <span id=\"ps-model-label\">\u041f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c<\/span>\n                    <\/label>\n                    <select id=\"ps-model\">\n                        <!-- \u0417\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 -->\n                    <\/select>\n                <\/div>\n            <\/div>\n\n            <div class=\"ps-fields-row\">\n                <div>\n                    <label for=\"ps-city\">\n                        <svg class=\"ps-label-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 21h18M5 21V7l8-4 8 4v14M9 21v-4h6v4\"\/><\/svg>\n                        \u0420\u0435\u0433\u0438\u043e\u043d (\u0433\u043e\u0440\u043e\u0434)\n                    <\/label>\n                    <select id=\"ps-city\">\n                        <option value=\"\">\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043e\u0440\u043e\u0434<\/option>\n                        <option value=\"almaty\">\u0410\u043b\u043c\u0430\u0442\u044b<\/option>\n                        <option value=\"astana\">\u0410\u0441\u0442\u0430\u043d\u0430<\/option>\n                        <option value=\"shymkent\">\u0428\u044b\u043c\u043a\u0435\u043d\u0442<\/option>\n                        <option value=\"karaganda\">\u041a\u0430\u0440\u0430\u0433\u0430\u043d\u0434\u0430<\/option>\n                        <option value=\"aktobe\">\u0410\u043a\u0442\u043e\u0431\u0435<\/option>\n                        <option value=\"taraz\">\u0422\u0430\u0440\u0430\u0437<\/option>\n                        <option value=\"pavlodar\">\u041f\u0430\u0432\u043b\u043e\u0434\u0430\u0440<\/option>\n                        <option value=\"ust_kamenogorsk\">\u0423\u0441\u0442\u044c-\u041a\u0430\u043c\u0435\u043d\u043e\u0433\u043e\u0440\u0441\u043a<\/option>\n                        <option value=\"semey\">\u0421\u0435\u043c\u0435\u0439<\/option>\n                        <option value=\"kostanay\">\u041a\u043e\u0441\u0442\u0430\u043d\u0430\u0439<\/option>\n                        <option value=\"turkestan\">\u0422\u0443\u0440\u043a\u0435\u0441\u0442\u0430\u043d<\/option>\n                        <option value=\"atyrau\">\u0410\u0442\u044b\u0440\u0430\u0443<\/option>\n                        <option value=\"aktau\">\u0410\u043a\u0442\u0430\u0443<\/option>\n                        <option value=\"kyzylorda\">\u041a\u044b\u0437\u044b\u043b\u043e\u0440\u0434\u0430<\/option>\n                        <option value=\"petropavlovsk\">\u041f\u0435\u0442\u0440\u043e\u043f\u0430\u0432\u043b\u043e\u0432\u0441\u043a<\/option>\n                        <option value=\"kokshetau\">\u041a\u043e\u043a\u0448\u0435\u0442\u0430\u0443<\/option>\n                        <option value=\"taldykorgan\">\u0422\u0430\u043b\u0434\u044b\u043a\u043e\u0440\u0433\u0430\u043d<\/option>\n                        <option value=\"uralsk\">\u0423\u0440\u0430\u043b\u044c\u0441\u043a<\/option>\n                        <option value=\"zhezkazgan\">\u0416\u0435\u0437\u043a\u0430\u0437\u0433\u0430\u043d<\/option>\n                    <\/select>\n                <\/div>\n                <div>\n                    <label for=\"ps-building\">\n                        <svg class=\"ps-label-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"\/><polyline points=\"9,22 9,12 15,12 15,22\"\/><\/svg>\n                        \u0422\u0438\u043f \u0437\u0434\u0430\u043d\u0438\u044f\n                    <\/label>\n                    <select id=\"ps-building\">\n                        <option value=\"residential\">\u0416\u0438\u043b\u043e\u0439 \u0434\u043e\u043c<\/option>\n                        <option value=\"office\">\u041e\u0444\u0438\u0441 \/ \u041e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0437\u0434\u0430\u043d\u0438\u0435<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n\n            <div class=\"ps-fields-row-3\">\n                <div>\n                    <label for=\"ps-wall\">\n                        <svg class=\"ps-label-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"9\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"9\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\"\/><rect x=\"14\" y=\"14\" width=\"7\" height=\"7\"\/><\/svg>\n                        \u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b \u0441\u0442\u0435\u043d\u044b\n                    <\/label>\n                    <select id=\"ps-wall\">\n                        <option value=\"brick\">\u041a\u0438\u0440\u043f\u0438\u0447<\/option>\n                        <option value=\"gasblock\">\u0413\u0430\u0437\u043e\u0431\u043b\u043e\u043a<\/option>\n                        <option value=\"concrete\">\u0411\u0435\u0442\u043e\u043d<\/option>\n                    <\/select>\n                <\/div>\n                <div>\n                    <label for=\"ps-facade-area\">\n                        <svg class=\"ps-label-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\"\/><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/><\/svg>\n                        <span style=\"white-space:nowrap;\">\u041f\u043b\u043e\u0449\u0430\u0434\u044c \u0444\u0430\u0441\u0430\u0434\u0430 (\u043c\u00b2)<\/span>\n                    <\/label>\n                    <input type=\"number\" id=\"ps-facade-area\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: 1000\" min=\"1\" step=\"1\">\n                <\/div>\n                <div>\n                    <label for=\"ps-heated-area\">\n                        <svg class=\"ps-label-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 00-1-1.73l-7-4a2 2 0 00-2 0l-7 4A2 2 0 003 8v8a2 2 0 001 1.73l7 4a2 2 0 002 0l7-4A2 2 0 0021 16z\"\/><\/svg>\n                        <span style=\"white-space:nowrap;\">\u041e\u0442\u0430\u043f\u043b\u0438\u0432\u0430\u0435\u043c\u0430\u044f \u043f\u043b\u043e\u0449\u0430\u0434\u044c (\u043c\u00b2)<\/span>\n                    <\/label>\n                    <input type=\"number\" id=\"ps-heated-area\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: 1000\" min=\"1\" step=\"1\">\n                <\/div>\n            <\/div>\n\n            <div class=\"ps-fields-row-3\">\n                <div style=\"grid-column: span 2;\">\n                    <label for=\"ps-thickness\">\n                        <svg class=\"ps-label-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10H3M21 6H3M21 14H3M21 18H3\"\/><\/svg>\n                        \u0422\u043e\u043b\u0449\u0438\u043d\u0430 \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u044f\n                    <\/label>\n                    <select id=\"ps-thickness\">\n                        <!-- \u0417\u0430\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438 -->\n                    <\/select>\n                <\/div>\n                <div>\n                    <label for=\"ps-waste\">\n                        <svg class=\"ps-label-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M2 12h20M12 2v20\"\/><\/svg>\n                        \u041a\u043e\u044d\u0444\u0444. \u0440\u0430\u0441\u0445\u043e\u0434\u0430\n                    <\/label>\n                    <select id=\"ps-waste\">\n                        <option value=\"1.05\">1.05<\/option>\n                        <option value=\"1.10\" selected>1.10<\/option>\n                        <option value=\"1.15\">1.15<\/option>\n                        <option value=\"1.20\">1.20<\/option>\n                    <\/select>\n                <\/div>\n            <\/div>\n\n            <div id=\"ps-lambda-info\" style=\"background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:14px 18px;margin-top:12px;font-size:14px;color:#166534;font-weight:500;display:flex;align-items:center;gap:10px;\">\n                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5FBA51\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"12\" y1=\"16\" x2=\"12\" y2=\"12\"\/><line x1=\"12\" y1=\"8\" x2=\"12.01\" y2=\"8\"\/><\/svg>\n                <span>\u0422\u0435\u043f\u043b\u043e\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0441\u0442\u044c \u03bb = <strong id=\"ps-lambda-display\">0,036<\/strong> \u0412\u0442\/(\u043c\u00b7\u041a)<\/span>\n            <\/div>\n\n            <button class=\"ps-calc-btn\" onclick=\"calculateProschet()\">\n                <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"2\" width=\"16\" height=\"20\" rx=\"2\"\/><line x1=\"8\" y1=\"6\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"10\" x2=\"10\" y2=\"10\"\/><line x1=\"14\" y1=\"10\" x2=\"16\" y2=\"10\"\/><line x1=\"8\" y1=\"14\" x2=\"10\" y2=\"14\"\/><line x1=\"14\" y1=\"14\" x2=\"16\" y2=\"14\"\/><line x1=\"8\" y1=\"18\" x2=\"16\" y2=\"18\"\/><\/svg>\n                \u0420\u0410\u0421\u0421\u0427\u0418\u0422\u0410\u0422\u042c \u042d\u041d\u0415\u0420\u0413\u041e\u042d\u0424\u0424\u0415\u041a\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c\n            <\/button>\n\n            <div id=\"proschet-error\"><\/div>\n\n            <!-- \u0420\u0415\u0417\u0423\u041b\u042c\u0422\u0410\u0422\u042b -->\n            <div class=\"ps-results\" id=\"ps-results\">\n                <!-- \u041a\u043b\u0430\u0441\u0441 -->\n                <div class=\"ps-class-block\" id=\"ps-class-block\">\n                    <div class=\"ps-class-label\">\u0418\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0435 \u043a\u043b\u0430\u0441\u0441\u0430 \u044d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438<\/div>\n                    <div class=\"ps-class-dual\">\n                        <div class=\"ps-class-side old\" id=\"ps-anim-step-1\">\n                            <div class=\"ps-class-side-label\">\u0411\u0415\u0417 \u0423\u0422\u0415\u041f\u041b\u0415\u041d\u0418\u042f<\/div>\n                            <div class=\"ps-class-side-value\" id=\"ps-class-old\">D<\/div>\n                            <div class=\"ps-class-side-desc\" id=\"ps-class-old-desc\">\u041d\u0438\u0437\u043a\u0438\u0439<\/div>\n                        <\/div>\n                        <div class=\"ps-class-arrow\" id=\"ps-anim-step-2\">\n                            <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12,5 19,12 12,19\"\/><\/svg>\n                        <\/div>\n                        <div class=\"ps-class-side new\" id=\"ps-anim-step-3\">\n                            <div class=\"ps-class-side-label\">\u0421 \u0423\u0422\u0415\u041f\u041b\u0418\u0422\u0415\u041b\u0415\u041c NEMAN EXPERT<\/div>\n                            <div class=\"ps-class-side-value\" id=\"ps-class\">A++<\/div>\n                            <div class=\"ps-class-side-desc\" id=\"ps-class-desc\">\u041e\u0447\u0435\u043d\u044c \u0432\u044b\u0441\u043e\u043a\u0438\u0439<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"ps-class-scale\">\n                        <div class=\"ps-scale-item ps-scale-app\" id=\"scale-app\">A++<\/div>\n                        <div class=\"ps-scale-item ps-scale-ap\" id=\"scale-ap\">A+<\/div>\n                        <div class=\"ps-scale-item ps-scale-a\" id=\"scale-a\">A<\/div>\n                        <div class=\"ps-scale-item ps-scale-b\" id=\"scale-b\">B<\/div>\n                        <div class=\"ps-scale-item ps-scale-c\" id=\"scale-c\">C<\/div>\n                        <div class=\"ps-scale-item ps-scale-d\" id=\"scale-d\">D<\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u041a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 -->\n                <div class=\"ps-cards\">\n                    <div class=\"ps-card\">\n                        <div class=\"ps-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"6\" y1=\"5\" x2=\"18\" y2=\"5\"\/><line x1=\"6\" y1=\"9\" x2=\"18\" y2=\"9\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"21\"\/><\/svg><\/div>\n                        <div class=\"ps-card-value\" id=\"ps-savings-tg\">0<\/div>\n                        <div class=\"ps-card-label\">\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u0432 \u0433\u043e\u0434 (\u0442\u0435\u043d\u0433\u0435)<\/div>\n                    <\/div>\n                    <div class=\"ps-card\">\n                        <div class=\"ps-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12,6 12,12 16,14\"\/><\/svg><\/div>\n                        <div class=\"ps-card-value\" id=\"ps-payback\">0<\/div>\n                        <div class=\"ps-card-label\">\u0421\u0440\u043e\u043a \u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0441\u0442\u0438<\/div>\n                    <\/div>\n                    <div class=\"ps-card\">\n                        <div class=\"ps-card-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"13,2 3,14 12,14 11,22 21,10 12,10\"\/><\/svg><\/div>\n                        <div class=\"ps-card-value\" id=\"ps-savings-kwh\">0<\/div>\n                        <div class=\"ps-card-label\">\u042d\u043a\u043e\u043d\u043e\u043c\u0438\u044f \u044d\u043d\u0435\u0440\u0433\u0438\u0438 (\u043a\u0412\u0442\u00b7\u0447\/\u0433\u043e\u0434)<\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u0421\u0440\u0430\u0432\u043d\u0435\u043d\u0438\u0435 -->\n                <div class=\"ps-comparison\">\n                    <div class=\"ps-compare-card ps-compare-before\">\n                        <div class=\"ps-compare-title\">\u0411\u0435\u0437 \u0443\u0442\u0435\u043f\u043b\u0435\u043d\u0438\u044f<\/div>\n                        <div class=\"ps-compare-value\" id=\"ps-q-old\">0<\/div>\n                        <div class=\"ps-compare-unit\">\u043a\u0412\u0442\u00b7\u0447\/\u043c\u00b2\u00b7\u0433\u043e\u0434<\/div>\n                    <\/div>\n                    <div class=\"ps-compare-arrow\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><polyline points=\"12,5 19,12 12,19\"\/><\/svg>\n                    <\/div>\n                    <div class=\"ps-compare-card ps-compare-after\">\n                        <div class=\"ps-compare-title\">\u0421 \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u0435\u043c NEMAN EXPERT<\/div>\n                        <div class=\"ps-compare-value\" id=\"ps-q-new\">0<\/div>\n                        <div class=\"ps-compare-unit\">\u043a\u0412\u0442\u00b7\u0447\/\u043c\u00b2\u00b7\u0433\u043e\u0434<\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u041f\u0440\u043e\u0433\u0440\u0435\u0441\u0441-\u0431\u0430\u0440 -->\n                <div class=\"ps-progress-block\">\n                    <div class=\"ps-progress-header\">\n                        <span class=\"ps-progress-label\">\u0421\u043d\u0438\u0436\u0435\u043d\u0438\u0435 \u0442\u0435\u043f\u043b\u043e\u043f\u043e\u0442\u0435\u0440\u044c<\/span>\n                        <span class=\"ps-progress-pct\" id=\"ps-reduction-pct\">0%<\/span>\n                    <\/div>\n                    <div class=\"ps-progress-bar\">\n                        <div class=\"ps-progress-fill\" id=\"ps-fill\" data-percent=\"0%\" style=\"width:0%\"><\/div>\n                    <\/div>\n                    <div class=\"ps-progress-note\">\n                        \u041d\u043e\u0440\u043c\u0430\u0442\u0438\u0432 q<sub>\u043d\u043e\u0440\u043c<\/sub> = <span id=\"ps-qnorm-display\">70<\/span> \u043a\u0412\u0442\u00b7\u0447\/\u043c\u00b2\u00b7\u0433\u043e\u0434 \u00b7 \u041e\u0442\u043a\u043b\u043e\u043d\u0435\u043d\u0438\u0435: <span id=\"ps-deviation-display\">0<\/span>%\n                    <\/div>\n                <\/div>\n                \n                <!-- \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438 -->\n                <div class=\"ps-details-block\">\n                    <div class=\"ps-details-header\" onclick=\"togglePsDetails(this)\">\n                        <span class=\"ps-details-title\">\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14,2 14,8 20,8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><polyline points=\"10,9 9,9 8,9\"\/><\/svg>\n                            \u041f\u043e\u0434\u0440\u043e\u0431\u043d\u044b\u0439 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0440\u0430\u0441\u0447\u0451\u0442\n                        <\/span>\n                        <svg class=\"ps-details-arrow\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"6,9 12,15 18,9\"><\/polyline><\/svg>\n                    <\/div>\n                    <div class=\"ps-details-content\">\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">U<sub>old<\/sub> (\u0431\u0435\u0437 \u0443\u0442\u0435\u043f\u043b\u0435\u043d\u0438\u044f)<\/span><span class=\"ps-detail-value\" id=\"ps-u-old\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">U<sub>new<\/sub> (\u0441 \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u0435\u043c)<\/span><span class=\"ps-detail-value\" id=\"ps-u-new\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">\u0422\u0435\u043f\u043b\u043e\u043f\u0440\u043e\u0432\u043e\u0434\u043d\u043e\u0441\u0442\u044c \u03bb<\/span><span class=\"ps-detail-value\" id=\"ps-lambda-val\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">\u0420\u0430\u0437\u043c\u0435\u0440\u044b \u0443\u0442\u0435\u043f\u043b. (\u0414\u00d7\u0428)<\/span><span class=\"ps-detail-value\" id=\"ps-dimensions-val\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">\u0412 1 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0435 (\u0448\u0442 \/ \u043e\u0431\u044a\u0451\u043c)<\/span><span class=\"ps-detail-value\" id=\"ps-pack-val\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">\u0413\u0421\u041e\u041f \u0440\u0435\u0433\u0438\u043e\u043d\u0430<\/span><span class=\"ps-detail-value\" id=\"ps-gsop-val\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">Q<sub>\u0433\u043e\u0434<\/sub> \u0431\u0435\u0437 \u0443\u0442\u0435\u043f\u043b\u0435\u043d\u0438\u044f<\/span><span class=\"ps-detail-value\" id=\"ps-qyear-old\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">Q<sub>\u0433\u043e\u0434<\/sub> \u0441 \u0443\u0442\u0435\u043f\u043b\u0438\u0442\u0435\u043b\u0435\u043c<\/span><span class=\"ps-detail-value\" id=\"ps-qyear-new\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">\u0423\u0434\u0435\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0441\u0445\u043e\u0434 q<\/span><span class=\"ps-detail-value\" id=\"ps-q-specific\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">\u0422\u0430\u0440\u0438\u0444 \u043d\u0430 \u043e\u0442\u043e\u043f\u043b\u0435\u043d\u0438\u0435<\/span><span class=\"ps-detail-value\" id=\"ps-tariff-val\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\" id=\"ps-cost-m2-label\">\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430<\/span><span class=\"ps-detail-value\" id=\"ps-cost-m2\">\u2014<\/span><\/div>\n                        <div class=\"ps-detail-row\"><span class=\"ps-detail-label\">\u041e\u0431\u0449\u0430\u044f \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c (\u0441 \u043a\u043e\u044d\u0444\u0444. <span id=\"ps-waste-val\"><\/span>)<\/span><span class=\"ps-detail-value\" id=\"ps-cost-total\">\u2014<\/span><\/div>\n                    <\/div>\n                <\/div>\n                \n                <!-- \u0424\u043e\u0440\u043c\u0430 PDF -->\n                <div class=\"ps-form-section\">\n                    <div class=\"ps-form-title\">\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\"\/><polyline points=\"14,2 14,8 20,8\"\/><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/><\/svg>\n                        \u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043f\u043e\u043b\u043d\u044b\u0439 \u043e\u0442\u0447\u0451\u0442 \u0432 PDF\n                    <\/div>\n                    <div class=\"ps-form-subtitle\">\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 \u2014 \u043c\u044b \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c PDF-\u043e\u0442\u0447\u0451\u0442 \u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u043c \u0432\u0430\u0448\u0443 \u0437\u0430\u044f\u0432\u043a\u0443<\/div>\n                    \n                    <div id=\"ps-form-msg-error\" class=\"ps-msg ps-msg-error\"><\/div>\n                    <div id=\"ps-form-msg-success\" class=\"ps-msg ps-msg-success\"><\/div>\n                    \n                    <form id=\"ps-pdf-form\" onsubmit=\"return handlePsPdfSubmit(event)\">\n                        <div class=\"ps-form-grid\">\n                            <div class=\"ps-form-field\">\n                                <label>\u0412\u0430\u0448\u0435 \u0438\u043c\u044f <span class=\"ps-required\">*<\/span><\/label>\n                                <input type=\"text\" id=\"ps-name\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f\" required>\n                            <\/div>\n                            <div class=\"ps-form-field\">\n                                <label>\u0422\u0435\u043b\u0435\u0444\u043e\u043d <span class=\"ps-required\">*<\/span><\/label>\n                                <input type=\"tel\" id=\"ps-phone\" placeholder=\"+7 (___) ___-__-__\" required>\n                            <\/div>\n                            <div class=\"ps-form-field\">\n                                <label>\u041e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u044f <span class=\"ps-required\">*<\/span><\/label>\n                                <input type=\"text\" id=\"ps-org\" placeholder='\u0422\u041e\u041e \"\u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\"' required>\n                            <\/div>\n                            <div class=\"ps-form-field\">\n                                <label>\u0411\u0418\u041d <span class=\"ps-required\">*<\/span><\/label>\n                                <input type=\"text\" id=\"ps-bin\" placeholder=\"123456789012\" maxlength=\"12\" pattern=\"[0-9]{12}\" required>\n                            <\/div>\n                            <div class=\"ps-form-field\">\n                                <label>\u0410\u0434\u0440\u0435\u0441 \u043e\u0431\u044a\u0435\u043a\u0442\u0430<\/label>\n                                <input type=\"text\" id=\"ps-address\" placeholder=\"\u0410\u0434\u0440\u0435\u0441 \u0443\u0442\u0435\u043f\u043b\u044f\u0435\u043c\u043e\u0433\u043e \u043e\u0431\u044a\u0435\u043a\u0442\u0430\">\n                            <\/div>\n                            <div class=\"ps-form-field\">\n                                <label>\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0439<\/label>\n                                <input type=\"text\" id=\"ps-comment\" placeholder=\"\u0414\u043e\u043f\u043e\u043b\u043d\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u0436\u0435\u043b\u0430\u043d\u0438\u044f\">\n                            <\/div>\n                        <\/div>\n                        <button type=\"submit\" id=\"ps-submit-btn\" class=\"ps-submit-btn\">\n                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4\"\/><polyline points=\"7,10 12,15 17,10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg>\n                            \u0421\u043a\u0430\u0447\u0430\u0442\u044c \u043e\u0442\u0447\u0451\u0442 ProSchet\n                        <\/button>\n                    <\/form>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <script>\n        (function() {\n            window.psCalcData = null;\n            \/\/ === \u0414\u0410\u041d\u041d\u042b\u0415 ===\n            const cityData = {\n                almaty:           { name: '\u0410\u043b\u043c\u0430\u0442\u044b',           gsop: 3500, q_res: 70, q_off: 90,  tariff: 18.32 },\n                astana:           { name: '\u0410\u0441\u0442\u0430\u043d\u0430',            gsop: 5800, q_res: 95, q_off: 120, tariff: 17.84 },\n                shymkent:         { name: '\u0428\u044b\u043c\u043a\u0435\u043d\u0442',          gsop: 2800, q_res: 65, q_off: 85,  tariff: 12.64 },\n                karaganda:        { name: '\u041a\u0430\u0440\u0430\u0433\u0430\u043d\u0434\u0430',         gsop: 5400, q_res: 90, q_off: 115, tariff: 16.50 },\n                aktobe:           { name: '\u0410\u043a\u0442\u043e\u0431\u0435',           gsop: 4800, q_res: 85, q_off: 110, tariff: 15.25 },\n                taraz:            { name: '\u0422\u0430\u0440\u0430\u0437',            gsop: 3200, q_res: 68, q_off: 88,  tariff: 14.80 },\n                pavlodar:         { name: '\u041f\u0430\u0432\u043b\u043e\u0434\u0430\u0440',         gsop: 5600, q_res: 92, q_off: 118, tariff: 14.28 },\n                ust_kamenogorsk:  { name: '\u0423\u0441\u0442\u044c-\u041a\u0430\u043c\u0435\u043d\u043e\u0433\u043e\u0440\u0441\u043a', gsop: 5200, q_res: 88, q_off: 112, tariff: 14.60 },\n                semey:            { name: '\u0421\u0435\u043c\u0435\u0439',            gsop: 5000, q_res: 86, q_off: 110, tariff: 14.60 },\n                kostanay:         { name: '\u041a\u043e\u0441\u0442\u0430\u043d\u0430\u0439',         gsop: 5500, q_res: 91, q_off: 116, tariff: 15.10 },\n                turkestan:        { name: '\u0422\u0443\u0440\u043a\u0435\u0441\u0442\u0430\u043d',        gsop: 2600, q_res: 60, q_off: 80,  tariff: 12.64 },\n                atyrau:           { name: '\u0410\u0442\u044b\u0440\u0430\u0443',           gsop: 3600, q_res: 72, q_off: 92,  tariff: 13.15 },\n                aktau:            { name: '\u0410\u043a\u0442\u0430\u0443',            gsop: 2400, q_res: 58, q_off: 78,  tariff: 16.21 },\n                kyzylorda:        { name: '\u041a\u044b\u0437\u044b\u043b\u043e\u0440\u0434\u0430',        gsop: 3000, q_res: 66, q_off: 86,  tariff: 13.15 },\n                petropavlovsk:    { name: '\u041f\u0435\u0442\u0440\u043e\u043f\u0430\u0432\u043b\u043e\u0432\u0441\u043a',    gsop: 5700, q_res: 94, q_off: 120, tariff: 14.28 },\n                kokshetau:        { name: '\u041a\u043e\u043a\u0448\u0435\u0442\u0430\u0443',         gsop: 5400, q_res: 90, q_off: 115, tariff: 14.28 },\n                taldykorgan:      { name: '\u0422\u0430\u043b\u0434\u044b\u043a\u043e\u0440\u0433\u0430\u043d',      gsop: 3800, q_res: 75, q_off: 95,  tariff: 18.32 },\n                uralsk:           { name: '\u0423\u0440\u0430\u043b\u044c\u0441\u043a',          gsop: 4500, q_res: 82, q_off: 105, tariff: 15.10 },\n                zhezkazgan:       { name: '\u0416\u0435\u0437\u043a\u0430\u0437\u0433\u0430\u043d',        gsop: 4600, q_res: 83, q_off: 106, tariff: 16.50 }\n            };\n\n            const wallU = { brick: 1.5, gasblock: 0.7, concrete: 2.5 };\n            const wallNames = { brick: '\u041a\u0438\u0440\u043f\u0438\u0447', gasblock: '\u0413\u0430\u0437\u043e\u0431\u043b\u043e\u043a', concrete: '\u0411\u0435\u0442\u043e\u043d' };\n\n            \/\/ === \u041c\u0410\u0422\u0415\u0420\u0418\u0410\u041b\u042b \u0421 \u041b\u042f\u041c\u0411\u0414\u0410\u041c\u0418 ===\n            const materialData = {\n                basalt_facade: {\n                    label: '\u0411\u0430\u0437\u0430\u043b\u044c\u0442. \u0432\u0430\u0442\u0430 \u0424\u0410\u0421\u0410\u0414',\n                    modelLabel: '\u041f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c',\n                    models: [\n                        { key: '70',  name: '\u0424\u0410\u0421\u0410\u0414 70 \u043a\u0433\/\u043c\u00b3',  lambda: 0.036, priceM3: 42000 },\n                        { key: '80',  name: '\u0424\u0410\u0421\u0410\u0414 80 \u043a\u0433\/\u043c\u00b3',  lambda: 0.036, priceM3: 43000 },\n                        { key: '90',  name: '\u0424\u0410\u0421\u0410\u0414 90 \u043a\u0433\/\u043c\u00b3',  lambda: 0.036, priceM3: 44000 },\n                        { key: '100', name: '\u0424\u0410\u0421\u0410\u0414 100 \u043a\u0433\/\u043c\u00b3', lambda: 0.037, priceM3: 46154 },\n                        { key: '110', name: '\u0424\u0410\u0421\u0410\u0414 110 \u043a\u0433\/\u043c\u00b3', lambda: 0.036, priceM3: 49685 },\n                        { key: '120', name: '\u0424\u0410\u0421\u0410\u0414 120 \u043a\u0433\/\u043c\u00b3', lambda: 0.036, priceM3: 51718 },\n                        { key: '130', name: '\u0424\u0410\u0421\u0410\u0414 130 \u043a\u0433\/\u043c\u00b3', lambda: 0.036, priceM3: 52360 },\n                        { key: '135', name: '\u0424\u0410\u0421\u0410\u0414 135 \u043a\u0433\/\u043c\u00b3', lambda: 0.036, priceM3: 55035 },\n                        { key: '140', name: '\u0424\u0410\u0421\u0410\u0414 140 \u043a\u0433\/\u043c\u00b3', lambda: 0.036, priceM3: 57175 }\n                    ],\n                    thicknesses: [50,60,70,80,90,100,110,120,130,140,150,160,170,180,190,200],\n                    defaultThickness: 100,\n                    \/\/ \u0420\u0430\u0437\u043c\u0435\u0440\u044b \u043b\u0438\u0441\u0442\u0430 (\u043c\u043c) \u0438 \u0448\u0442\u0443\u043a \u0432 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0435 \u043f\u043e \u0442\u043e\u043b\u0449\u0438\u043d\u0435\n                    sheetLength: 1000, sheetWidth: 600,\n                    piecesPerPack: { 50:8, 60:7, 70:6, 80:5, 90:4, 100:4, 110:3, 120:3, 130:3, 140:3, 150:3, 160:2, 170:2, 180:2, 190:2, 200:2 }\n                },\n                basalt_roof: {\n                    label: '\u0411\u0430\u0437\u0430\u043b\u044c\u0442. \u0432\u0430\u0442\u0430 \u0420\u0423\u0424',\n                    modelLabel: '\u041f\u043b\u043e\u0442\u043d\u043e\u0441\u0442\u044c',\n                    models: [\n                        { key: '130', name: '\u0420\u0423\u0424 130 \u043a\u0433\/\u043c\u00b3', lambda: 0.036, priceM3: 58566 },\n                        { key: '140', name: '\u0420\u0423\u0424 140 \u043a\u0433\/\u043c\u00b3', lambda: 0.036, priceM3: 59315 },\n                        { key: '150', name: '\u0420\u0423\u0424 150 \u043a\u0433\/\u043c\u00b3', lambda: 0.034, priceM3: 61990 },\n                        { key: '160', name: '\u0420\u0423\u0424 160 \u043a\u0433\/\u043c\u00b3', lambda: 0.032, priceM3: 65200 },\n                        { key: '170', name: '\u0420\u0423\u0424 170 \u043a\u0433\/\u043c\u00b3', lambda: 0.032, priceM3: 67340 },\n                        { key: '180', name: '\u0420\u0423\u0424 180 \u043a\u0433\/\u043c\u00b3', lambda: 0.029, priceM3: 71192 },\n                        { key: '190', name: '\u0420\u0423\u0424 190 \u043a\u0433\/\u043c\u00b3', lambda: 0.029, priceM3: 73000 },\n                        { key: '200', name: '\u0420\u0423\u0424 200 \u043a\u0433\/\u043c\u00b3', lambda: 0.029, priceM3: 76114 }\n                    ],\n                    thicknesses: [50,60,70,80,90,100,110,120,130,140,150,160,170,180,190,200],\n                    defaultThickness: 100,\n                    sheetLength: 1000, sheetWidth: 600,\n                    piecesPerPack: { 50:8, 60:7, 70:6, 80:5, 90:4, 100:4, 110:3, 120:3, 130:3, 140:3, 150:3, 160:2, 170:2, 180:2, 190:2, 200:2 }\n                },\n                glass_wool_roll: {\n                    label: '\u0421\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u0430 (\u0440\u0443\u043b\u043e\u043d\u043d\u0430\u044f)',\n                    modelLabel: '\u041c\u043e\u0434\u0435\u043b\u044c',\n                    models: [\n                        { key: 'm15_lite', name: '\u041c-15 \u041b\u0430\u0439\u0442', lambda: 0.033, length: 6250, width: 1200, priceM2_50: 1444, priceM2_100: 1888 },\n                        { key: 'm15',      name: '\u041c-15',      lambda: 0.033, length: 6250, width: 1200, priceM2_50: 1504, priceM2_100: 2008 },\n                        { key: 'm16',      name: '\u041c-16',      lambda: 0.033, length: 6250, width: 1200, priceM2_50: 1540, priceM2_100: 2080 },\n                        { key: 'm20',      name: '\u041c-20',      lambda: 0.033, length: 10000, width: 1200, priceM2_50: 1600, priceM2_100: 2200 },\n                        { key: 'm30',      name: '\u041c-30',      lambda: 0.033, length: 10000, width: 1200, priceM2_50: 1720, priceM2_100: 2400 }\n                    ],\n                    thicknesses: [50, 100],\n                    defaultThickness: 50,\n                    sheetLength: 6250, sheetWidth: 1200,\n                    piecesPerPack: { 50: 2, 100: 1 }\n                }\n            };\n\n\n\n            function fmt(n) { return Math.round(n).toLocaleString('ru-RU'); }\n\n            function showError(msg) {\n                const el = document.getElementById('proschet-error');\n                el.textContent = msg;\n                el.style.display = 'block';\n                setTimeout(() => { el.style.display = 'none'; }, 5000);\n            }\n\n            \/\/ === \u041f\u0415\u0420\u0415\u041a\u041b\u042e\u0427\u0415\u041d\u0418\u0415 \u041c\u0410\u0422\u0415\u0420\u0418\u0410\u041b\u041e\u0412 ===\n            function getCurrentLambda() {\n                const matKey = document.getElementById('ps-material').value;\n                const modelKey = document.getElementById('ps-model').value;\n                const mat = materialData[matKey];\n                const model = mat.models.find(m => m.key === modelKey);\n                return model ? model.lambda : 0.036;\n            }\n\n            window.switchPsMaterial = function() {\n                const matKey = document.getElementById('ps-material').value;\n                const mat = materialData[matKey];\n                const modelSelect = document.getElementById('ps-model');\n                const thicknessSelect = document.getElementById('ps-thickness');\n\n                \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c label\n                document.getElementById('ps-model-label').textContent = mat.modelLabel;\n\n                \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u043c\u043e\u0434\u0435\u043b\u0438\n                modelSelect.innerHTML = '';\n                mat.models.forEach((m, i) => {\n                    const opt = document.createElement('option');\n                    opt.value = m.key;\n                    opt.textContent = m.name;\n                    if (i === 0) opt.selected = true;\n                    modelSelect.appendChild(opt);\n                });\n\n                \/\/ \u041e\u0431\u043d\u043e\u0432\u043b\u044f\u0435\u043c \u0442\u043e\u043b\u0449\u0438\u043d\u044b\n                thicknessSelect.innerHTML = '';\n                mat.thicknesses.forEach(t => {\n                    const opt = document.createElement('option');\n                    opt.value = t;\n                    opt.textContent = t + ' \u043c\u043c';\n                    if (t === mat.defaultThickness) opt.selected = true;\n                    thicknessSelect.appendChild(opt);\n                });\n\n                updateLambdaDisplay();\n            };\n\n            window.updateLambdaDisplay = function() {\n                const lambda = getCurrentLambda();\n                document.getElementById('ps-lambda-display').textContent = lambda.toFixed(3).replace('.', ',');\n            };\n\n            \/\/ \u041f\u043e\u0434\u043f\u0438\u0441\u044b\u0432\u0430\u0435\u043c\u0441\u044f \u043d\u0430 \u0441\u043c\u0435\u043d\u0443 \u043c\u043e\u0434\u0435\u043b\u0438\n            document.getElementById('ps-model').addEventListener('change', updateLambdaDisplay);\n\n            \/\/ \u0418\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0435\n            switchPsMaterial();\n\n            \/\/ === \u0420\u0410\u0421\u0427\u0401\u0422 ===\n            window.calculateProschet = function() {\n                const ck = document.getElementById('ps-city').value;\n                const bt = document.getElementById('ps-building').value;\n                const wt = document.getElementById('ps-wall').value;\n                const Af = parseFloat(document.getElementById('ps-facade-area').value);\n                const Aot = parseFloat(document.getElementById('ps-heated-area').value);\n                const thick = parseInt(document.getElementById('ps-thickness').value);\n                const matKey = document.getElementById('ps-material').value;\n                const modelKey = document.getElementById('ps-model').value;\n\n                if (!ck) { showError('\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0433\u043e\u0440\u043e\u0434.'); return; }\n                if (!Af || Af <= 0) { showError('\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043f\u043b\u043e\u0449\u0430\u0434\u044c \u0444\u0430\u0441\u0430\u0434\u0430.'); return; }\n                if (!Aot || Aot <= 0) { showError('\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043e\u0442\u0430\u043f\u043b\u0438\u0432\u0430\u0435\u043c\u0443\u044e \u043f\u043b\u043e\u0449\u0430\u0434\u044c.'); return; }\n\n                const city = cityData[ck];\n                const Uold = wallU[wt];\n                const delta = thick \/ 1000;\n                const GSOP = city.gsop;\n                const qNorm = bt === 'residential' ? city.q_res : city.q_off;\n                const tariff = city.tariff;\n                const LAMBDA = getCurrentLambda();\n                const mat = materialData[matKey];\n                const model = mat.models.find(m => m.key === modelKey);\n                const wCoeff = parseFloat(document.getElementById('ps-waste').value);\n                document.getElementById('ps-waste-val').textContent = wCoeff.toFixed(2);\n                \n                let materialName = '\u041c\u0430\u0442\u0435\u0440\u0438\u0430\u043b';\n                if (matKey === 'basalt_facade' || matKey === 'basalt_roof') {\n                    const typeText = matKey === 'basalt_roof' ? '\u0420\u0423\u0424' : '\u0424\u0410\u0421\u0410\u0414';\n                    materialName = `\u0411\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430 NEMAN EXPERT ${typeText} ${modelKey} ${mat.sheetLength || 1000}*${mat.sheetWidth || 600}*${thick} \u041a\u0420 ${wCoeff.toFixed(2)}`;\n                } else if (matKey === 'glass_wool_roll') {\n                    if (model) {\n                         const ppp = (mat.piecesPerPack && mat.piecesPerPack[thick]) || 4;\n                         \/\/ In roll, it is \u041c\u0430\u0442\u044b NEMAN EXPERT {model} {length}*{width}*{thick}*{ppp}\n                         \/\/ However in the sample picture it is just \"\u041c\u0430\u0442\u044b NEMAN EXPERT \u041c-15 \u041b\u0430\u0439\u0442 ...\"\n                         materialName = `\u041c\u0430\u0442\u044b NEMAN EXPERT ${model.name} ${model.length}*${model.width}*${thick}*${ppp}`;\n                    }\n                }\n\n                \/\/ \u0428\u0430\u0433 1\n                const Unew = 1 \/ (1\/Uold + delta\/LAMBDA);\n                \/\/ \u0428\u0430\u0433 2\n                const Qold = Uold * Af * GSOP * 0.024;\n                const Qnew = Unew * Af * GSOP * 0.024;\n                \/\/ \u0428\u0430\u0433 3\n                const qOld = Qold \/ Aot;\n                const qNew = Qnew \/ Aot;\n                \/\/ \u0428\u0430\u0433 4\n                \/\/ \u0428\u0430\u0433 4 (\u043d\u043e\u0432\u043e\u0435)\n                const devNew = ((qNew - qNorm) \/ qNorm) * 100;\n                \/\/ \u0428\u0430\u0433 4 (\u0441\u0442\u0430\u0440\u043e\u0435)\n                const devOld = ((qOld - qNorm) \/ qNorm) * 100;\n\n                \/\/ \u0428\u0430\u0433 5 (\u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u043a\u043b\u0430\u0441\u0441\u0430)\n                function getClassInfo(dev) {\n                    if (dev <= -60) return {c: 'A++', d: '\u041e\u0447\u0435\u043d\u044c \u0432\u044b\u0441\u043e\u043a\u0438\u0439'};\n                    if (dev <= -50) return {c: 'A+', d: '\u0412\u044b\u0441\u043e\u043a\u0438\u0439'};\n                    if (dev <= -40) return {c: 'A', d: '\u0412\u044b\u0441\u043e\u043a\u0438\u0439'};\n                    if (dev <= -15) return {c: 'B', d: '\u041f\u043e\u0432\u044b\u0448\u0435\u043d\u043d\u044b\u0439'};\n                    if (dev <= 5)   return {c: 'C', d: '\u041d\u043e\u0440\u043c\u0430\u043b\u044c\u043d\u044b\u0439'};\n                    return {c: 'D', d: '\u041d\u0438\u0437\u043a\u0438\u0439'};\n                }\n\n                const classNew = getClassInfo(devNew);\n                const classOld = getClassInfo(devOld);\n                const eClass = classNew.c;\n                const eDesc = classNew.d;\n\n                \/\/ \u0424\u0438\u043d\u0430\u043d\u0441\u044b - \u0440\u0430\u0441\u0447\u0451\u0442 \u043f\u043e \u043b\u043e\u0433\u0438\u043a\u0435 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0430:\n                \/\/ \u043e\u0431\u044a\u0451\u043c = \u043f\u043b\u043e\u0449\u0430\u0434\u044c_\u0444\u0430\u0441\u0430\u0434\u0430 \u00d7 \u0442\u043e\u043b\u0449\u0438\u043d\u0430 \u00d7 \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u2192 \u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0438 = ceil(\u043e\u0431\u044a\u0451\u043c \/ \u043e\u0431\u044a\u0451\u043c_\u0443\u043f\u0430\u043a\u043e\u0432\u043a\u0438)\n                const savKwh = Qold - Qnew;\n                const savTg = savKwh * tariff;\n                const reduct = (Qold - Qnew) \/ Qold * 100;\n\n                let sheetL, sheetW;\n                if (matKey === 'glass_wool_roll' && model && model.length) {\n                    sheetL = model.length \/ 1000;\n                    sheetW = model.width \/ 1000;\n                } else {\n                    sheetL = (mat.sheetLength || 1000) \/ 1000;\n                    sheetW = (mat.sheetWidth || 600) \/ 1000;\n                }\n                const ppp = (mat.piecesPerPack && mat.piecesPerPack[thick]) || 4;\n                const packVolume = sheetL * sheetW * delta * ppp;\n                const totalVolume = Af * delta * wCoeff;\n                const totalArea = Af * wCoeff;\n                const totalPacks = Math.ceil(totalVolume \/ packVolume);\n                \n                \/\/ \u0426\u0435\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u043a\u0430\u043a \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435\n                let costM2, totalCost, basePriceLabel;\n                if (matKey === 'glass_wool_roll') {\n                    \/\/ \u0421\u0442\u0435\u043a\u043b\u043e\u0432\u0430\u0442\u0430 \u0437\u0430 \u043c\u00b2\n                    const prop = 'priceM2_' + thick;\n                    costM2 = model[prop] || 1500;\n                    \/\/ \u0412\u0430\u0436\u043d\u043e: \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0442\u043e\u0447\u043d\u043e\u0439 \u043f\u043b\u043e\u0449\u0430\u0434\u0438, \u0430 \u043d\u0435 \u043f\u043e \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0446\u0435\u043b\u044b\u0445 \u0443\u043f\u0430\u043a\u043e\u0432\u043e\u043a\n                    totalCost = totalArea * costM2;\n                    basePriceLabel = fmt(costM2) + ' \\u20B8 \/ \u043c\u00b2';\n                } else {\n                    \/\/ \u0411\u0430\u0437\u0430\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0432\u0430\u0442\u0430 \u0437\u0430 \u043c\u00b3\n                    const priceM3 = model.priceM3 || 50000;\n                    \/\/ \u0412\u0430\u0436\u043d\u043e: \u0432 \u043f\u0435\u0440\u0432\u043e\u043c \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0435 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0441\u0447\u0438\u0442\u0430\u0435\u0442\u0441\u044f \u043f\u043e \u0442\u043e\u0447\u043d\u043e\u043c\u0443 \u043e\u0431\u044a\u0451\u043c\u0443, \u0430 \u043d\u0435 \u043f\u043e \u043a\u043e\u043b-\u0432\u0443 \u0446\u0435\u043b\u044b\u0445 \u0443\u043f\u0430\u043a\u043e\u0432\u043e\u043a\n                    totalCost = totalVolume * priceM3;\n                    costM2 = priceM3; \/\/ \u041f\u0440\u043e\u043a\u0438\u043d\u0435\u043c \u0446\u0435\u043d\u0443 \u0437\u0430 \u043c3\n                    basePriceLabel = fmt(priceM3) + ' \\u20B8 \/ \u043c\u00b3';\n                }\n                \n                const payback = savTg > 0 ? totalCost \/ savTg : 999;\n\n                \/\/ === \u041e\u0422\u041e\u0411\u0420\u0410\u0416\u0415\u041d\u0418\u0415 ===\n                document.getElementById('ps-results').style.display = 'block';\n\n                \/\/ \u041f\u0435\u0440\u0435\u0437\u0430\u043f\u0443\u0441\u043a \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u0435\u0440\u0435\u0442\u0435\u043a\u0430\u043d\u0438\u044f\n                const animB = document.getElementById('ps-class-block');\n                const anim1 = document.getElementById('ps-anim-step-1');\n                const anim2 = document.getElementById('ps-anim-step-2');\n                const anim3 = document.getElementById('ps-anim-step-3');\n                \n                [animB, anim1, anim2, anim3].forEach(el => el.classList.remove('animating', 'ps-anim-old', 'ps-anim-arrow', 'ps-anim-new'));\n                void anim1.offsetWidth; \/\/ trigger DOM reflow\n                \n                animB.classList.add('animating');\n                anim1.classList.add('ps-anim-old');\n                anim2.classList.add('ps-anim-arrow');\n                anim3.classList.add('ps-anim-new');\n\n                document.getElementById('ps-class-old').textContent = classOld.c;\n                document.getElementById('ps-class-old-desc').textContent = classOld.d;\n                document.getElementById('ps-class').textContent = eClass;\n                document.getElementById('ps-class-desc').textContent = eDesc;\n\n                const cm = {'A++':'app','A+':'ap','A':'a','B':'b','C':'c','D':'d'};\n                ['app','ap','a','b','c','d'].forEach(id => document.getElementById('scale-'+id).classList.remove('active'));\n                if (cm[eClass]) document.getElementById('scale-'+cm[eClass]).classList.add('active');\n                \n                \/\/ \u041f\u043e\u0434\u0441\u0432\u0435\u0447\u0438\u0432\u0430\u0435\u043c \u0441\u0442\u0430\u0440\u044b\u0439 \u043a\u043b\u0430\u0441\u0441 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u0435\u0435, \u0447\u0442\u043e\u0431\u044b \u0431\u044b\u043b\u043e \u0432\u0438\u0434\u043d\u043e \u043f\u0443\u0442\u044c\n                if (cm[classOld.c] && cm[classOld.c] !== cm[eClass]) {\n                    const oldEl = document.getElementById('scale-'+cm[classOld.c]);\n                    oldEl.style.opacity = '0.6';\n                    oldEl.style.boxShadow = 'inset 0 0 0 2px rgba(255,255,255,0.2)';\n                }\n\n                document.getElementById('ps-savings-tg').textContent = fmt(savTg) + ' \\u20B8';\n                document.getElementById('ps-payback').textContent = payback < 1 ? Math.ceil(payback*12)+' \u043c\u0435\u0441' : payback.toFixed(1)+' \u043b\u0435\u0442';\n                document.getElementById('ps-savings-kwh').textContent = fmt(savKwh);\n                document.getElementById('ps-q-old').textContent = qOld.toFixed(1);\n                document.getElementById('ps-q-new').textContent = qNew.toFixed(1);\n\n                const bar = Math.min(reduct, 100);\n                document.getElementById('ps-fill').style.width = bar.toFixed(1)+'%';\n                document.getElementById('ps-fill').setAttribute('data-percent', bar.toFixed(1)+'%');\n                document.getElementById('ps-reduction-pct').textContent = bar.toFixed(1)+'%';\n                document.getElementById('ps-qnorm-display').textContent = qNorm;\n                document.getElementById('ps-deviation-display').textContent = devNew.toFixed(1);\n\n                document.getElementById('ps-u-old').textContent = Uold.toFixed(3)+' \u0412\u0442\/(\u043c\u00b2\u00b7\u041a)';\n                document.getElementById('ps-u-new').textContent = Unew.toFixed(3)+' \u0412\u0442\/(\u043c\u00b2\u00b7\u041a)';\n                document.getElementById('ps-lambda-val').textContent = LAMBDA.toFixed(3).replace('.',',')+' \u0412\u0442\/(\u043c\u00b7\u041a)';\n                document.getElementById('ps-gsop-val').textContent = GSOP+' \u00b0\u0421\u00b7\u0441\u0443\u0442';\n                document.getElementById('ps-qyear-old').textContent = fmt(Qold)+' \u043a\u0412\u0442\u00b7\u0447';\n                document.getElementById('ps-qyear-new').textContent = fmt(Qnew)+' \u043a\u0412\u0442\u00b7\u0447';\n                document.getElementById('ps-dimensions-val').textContent = (sheetL * 1000) + ' \u00d7 ' + (sheetW * 1000) + ' \u043c\u043c';\n                document.getElementById('ps-pack-val').textContent = ppp + ' \u0448\u0442 \/ ' + packVolume.toFixed(3) + ' \u043c\u00b3';\n                document.getElementById('ps-q-specific').textContent = qNew.toFixed(2)+' \u043a\u0412\u0442\u00b7\u0447\/\u043c\u00b2\u00b7\u0433\u043e\u0434';\n                document.getElementById('ps-tariff-val').textContent = tariff.toFixed(2)+' \\u20B8\/\u043a\u0412\u0442\u00b7\u0447';\n                document.getElementById('ps-cost-m2-label').textContent = matKey === 'glass_wool_roll' ? '\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 \/ \u043c\u00b2' : '\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430 \/ \u043c\u00b3';\n                document.getElementById('ps-cost-m2').textContent = basePriceLabel;\n                document.getElementById('ps-cost-total').textContent = fmt(totalCost)+' \\u20B8 ('+totalPacks+' \u0443\u043f\u0430\u043a.)';\n\n                window.psCalcData = {\n                    city: city.name, cityKey: ck,\n                    buildingType: bt==='residential' ? '\u0416\u0438\u043b\u043e\u0439 \u0434\u043e\u043c' : '\u041e\u0444\u0438\u0441 \/ \u041e\u0431\u0449\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u0437\u0434\u0430\u043d\u0438\u0435',\n                    wallType: wallNames[wt],\n                    materialName: materialName, lambda: LAMBDA,\n                    facadeArea: Af, heatedArea: Aot, thickness: thick,\n                    totalPacks: totalPacks, totalVolume: totalVolume,\n                    totalArea: (matKey === 'glass_wool_roll' ? (totalPacks * sheetL * sheetW \/ 1000000 * 2) : 0),\n                    basePrice: (matKey === 'glass_wool_roll' ? (thick === 50 ? model.priceM2_50 : model.priceM2_100) : model.priceM3),\n                    isGlassWool: (matKey === 'glass_wool_roll'),\n                    U_old: Uold, U_new: Unew, GSOP: GSOP, q_norm: qNorm,\n                    q_old: qOld, q_new: qNew, deviation: devNew,\n                    energyClass: eClass, classDescription: eDesc,\n                    Q_year_old: Qold, Q_year_new: Qnew,\n                    savingsKwh: savKwh, savingsTenge: savTg, tariff: tariff,\n                    materialCostPerM2: costM2, totalMaterialCost: totalCost,\n                    paybackYears: payback, reductionPercent: reduct\n                };\n\n                \/\/ \u041f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043a \u0431\u043b\u043e\u043a\u0443 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u043e\u0432\n                setTimeout(() => {\n                    document.getElementById('ps-results').scrollIntoView({ behavior: 'smooth', block: 'start' });\n                }, 100);\n            };\n\n            window.togglePsDetails = function(h) {\n                h.nextElementSibling.classList.toggle('open');\n                h.querySelector('.ps-details-arrow').classList.toggle('open');\n            };\n\n            \/\/ \u0422\u0435\u043b\u0435\u0444\u043e\u043d\n            const ph = document.getElementById('ps-phone');\n            if (ph) {\n                ph.value = '+7 (';\n                ph.addEventListener('input', function() {\n                    let v = this.value.replace(\/\\D\/g,'');\n                    if (!v.length) { this.value = '+7 ('; return; }\n                    if (v[0]==='8') v = '7'+v.substring(1);\n                    if (v[0]!=='7') v = '7'+v;\n                    let f = '+7 (';\n                    if (v.length>1) f += v.substring(1,4);\n                    if (v.length>4) f += ') '+v.substring(4,7);\n                    if (v.length>7) f += '-'+v.substring(7,9);\n                    if (v.length>9) f += '-'+v.substring(9,11);\n                    this.value = f;\n                });\n                ph.addEventListener('keydown', function(e) {\n                    if (e.key==='Backspace' && this.value.length<=4) e.preventDefault();\n                });\n                ph.addEventListener('focus', function() { if (!this.value||this.value.length<4) this.value='+7 ('; });\n            }\n\n            \/\/ PDF\n            function showFormMsg(type, msg) {\n                const errEl = document.getElementById('ps-form-msg-error');\n                const sucEl = document.getElementById('ps-form-msg-success');\n                errEl.style.display = 'none';\n                sucEl.style.display = 'none';\n                if (type==='error') { errEl.textContent = msg; errEl.style.display = 'block'; }\n                else { sucEl.textContent = msg; sucEl.style.display = 'block'; }\n            }\n\n            function downloadPdf(b64, fn) {\n                try {\n                    const bc = atob(b64);\n                    const bn = new Array(bc.length);\n                    for (let i=0;i<bc.length;i++) bn[i]=bc.charCodeAt(i);\n                    const ba = new Uint8Array(bn);\n                    const blob = new Blob([ba],{type:'application\/pdf'});\n                    const a = document.createElement('a');\n                    a.href = URL.createObjectURL(blob);\n                    a.download = fn;\n                    document.body.appendChild(a);\n                    a.click();\n                    document.body.removeChild(a);\n                    URL.revokeObjectURL(a.href);\n                    return true;\n                } catch(e) { return false; }\n            }\n\n            window.handlePsPdfSubmit = function(e) {\n                e.preventDefault();\n                if (!window.psCalcData || !window.psCalcData.energyClass) { showFormMsg('error','\u0421\u043d\u0430\u0447\u0430\u043b\u0430 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0440\u0430\u0441\u0447\u0451\u0442.'); return false; }\n\n                const name = document.getElementById('ps-name').value.trim();\n                const phone = document.getElementById('ps-phone').value.trim();\n                const org = document.getElementById('ps-org').value.trim();\n                const bin = document.getElementById('ps-bin').value.trim();\n                const addr = document.getElementById('ps-address').value.trim();\n                const comm = document.getElementById('ps-comment').value.trim();\n\n                if (!name) { showFormMsg('error','\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0438\u043c\u044f.'); return false; }\n                if (phone.replace(\/\\D\/g,'').length<11) { showFormMsg('error','\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043f\u043e\u043b\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430.'); return false; }\n                if (!org) { showFormMsg('error','\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043e\u0440\u0433\u0430\u043d\u0438\u0437\u0430\u0446\u0438\u0438.'); return false; }\n                if (!\/^\\d{12}$\/.test(bin)) { showFormMsg('error','\u0411\u0418\u041d \u2014 12 \u0446\u0438\u0444\u0440.'); return false; }\n\n                const btn = document.getElementById('ps-submit-btn');\n                const origTxt = btn.innerHTML;\n                btn.innerHTML = '\u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u043e\u0442\u0447\u0451\u0442...';\n                btn.disabled = true;\n\n                jQuery.ajax({\n                    url: ajax_object.ajax_url,\n                    type: 'POST',\n                    data: {\n                        action: 'generate_proschet_pdf',\n                        nonce: ajax_object.nonce,\n                        name: name, phone: phone, organization: org, bin: bin,\n                        address: addr, comment: comm,\n                        calculationData: JSON.stringify(window.psCalcData)\n                    },\n                    success: function(resp) {\n                        try {\n                            const d = typeof resp==='string' ? JSON.parse(resp) : resp;\n                            if (d.success && d.data) {\n                                if (d.data.type==='pdf') {\n                                    const fn = d.data.filename || 'ProSchet_'+new Date().toISOString().slice(0,10)+'.pdf';\n                                    if (downloadPdf(d.data.content, fn)) showFormMsg('success','\u041e\u0442\u0447\u0451\u0442 \u0441\u043a\u0430\u0447\u0430\u043d!');\n                                    else showFormMsg('error','\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u044f.');\n                                } else if (d.data.type==='html') {\n                                    const blob = new Blob([d.data.content],{type:'text\/html;charset=utf-8'});\n                                    window.open(URL.createObjectURL(blob),'_blank');\n                                    showFormMsg('success','\u041e\u0442\u0447\u0451\u0442 \u043e\u0442\u043a\u0440\u044b\u0442 \u0432 \u043d\u043e\u0432\u043e\u043c \u043e\u043a\u043d\u0435.');\n                                }\n                            } else {\n                                showFormMsg('error', d.data || '\u041e\u0448\u0438\u0431\u043a\u0430 \u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.');\n                            }\n                        } catch(ex) { showFormMsg('error','\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u0432\u0435\u0442\u0430 \u0441\u0435\u0440\u0432\u0435\u0440\u0430.'); }\n                        btn.innerHTML = origTxt; btn.disabled = false;\n                    },\n                    error: function() {\n                        showFormMsg('error','\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u0435\u0442\u0438.');\n                        btn.innerHTML = origTxt; btn.disabled = false;\n                    }\n                });\n                return false;\n            };\n        })();\n        <\/script>\n        \n    <\/div>\n  <\/section>\n\n<\/section>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-111a5ae ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"111a5ae\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!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    <title>\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b?<\/title>\n    \n    <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Atyp+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n    \n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n        }\n\n        .contact-form-section {\n            padding: 60px 0;\n            background: #F2FAF1;\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n        }\n\n        \/* \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421 \u0415\u0414\u0418\u041d\u042b\u041c\u0418 \u041e\u0422\u0421\u0422\u0423\u041f\u0410\u041c\u0418 *\/\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 1rem; \/* 16px - \u043a\u0430\u043a \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n        }\n\n        .form-container {\n            display: grid;\n            grid-template-columns: 1fr 400px;\n            gap: 60px;\n            align-items: center;\n            background: white;\n            padding: 40px 50px;\n            border-radius: 20px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n            min-height: 400px;\n        }\n\n        .form-content h2 {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 32px;\n            font-weight: 700;\n            color: #333;\n            margin-bottom: 12px;\n            line-height: 1.2;\n        }\n\n        .form-content p {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 16px;\n            color: #666;\n            line-height: 1.5;\n            margin-bottom: 30px;\n        }\n\n        .contact-form {\n            display: flex;\n            flex-direction: column;\n            gap: 18px;\n        }\n\n        .form-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 18px;\n        }\n\n        .form-group {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .form-label {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 13px;\n            font-weight: 500;\n            color: #666;\n            margin-bottom: 6px;\n            display: block;\n        }\n\n        .form-input {\n            padding: 14px 16px;\n            border: 1px solid #ddd;\n            border-radius: 6px;\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #333;\n            background: #f8f9fa;\n            transition: all 0.3s ease;\n            width: 100%;\n        }\n\n        .form-input::placeholder {\n            color: #999;\n        }\n\n        .form-input:focus {\n            outline: none;\n            border-color: #5FBA51;\n            background: white;\n            box-shadow: 0 0 0 2px rgba(95, 186, 81, 0.1);\n        }\n\n        .submit-button {\n            padding: 14px 32px;\n            background: #5FBA51;\n            color: white;\n            border: none;\n            border-radius: 6px;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 15px;\n            font-weight: 600;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            align-self: flex-start;\n            margin-top: 8px;\n            position: relative;\n        }\n\n        .submit-button:hover {\n            background: #4ca640;\n            transform: translateY(-1px);\n            box-shadow: 0 6px 20px rgba(95, 186, 81, 0.3);\n        }\n\n        .submit-button:disabled {\n            background: #ccc;\n            cursor: not-allowed;\n            transform: none;\n            box-shadow: none;\n        }\n\n        .submit-button.loading {\n            color: transparent;\n        }\n\n        .submit-button.loading::after {\n            content: '';\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 20px;\n            height: 20px;\n            border: 2px solid transparent;\n            border-top: 2px solid white;\n            border-radius: 50%;\n            animation: spin 1s linear infinite;\n        }\n\n        @keyframes spin {\n            0% { transform: translate(-50%, -50%) rotate(0deg); }\n            100% { transform: translate(-50%, -50%) rotate(360deg); }\n        }\n\n        .disclaimer {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 11px;\n            color: #999;\n            line-height: 1.3;\n            margin-top: 15px;\n            max-width: 400px;\n        }\n\n        .form-image {\n            text-align: center;\n            position: relative;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .phone-illustration {\n            max-width: 100%;\n            height: auto;\n            max-height: 350px;\n            object-fit: contain;\n            animation: bounceBall 3s ease-out infinite;\n            filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));\n        }\n\n        \/* \u042d\u0444\u0444\u0435\u043a\u0442 \u043e\u0442\u0441\u043a\u043e\u043a\u0430 \u043c\u044f\u0447\u0430 - \u043d\u0435\u043f\u0440\u0435\u0440\u044b\u0432\u043d\u044b\u0439 \u0446\u0438\u043a\u043b *\/\n        @keyframes bounceBall {\n            0% {\n                transform: translateY(-40px);\n                animation-timing-function: ease-in;\n            }\n            10% {\n                transform: translateY(0px) scaleY(0.95);\n                animation-timing-function: ease-out;\n            }\n            20% {\n                transform: translateY(-25px);\n                animation-timing-function: ease-in;\n            }\n            30% {\n                transform: translateY(0px) scaleY(0.97);\n                animation-timing-function: ease-out;\n            }\n            40% {\n                transform: translateY(-15px);\n                animation-timing-function: ease-in;\n            }\n            50% {\n                transform: translateY(0px) scaleY(0.98);\n                animation-timing-function: ease-out;\n            }\n            60% {\n                transform: translateY(-8px);\n                animation-timing-function: ease-in;\n            }\n            70% {\n                transform: translateY(0px) scaleY(0.99);\n                animation-timing-function: ease-out;\n            }\n            80% {\n                transform: translateY(-4px);\n                animation-timing-function: ease-in;\n            }\n            90% {\n                transform: translateY(0px) scaleY(1);\n                animation-timing-function: ease-out;\n            }\n            100% {\n                transform: translateY(-40px);\n                animation-timing-function: ease-in;\n            }\n        }\n\n        \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 2: \u0412\u043e\u043b\u043d\u043e\u043e\u0431\u0440\u0430\u0437\u043d\u043e\u0435 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n        \/*\n        @keyframes floatPhone {\n            0%, 100% {\n                transform: translateY(0px) scale(1);\n            }\n            50% {\n                transform: translateY(-20px) scale(1.02);\n            }\n        }\n        *\/\n\n        \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 3: \u041b\u0435\u0433\u043a\u043e\u0435 \u0434\u044b\u0445\u0430\u043d\u0438\u0435 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n        \/*\n        @keyframes floatPhone {\n            0%, 100% {\n                transform: translateY(0px) scale(1);\n            }\n            50% {\n                transform: translateY(-10px) scale(1.05);\n            }\n        }\n        *\/\n\n        \/* \u0412\u0410\u0420\u0418\u0410\u041d\u0422 4: \u0412\u043e\u0441\u044c\u043c\u0435\u0440\u043a\u0430 (\u0440\u0430\u0441\u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0438\u0440\u0443\u0439\u0442\u0435 \u0447\u0442\u043e\u0431\u044b \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c) *\/\n        \/*\n        @keyframes floatPhone {\n            0%, 100% {\n                transform: translateY(0px) translateX(0px);\n            }\n            25% {\n                transform: translateY(-10px) translateX(5px);\n            }\n            50% {\n                transform: translateY(0px) translateX(0px);\n            }\n            75% {\n                transform: translateY(-10px) translateX(-5px);\n            }\n        }\n        *\/\n\n        \/* \u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f *\/\n        .notification {\n            position: fixed;\n            top: 20px;\n            right: 20px;\n            padding: 15px 20px;\n            border-radius: 8px;\n            color: white;\n            font-family: 'Montserrat', sans-serif;\n            font-size: 14px;\n            font-weight: 500;\n            z-index: 1000;\n            transform: translateX(400px);\n            transition: transform 0.3s ease;\n            max-width: 350px;\n        }\n\n        .notification.show {\n            transform: translateX(0);\n        }\n\n        .notification.success {\n            background: #5FBA51;\n        }\n\n        .notification.error {\n            background: #e74c3c;\n        }\n\n        \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u042b\u0415 \u041e\u0422\u0421\u0422\u0423\u041f\u042b - \u041a\u0410\u041a \u0412 \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u041c \u0411\u041b\u041e\u041a\u0415 *\/\n        @media (max-width: 1024px) {\n            .container {\n                max-width: 1200px;\n                padding: 0 2rem; \/* 32px \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\n            }\n        }\n\n        @media (max-width: 968px) {\n            .contact-form-section {\n                padding: 40px 0;\n            }\n\n            .form-container {\n                grid-template-columns: 1fr;\n                gap: 0;\n                padding: 30px 25px;\n                min-height: auto;\n            }\n\n            .form-content h2 {\n                font-size: 26px;\n                text-align: center;\n            }\n\n            .form-content p {\n                font-size: 15px;\n                text-align: center;\n                margin-bottom: 25px;\n            }\n\n            .form-row {\n                grid-template-columns: 1fr;\n                gap: 15px;\n            }\n\n            \/* \u0421\u041a\u0420\u042b\u0412\u0410\u0415\u041c \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0423 \u041d\u0410 \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u042b\u0425 *\/\n            .form-image {\n                display: none;\n            }\n\n            .submit-button {\n                width: 100%;\n                align-self: stretch;\n            }\n\n            .notification {\n                top: 10px;\n                right: 10px;\n                left: 10px;\n                transform: translateY(-100px);\n            }\n\n            .notification.show {\n                transform: translateY(0);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .container {\n                padding: 0 1rem; \/* 16px \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n            }\n        }\n\n        @media (max-width: 640px) {\n            .contact-form-section {\n                padding: 30px 0;\n            }\n\n            .form-container {\n                padding: 25px 20px;\n                border-radius: 15px;\n            }\n\n            .form-content h2 {\n                font-size: 22px;\n                margin-bottom: 10px;\n            }\n\n            .form-content p {\n                font-size: 14px;\n                margin-bottom: 20px;\n            }\n\n            .contact-form {\n                gap: 15px;\n            }\n\n            .form-input {\n                padding: 12px 14px;\n                font-size: 14px;\n            }\n\n            .submit-button {\n                padding: 13px 28px;\n                font-size: 14px;\n            }\n\n            \/* \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 \u0423\u0416\u0415 \u0421\u041a\u0420\u042b\u0422\u0410 \u041d\u0410 \u042d\u0422\u041e\u041c \u0420\u0410\u0417\u0420\u0415\u0428\u0415\u041d\u0418\u0418 *\/\n            .form-image {\n                display: none;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .contact-form-section {\n                padding: 25px 0;\n            }\n\n            .form-container {\n                padding: 20px 15px;\n            }\n\n            .form-content h2 {\n                font-size: 20px;\n            }\n\n            .form-content p {\n                font-size: 13px;\n            }\n\n            .form-input {\n                padding: 11px 12px;\n                font-size: 13px;\n            }\n\n            .submit-button {\n                padding: 12px 25px;\n                font-size: 13px;\n            }\n\n            .disclaimer {\n                font-size: 10px;\n            }\n\n            \/* \u041a\u0410\u0420\u0422\u0418\u041d\u041a\u0410 \u0423\u0416\u0415 \u0421\u041a\u0420\u042b\u0422\u0410 \u041d\u0410 \u042d\u0422\u041e\u041c \u0420\u0410\u0417\u0420\u0415\u0428\u0415\u041d\u0418\u0418 *\/\n            .form-image {\n                display: none;\n            }\n        }\n\n        \/* \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b *\/\n        @media (min-width: 969px) and (max-width: 1200px) {\n            .contact-form-section {\n                padding: 50px 0;\n            }\n\n            .form-container {\n                grid-template-columns: 1fr 350px;\n                gap: 50px;\n                padding: 35px 40px;\n            }\n\n            .form-content h2 {\n                font-size: 28px;\n            }\n        }\n\n        \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u0438 *\/\n        .form-container {\n            animation: fadeInUp 0.8s ease-out;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* \u041f\u043b\u0430\u0432\u043d\u0430\u044f \u043f\u0440\u043e\u043a\u0440\u0443\u0442\u043a\u0430 \u043a \u044f\u043a\u043e\u0440\u044e *\/\n        html {\n            scroll-behavior: smooth;\n        }\n    <\/style>\n<\/head>\n<body>\n    <section class=\"contact-form-section\" id=\"contact-form\">\n        <div class=\"container\">\n            <div class=\"form-container\">\n                <div class=\"form-content\">\n                    <h2>\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b ?<\/h2>\n                    <p>\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0441\u0432\u043e\u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435, \u0438 \u043c\u044b \u043f\u0435\u0440\u0435\u0437\u0432\u043e\u043d\u0438\u043c \u0432\u0430\u043c \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f<\/p>\n                    \n                    <form class=\"contact-form\" id=\"contactForm\">\n                        <div class=\"form-row\">\n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"name\">\u0418\u043c\u044f<\/label>\n                                <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0432\u0430\u0448\u0435 \u0438\u043c\u044f\" required>\n                            <\/div>\n                            \n                            <div class=\"form-group\">\n                                <label class=\"form-label\" for=\"phone\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d<\/label>\n                                <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"+7 (___) ___-__-__\" required>\n                            <\/div>\n                        <\/div>\n                        \n                        <button type=\"submit\" class=\"submit-button\" id=\"submitBtn\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/button>\n                        \n                        <p class=\"disclaimer\">\n                            \u041d\u0430\u0436\u0438\u043c\u0430\u044f \u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0443 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u0412\u044b \u0441\u043e\u0433\u043b\u0430\u0448\u0430\u0435\u0442\u0435\u0441\u044c \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443 \u0412\u0430\u0448\u0438\u0445 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0445 \u0434\u0430\u043d\u043d\u044b\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0435\u0439 TOO NER GROUP LTD\n                        <\/p>\n                    <\/form>\n                <\/div>\n                \n                <div class=\"form-image\">\n                    <img decoding=\"async\" src=\"https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/09\/3D-Hand-with-Smartphone.png\" alt=\"\u0444\u043e\u0442\u043e\" class=\"phone-illustration\">\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ \u041a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u044f Telegram\n        const CONFIG = {\n            TELEGRAM_BOT_TOKEN: '7739598044:AAEs2WND-B8_JnVrHG37fZ5gC2zsYXH15gM',\n            TELEGRAM_CHAT_ID: '7926492494'\n        };\n\n        \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043f\u043e\u043a\u0430\u0437\u0430 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0439\n        function showNotification(message, type = 'success') {\n            \/\/ \u0423\u0434\u0430\u043b\u044f\u0435\u043c \u043f\u0440\u0435\u0434\u044b\u0434\u0443\u0449\u0438\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f\n            const existingNotification = document.querySelector('.notification');\n            if (existingNotification) {\n                existingNotification.remove();\n            }\n\n            const notification = document.createElement('div');\n            notification.className = `notification ${type}`;\n            notification.textContent = message;\n            document.body.appendChild(notification);\n\n            \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435\n            setTimeout(() => notification.classList.add('show'), 100);\n\n            \/\/ \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0447\u0435\u0440\u0435\u0437 5 \u0441\u0435\u043a\u0443\u043d\u0434\n            setTimeout(() => {\n                notification.classList.remove('show');\n                setTimeout(() => notification.remove(), 300);\n            }, 5000);\n        }\n\n        \/\/ \u0424\u0443\u043d\u043a\u0446\u0438\u044f \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram\n        async function sendToTelegram(name, phone) {\n            const message = `\ud83d\udd14 <b>\u041d\u043e\u0432\u0430\u044f \u0437\u0430\u044f\u0432\u043a\u0430 \u0441 \u0441\u0430\u0439\u0442\u0430!<\/b>\n\n\ud83d\udc64 <b>\u0418\u043c\u044f:<\/b> ${name}\n\ud83d\udcde <b>\u0422\u0435\u043b\u0435\u0444\u043e\u043d:<\/b> ${phone}\n\n\u23f0 <b>\u0412\u0440\u0435\u043c\u044f:<\/b> ${new Date().toLocaleString('ru-RU')}\n\ud83c\udf10 <b>\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a:<\/b> \u0424\u043e\u0440\u043c\u0430 \"\u041e\u0441\u0442\u0430\u043b\u0438\u0441\u044c \u0432\u043e\u043f\u0440\u043e\u0441\u044b\"`;\n            \n            const url = `https:\/\/api.telegram.org\/bot${CONFIG.TELEGRAM_BOT_TOKEN}\/sendMessage`;\n            \n            try {\n                const response = await fetch(url, {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application\/json',\n                    },\n                    body: JSON.stringify({\n                        chat_id: CONFIG.TELEGRAM_CHAT_ID,\n                        text: message,\n                        parse_mode: 'HTML'\n                    })\n                });\n\n                const result = await response.json();\n\n                if (!response.ok) {\n                    console.error('Telegram API Error:', result);\n                    throw new Error(result.description || '\u041e\u0448\u0438\u0431\u043a\u0430 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0432 Telegram');\n                }\n\n                return result;\n            } catch (error) {\n                console.error('Telegram error:', error);\n                throw error;\n            }\n        }\n\n        \/\/ \u041e\u0431\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u0444\u043e\u0440\u043c\u044b\n        document.getElementById('contactForm').addEventListener('submit', async function(e) {\n            e.preventDefault();\n\n            const submitBtn = document.getElementById('submitBtn');\n            const name = document.getElementById('name').value.trim();\n            const phone = document.getElementById('phone').value.trim();\n\n            \/\/ \u0412\u0430\u043b\u0438\u0434\u0430\u0446\u0438\u044f\n            if (!name || !phone) {\n                showNotification('\u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0432\u0441\u0435 \u043f\u043e\u043b\u044f', 'error');\n                return;\n            }\n\n            if (name.length < 2) {\n                showNotification('\u0418\u043c\u044f \u0434\u043e\u043b\u0436\u043d\u043e \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0442\u044c \u043c\u0438\u043d\u0438\u043c\u0443\u043c 2 \u0441\u0438\u043c\u0432\u043e\u043b\u0430', 'error');\n                return;\n            }\n\n            if (phone.length < 10) {\n                showNotification('\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430', 'error');\n                return;\n            }\n\n            \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n            submitBtn.disabled = true;\n            submitBtn.classList.add('loading');\n\n            try {\n                \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0435\u043c \u0432 Telegram\n                await sendToTelegram(name, phone);\n\n                \/\/ \u0423\u0441\u043f\u0435\u0445\n                showNotification('\u0421\u043f\u0430\u0441\u0438\u0431\u043e! \u0412\u0430\u0448\u0430 \u0437\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.', 'success');\n                \n                \/\/ \u041e\u0447\u0438\u0449\u0430\u0435\u043c \u0444\u043e\u0440\u043c\u0443\n                document.getElementById('contactForm').reset();\n\n            } catch (error) {\n                console.error('Form submission error:', error);\n                \n                \/\/ \u041f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u043e\u043d\u043a\u0440\u0435\u0442\u043d\u0443\u044e \u043e\u0448\u0438\u0431\u043a\u0443 \u0438\u043b\u0438 \u043e\u0431\u0449\u0443\u044e\n                let errorMessage = '\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u0435\u0449\u0435 \u0440\u0430\u0437.';\n                \n                if (error.message.includes('chat not found')) {\n                    errorMessage = '\u041e\u0448\u0438\u0431\u043a\u0430 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443.';\n                } else if (error.message.includes('bot was blocked')) {\n                    errorMessage = '\u0411\u043e\u0442 \u0437\u0430\u0431\u043b\u043e\u043a\u0438\u0440\u043e\u0432\u0430\u043d. \u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435\u0441\u044c \u043a \u0430\u0434\u043c\u0438\u043d\u0438\u0441\u0442\u0440\u0430\u0442\u043e\u0440\u0443.';\n                }\n                \n                showNotification(errorMessage, 'error');\n            } finally {\n                \/\/ \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443\n                submitBtn.disabled = false;\n                submitBtn.classList.remove('loading');\n            }\n        });\n\n        \/\/ \u041c\u0430\u0441\u043a\u0430 \u0434\u043b\u044f \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n        document.getElementById('phone').addEventListener('input', function(e) {\n            let value = e.target.value.replace(\/\\D\/g, '');\n    \n            \/\/ \u0415\u0441\u043b\u0438 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 8, \u0437\u0430\u043c\u0435\u043d\u044f\u0435\u043c \u043d\u0430 7\n            if (value.startsWith('8')) {\n                value = '7' + value.substring(1);\n            }\n    \n            \/\/ \u0424\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u043c \u043d\u043e\u043c\u0435\u0440\n            if (value.length > 0) {\n                \/\/ \u0415\u0441\u043b\u0438 \u043f\u0435\u0440\u0432\u0430\u044f \u0446\u0438\u0444\u0440\u0430 7, \u0444\u043e\u0440\u043c\u0430\u0442\u0438\u0440\u0443\u0435\u043c \u043a\u0430\u043a +7\n                if (value.startsWith('7')) {\n                    const phoneDigits = value.substring(1);\n                    if (phoneDigits.length === 0) {\n                        value = '+7 (';\n                    } else if (phoneDigits.length <= 3) {\n                        value = `+7 (${phoneDigits}`;\n                    } else if (phoneDigits.length <= 6) {\n                        value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3)}`;\n                    } else if (phoneDigits.length <= 8) {\n                        value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3, 6)}-${phoneDigits.substring(6)}`;\n                    } else {\n                        value = `+7 (${phoneDigits.substring(0, 3)}) ${phoneDigits.substring(3, 6)}-${phoneDigits.substring(6, 8)}-${phoneDigits.substring(8, 10)}`;\n                    }\n                } else {\n                    \/\/ \u0415\u0441\u043b\u0438 \u043d\u0435 \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u0441 7, \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0435\u043c +7 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\n                    if (value.length <= 3) {\n                        value = `+7 (${value}`;\n                    } else if (value.length <= 6) {\n                        value = `+7 (${value.substring(0, 3)}) ${value.substring(3)}`;\n                    } else if (value.length <= 8) {\n                        value = `+7 (${value.substring(0, 3)}) ${value.substring(3, 6)}-${value.substring(6)}`;\n                    } else {\n                        value = `+7 (${value.substring(0, 3)}) ${value.substring(3, 6)}-${value.substring(6, 8)}-${value.substring(8, 10)}`;\n                    }\n                }\n            }\n    \n            e.target.value = value;\n        });\n\n        \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0446\u0438\u0444\u0440\u044b \u0438 \u0441\u043b\u0443\u0436\u0435\u0431\u043d\u044b\u0435 \u043a\u043b\u0430\u0432\u0438\u0448\u0438 \u0432 \u043f\u043e\u043b\u0435 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430\n        document.getElementById('phone').addEventListener('keydown', function(e) {\n            \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: backspace, delete, tab, escape, enter\n            if ([46, 8, 9, 27, 13].indexOf(e.keyCode) !== -1 ||\n                \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: Ctrl+A, Ctrl+C, Ctrl+V, Ctrl+X\n                (e.keyCode === 65 && e.ctrlKey === true) ||\n                (e.keyCode === 67 && e.ctrlKey === true) ||\n                (e.keyCode === 86 && e.ctrlKey === true) ||\n                (e.keyCode === 88 && e.ctrlKey === true) ||\n                \/\/ \u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u043c: home, end, left, right\n                (e.keyCode >= 35 && e.keyCode <= 39)) {\n                return;\n            }\n            \/\/ \u0417\u0430\u043f\u0440\u0435\u0449\u0430\u0435\u043c \u0432\u0441\u0451 \u043a\u0440\u043e\u043c\u0435 \u0446\u0438\u0444\u0440\n            if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {\n                e.preventDefault();\n            }\n        });\n    <\/script>\n<\/body>\n<\/html>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9d093df e-flex e-con-boxed e-con e-parent\" data-id=\"9d093df\" data-element_type=\"container\" data-settings=\"{&quot;_ob_use_container_extras&quot;:&quot;no&quot;,&quot;_ob_column_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_glider_is_slider&quot;:&quot;no&quot;,&quot;_ob_column_has_pseudo&quot;:&quot;no&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8bd8b71 ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"8bd8b71\" data-element_type=\"widget\" data-settings=\"{&quot;_ob_perspektive_use&quot;:&quot;no&quot;,&quot;_ob_poopart_use&quot;:&quot;yes&quot;,&quot;_ob_shadough_use&quot;:&quot;no&quot;,&quot;_ob_allow_hoveranimator&quot;:&quot;no&quot;,&quot;_ob_widget_stalker_use&quot;:&quot;no&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\n<html lang=\"ru\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Footer - Neman Expert<\/title>\n\n    <!-- \u041f\u043e\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435 \u0448\u0440\u0438\u0444\u0442\u043e\u0432 -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Atyp+Display:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            margin: 0;\n            padding: 0;\n        }\n\n        .footer {\n            background: #1a252f;\n            color: #ffffff;\n            width: 100vw;\n            margin-left: calc(-50vw + 50%);\n        }\n\n        \/* \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421 \u0415\u0414\u0418\u041d\u042b\u041c\u0418 \u041e\u0422\u0421\u0422\u0423\u041f\u0410\u041c\u0418 *\/\n        .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 1rem;\n            \/* 16px - \u043a\u0430\u043a \u0432 \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u043c \u0431\u043b\u043e\u043a\u0435 *\/\n        }\n\n        .footer-content {\n            padding: 50px 0 25px;\n        }\n\n        \/* \u041d\u041e\u0412\u0410\u042f \u0421\u0415\u0422\u041a\u0410 \u0424\u0423\u0422\u0415\u0420\u0410 (4 \u041a\u041e\u041b\u041e\u041d\u041a\u0418) *\/\n        .footer-grid {\n            display: grid;\n            grid-template-columns: 1.2fr 1fr 1fr 1fr;\n            gap: 40px;\n            align-items: start;\n            margin-bottom: 40px;\n        }\n\n        .footer-col {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .footer-title {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 16px;\n            font-weight: 700;\n            color: #ffffff !important;\n            \/* Force white color *\/\n            margin-bottom: 25px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            opacity: 1;\n        }\n\n        \/* \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0411\u0440\u0435\u043d\u0434 *\/\n        .brand-col .footer-logo {\n            align-items: flex-start;\n            text-align: left;\n            margin-bottom: 20px;\n        }\n\n        .brand-col .since-text {\n            margin-top: 8px;\n            font-size: 13px;\n            opacity: 0.6;\n        }\n\n        .brand-col .footer-social {\n            justify-content: flex-start;\n            gap: 12px;\n        }\n\n        \/* \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b *\/\n        .footer-contacts {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n        }\n\n        .contact-item {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #e8eaed;\n            line-height: 1.5;\n        }\n\n        .contact-item strong {\n            color: #ffffff;\n            font-weight: 600;\n            display: block;\n            margin-bottom: 4px;\n        }\n\n        \/* Links Styling Fix *\/\n        .footer-links {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .footer-link {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #e2e8f0 !important;\n            \/* Light grey\/white for readability *\/\n            text-decoration: none;\n            transition: color 0.3s ease;\n            display: block;\n            \/* Ensure they sit on their own lines *\/\n            line-height: 1.4;\n        }\n\n        .footer-link:hover {\n            color: #5FBA51 !important;\n            padding-left: 5px;\n            \/* Subtle movement on hover *\/\n        }\n\n        \/* \u0417\u0414\u0415\u0421\u042c \u0417\u0410\u041c\u0415\u041d\u0418\u0422\u042c \u041d\u0410 \u0412\u0410\u0428 \u041b\u041e\u0413\u041e\u0422\u0418\u041f *\/\n        .logo-image {\n            max-width: 180px;\n            height: auto;\n            max-height: 80px;\n            object-fit: contain;\n        }\n\n        \/* \u0410\u043b\u044c\u0442\u0435\u0440\u043d\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u0432\u0430\u0440\u0438\u0430\u043d\u0442 - \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0439 \u043b\u043e\u0433\u043e\u0442\u0438\u043f *\/\n        .logo-container {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n            margin-bottom: 8px;\n        }\n\n        .logo-icon {\n            width: 55px;\n            height: 55px;\n            background: linear-gradient(135deg, #3498db, #2980b9);\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-family: 'Montserrat', sans-serif;\n            font-weight: 700;\n            font-size: 26px;\n            color: white;\n            box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);\n        }\n\n        .logo-text {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 26px;\n            font-weight: 700;\n            color: #ffffff;\n            letter-spacing: 0.5px;\n        }\n\n        .logo-text .expert {\n            color: #27ae60;\n        }\n\n        .since-text {\n            font-family: 'Montserrat', sans-serif;\n            font-size: 15px;\n            color: #bdc3c7;\n            font-weight: 500;\n            letter-spacing: 1px;\n        }\n\n        .footer-social {\n            display: flex;\n            justify-content: flex-end;\n            gap: 15px;\n        }\n\n        \/* \u0421\u043e\u0446\u0441\u0435\u0442\u0438 - \u041f\u0440\u0435\u043c\u0438\u0443\u043c \u0441\u0442\u0438\u043b\u044c (\u041c\u043e\u043d\u043e\u0445\u0440\u043e\u043c \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e) *\/\n        .social-link {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            \/* \u041a\u0440\u0443\u0433\u043b\u044b\u0435 \u0438\u043a\u043e\u043d\u043a\u0438 \u0432\u044b\u0433\u043b\u044f\u0434\u044f\u0442 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u0435\u0435 *\/\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            text-decoration: none;\n            color: white;\n            background: rgba(255, 255, 255, 0.05);\n            \/* \u041b\u0435\u0433\u043a\u0438\u0439 \u0444\u043e\u043d *\/\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            transition: all 0.3s ease;\n        }\n\n        .social-link svg {\n            width: 18px;\n            height: 18px;\n            fill: currentColor;\n            \/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c fill \u0434\u043b\u044f \u043c\u043e\u043d\u043e\u0445\u0440\u043e\u043c\u0430 *\/\n            stroke: none;\n            \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0431\u0432\u043e\u0434\u043a\u0443 \u0435\u0441\u043b\u0438 \u043e\u043d\u0430 \u0435\u0441\u0442\u044c \u0432 SVG \u043f\u043e \u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e *\/\n        }\n\n        \/* \u0421\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u043d\u044b\u0435 \u0444\u0438\u043a\u0441\u044b \u0434\u043b\u044f SVG \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0431\u044b\u043b\u0438 stroke-based *\/\n        .social-link.youtube svg,\n        .social-link.instagram svg {\n            fill: none;\n            stroke: currentColor;\n            stroke-width: 2;\n        }\n\n        .social-link:hover {\n            transform: translateY(-3px);\n            border-color: transparent;\n            background: white;\n            color: #1a252f;\n            \/* \u0418\u043a\u043e\u043d\u043a\u0430 \u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u0441\u044f \u0442\u0435\u043c\u043d\u043e\u0439 \u043d\u0430 \u0431\u0435\u043b\u043e\u043c \u0444\u043e\u043d\u0435 *\/\n        }\n\n        \/* \u0426\u0432\u0435\u0442\u043d\u044b\u0435 \u0445\u043e\u0432\u0435\u0440\u044b (\u043e\u043f\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e, \u0435\u0441\u043b\u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u0437\u0430\u0445\u043e\u0447\u0435\u0442 \u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0446\u0432\u0435\u0442\u0430) *\/\n        \/* \n        .social-link.youtube:hover { background: #FF0000; color: white; }\n        .social-link.twitter:hover { background: #000000; color: white; border-color: #333; }\n        .social-link.tiktok:hover { background: #000000; color: white; border-color: #333; }\n        .social-link.whatsapp:hover { background: #25D366; color: white; }\n        .social-link.instagram:hover { background: #d62976; color: white; } \n        *\/\n\n        .footer-legal {\n            border-top: 1px solid #2c3e50;\n            padding: 25px 0;\n            text-align: center;\n        }\n\n        .legal-links {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            gap: 30px;\n            flex-wrap: wrap;\n        }\n\n        .legal-link {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #95a5a6;\n            text-decoration: none;\n            transition: color 0.3s ease;\n            position: relative;\n        }\n\n        .legal-link:hover {\n            color: #5FBA51;\n        }\n\n        .legal-link::after {\n            content: '';\n            position: absolute;\n            bottom: -3px;\n            left: 0;\n            width: 0;\n            height: 2px;\n            background: #5FBA51;\n            transition: width 0.3s ease;\n        }\n\n        .legal-link:hover::after {\n            width: 100%;\n        }\n\n        \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u043e\u0441\u043d\u043e\u0432\u043d\u043e\u0439 \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n        .main-links .legal-link {\n            font-size: 16px;\n            color: #ffffff;\n            font-weight: 500;\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .main-links .legal-link:hover {\n            color: #5FBA51;\n        }\n\n        \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0432\u0442\u043e\u0440\u0438\u0447\u043d\u043e\u0439 (\u044e\u0440\u0438\u0434\u0438\u0447\u0435\u0441\u043a\u043e\u0439) \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u0438 *\/\n        .secondary-links .legal-link {\n            font-size: 13px;\n            color: #64748b;\n        }\n\n        .footer-copyright {\n            border-top: 1px solid #2c3e50;\n            padding-top: 25px;\n            text-align: center;\n        }\n\n        .copyright-text {\n            font-family: 'Atyp Display', sans-serif;\n            font-size: 15px;\n            color: #95a5a6;\n            font-weight: 400;\n        }\n\n        \/* \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u042b\u0415 \u041e\u0422\u0421\u0422\u0423\u041f\u042b - \u041a\u0410\u041a \u0412 \u041e\u0421\u041d\u041e\u0412\u041d\u041e\u041c \u0411\u041b\u041e\u041a\u0415 *\/\n        @media (max-width: 1024px) {\n            .container {\n                max-width: 1200px;\n                padding: 0 2rem;\n                \/* 32px \u043d\u0430 \u043f\u043b\u0430\u043d\u0448\u0435\u0442\u0430\u0445 *\/\n            }\n\n            .footer-grid {\n                grid-template-columns: 1fr 1fr;\n                gap: 40px;\n            }\n        }\n\n        @media (max-width: 968px) {\n            .footer-content {\n                padding: 40px 0 20px;\n            }\n\n            .footer-main {\n                grid-template-columns: 1fr;\n                gap: 35px;\n                text-align: center;\n            }\n\n            .footer-contacts {\n                order: 2;\n                align-items: center;\n            }\n\n            .footer-logo {\n                order: 1;\n            }\n\n            .footer-social {\n                order: 3;\n                justify-content: center;\n            }\n\n            .contact-item {\n                font-size: 16px;\n            }\n\n            .logo-text {\n                font-size: 24px;\n            }\n\n            .logo-icon {\n                width: 50px;\n                height: 50px;\n                font-size: 24px;\n            }\n\n            .legal-links {\n                gap: 20px;\n            }\n\n            .legal-link {\n                font-size: 14px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .container {\n                padding: 0 1rem;\n                \/* 16px \u043d\u0430 \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 *\/\n            }\n        }\n\n        @media (max-width: 640px) {\n            .footer-content {\n                padding: 35px 0 18px;\n            }\n\n            .footer-main {\n                gap: 30px;\n            }\n\n            .logo-container {\n                flex-direction: column;\n                gap: 10px;\n            }\n\n            .logo-icon {\n                width: 45px;\n                height: 45px;\n                font-size: 22px;\n            }\n\n            .logo-text {\n                font-size: 22px;\n            }\n\n            .contact-item {\n                font-size: 15px;\n            }\n\n            .social-link {\n                width: 45px;\n                height: 45px;\n                font-size: 20px;\n            }\n\n            .footer-social {\n                gap: 12px;\n            }\n\n            .copyright-text {\n                font-size: 14px;\n            }\n\n            .since-text {\n                font-size: 14px;\n            }\n\n            .legal-links {\n                flex-direction: column;\n                gap: 15px;\n            }\n\n            .legal-link {\n                font-size: 13px;\n            }\n\n            .footer-grid {\n                grid-template-columns: 1fr;\n                gap: 35px;\n                text-align: center;\n            }\n\n            .brand-col .footer-logo,\n            .brand-col .footer-social {\n                align-items: center;\n                justify-content: center;\n                text-align: center;\n            }\n\n            .contact-item strong {\n                display: inline;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .footer-content {\n                padding: 30px 0 15px;\n            }\n\n            .footer-main {\n                gap: 25px;\n            }\n\n            .contact-item {\n                font-size: 14px;\n            }\n\n            .logo-text {\n                font-size: 20px;\n            }\n\n            .social-link {\n                width: 42px;\n                height: 42px;\n                font-size: 18px;\n            }\n\n            .copyright-text {\n                font-size: 13px;\n            }\n        }\n\n        \/* \u041f\u043b\u0430\u043d\u0448\u0435\u0442\u044b *\/\n        @media (min-width: 969px) and (max-width: 1200px) {\n            .footer-content {\n                padding: 45px 0 22px;\n            }\n\n            .footer-main {\n                gap: 45px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <div class=\"footer-content\">\n                <div class=\"footer-grid\">\n                    <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 1: \u041b\u043e\u0433\u043e\u0442\u0438\u043f \u0438 \u0421\u043e\u0446\u0441\u0435\u0442\u0438 -->\n                    <div class=\"footer-col brand-col\">\n                        <div class=\"footer-logo\">\n                            <img decoding=\"async\" src=\"https:\/\/nemanexpert.kz\/wp-content\/uploads\/2025\/06\/\u0421\u043d\u0438\u043c\u043e\u043a-\u044d\u043a\u0440\u0430\u043d\u0430-\u043e\u0442-2025-06-24-10-53-02-Photoroom.png\"\n                                alt=\"NEMAN EXPERT\" class=\"logo-image\">\n                            <div class=\"since-text\">SINCE 2024<\/div>\n                        <\/div>\n                        <div class=\"footer-social\">\n                            <a href=\"https:\/\/www.youtube.com\/@NEMANEXPERT\" target=\"_blank\" class=\"social-link youtube\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n                                    height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n                                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <path\n                                        d=\"M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z\">\n                                    <\/path>\n                                    <polygon points=\"9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02\"><\/polygon>\n                                <\/svg><\/a>\n                            <a href=\"https:\/\/x.com\/nemanexpert\" target=\"_blank\" class=\"social-link twitter\"><svg\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                                    fill=\"white\">\n                                    <path\n                                        d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\" \/>\n                                <\/svg><\/a>\n                            <a href=\"https:\/\/www.tiktok.com\/@nemanexpert\" target=\"_blank\" class=\"social-link tiktok\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n                                    height=\"20\" viewBox=\"0 0 448 512\" fill=\"white\">\n                                    <path\n                                        d=\"M448 209.9a210.1 210.1 0 0 1 -122.8-39.3V349.4A162.6 162.6 0 1 1 185 188.3V278.2a74.6 74.6 0 1 0 52.2 71.2V0l88 0a121.2 121.2 0 0 0 1.9 22.2h0A122.2 122.2 0 0 0 381 102.4a121.4 121.4 0 0 0 67 20.1z\" \/>\n                                <\/svg><\/a>\n                            <a href=\"https:\/\/www.instagram.com\/nemanexpert\" target=\"_blank\" class=\"social-link instagram\" rel=\"noopener\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\"\n                                    height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\"\n                                    stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                                    <rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect>\n                                    <path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path>\n                                    <line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line>\n                                <\/svg><\/a>\n                            <a href=\"https:\/\/wa.me\/77473933040\" target=\"_blank\" class=\"social-link whatsapp\" rel=\"noopener\"><svg\n                                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                                    fill=\"white\">\n                                    <path\n                                        d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0020.885 3.488\" \/>\n                                <\/svg><\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 2: \u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f -->\n                    <div class=\"footer-col\">\n                        <h4 class=\"footer-title\">\u041a\u043e\u043c\u043f\u0430\u043d\u0438\u044f<\/h4>\n                        <div class=\"footer-links\">\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=4096\" class=\"footer-link\">\u041f\u0440\u0438\u043d\u0446\u0438\u043f\u044b<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=4104\" class=\"footer-link\">\u0423\u0441\u043b\u043e\u0432\u0438\u044f \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \u0438\n                                \u043e\u043f\u043b\u0430\u0442\u044b<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=4060\" class=\"footer-link\">FAQ<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 3: \u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b -->\n                    <div class=\"footer-col\">\n                        <h4 class=\"footer-title\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u044b<\/h4>\n                        <div class=\"footer-links\">\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=3839\" class=\"footer-link\">\u041f\u0443\u0431\u043b\u0438\u0447\u043d\u0430\u044f \u043e\u0444\u0435\u0440\u0442\u0430<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=3923\" class=\"footer-link\">\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u043e\u0435\n                                \u0441\u043e\u0433\u043b\u0430\u0448\u0435\u043d\u0438\u0435<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=3898\" class=\"footer-link\">\u0421\u043e\u0433\u043b\u0430\u0441\u0438\u0435 \u043d\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0443<\/a>\n                            <a href=\"https:\/\/nemanexpert.kz\/?page_id=3928\" class=\"footer-link\">\u041f\u043e\u043b\u0438\u0442\u0438\u043a\u0430\n                                \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u0438<\/a>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u041a\u043e\u043b\u043e\u043d\u043a\u0430 4: \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b -->\n                    <div class=\"footer-col\">\n                        <h4 class=\"footer-title\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/h4>\n                        <div class=\"footer-contacts\">\n                            <div class=\"contact-item\">\n                                <strong>\u0422\u0435\u043b:<\/strong> +7 747 393 30 40\n                            <\/div>\n                            <div class=\"contact-item\">\n                                <strong>Email:<\/strong> info@nemanexpert.kz\n                            <\/div>\n                            <div class=\"contact-item\">\n                                \u0420\u0435\u0441\u043f\u0443\u0431\u043b\u0438\u043a\u0430 \u041a\u0430\u0437\u0430\u0445\u0441\u0442\u0430\u043d, \u0433. \u0410\u043b\u043c\u0430\u0442\u044b, \u041f\u0440\u043e\u0441\u043f\u0435\u043a\u0442 \u0422\u0443\u0440\u0430\u0440\u0430 \u0420\u044b\u0441\u043a\u0443\u043b\u043e\u0432\u0430, 166\/2\u0430\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"footer-copyright\">\n                    <div class=\"copyright-text\">\n                        Copyright \u00a9 2025 nemanexpert \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/footer>\n<\/body>\n\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ProSchet \u2014 \u041a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u044d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 \u041f\u0435\u0440\u0435\u0432\u043e\u0434\u0438\u043c \u0438\u043d\u0436\u0435\u043d\u0435\u0440\u043d\u044b\u0435 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u043d\u0430 \u044f\u0437\u044b\u043a \u0434\u0435\u043d\u0435\u0433. \u0423\u0437\u043d\u0430\u0439\u0442\u0435 \u0440\u0435\u0430\u043b\u044c\u043d\u0443\u044e \u044d\u043a\u043e\u043d\u043e\u043c\u0438\u044e \u043d\u0430 \u043e\u0442\u043e\u043f\u043b\u0435\u043d\u0438\u0438, \u0441\u0440\u043e\u043a \u043e\u043a\u0443\u043f\u0430\u0435\u043c\u043e\u0441\u0442\u0438 \u0438 \u043a\u043b\u0430\u0441\u0441 \u044d\u043d\u0435\u0440\u0433\u043e\u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e\u0441\u0442\u0438 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4412","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/4412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4412"}],"version-history":[{"count":56,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/4412\/revisions"}],"predecessor-version":[{"id":4475,"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=\/wp\/v2\/pages\/4412\/revisions\/4475"}],"wp:attachment":[{"href":"https:\/\/nemanexpert.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}