{"id":1090,"date":"2020-12-02T20:10:28","date_gmt":"2020-12-02T20:10:28","guid":{"rendered":"https:\/\/startertemplatecloud.com\/g02\/?page_id=1090"},"modified":"2026-05-25T07:54:08","modified_gmt":"2026-05-25T07:54:08","slug":"about-2","status":"publish","type":"page","link":"https:\/\/tekhzapchastyna.com\/?page_id=1090","title":{"rendered":"\u041f\u0440\u043e \u043d\u0430\u0441"},"content":{"rendered":"<style>.kb-row-layout-id1090_371287-75 > .kt-row-column-wrap{align-content:end;}:where(.kb-row-layout-id1090_371287-75 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:end;}.kb-row-layout-id1090_371287-75 > .kt-row-column-wrap{column-gap:var(--global-kb-gap-md, 2rem);row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1200px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:69px;padding-bottom:77px;min-height:400px;grid-template-columns:repeat(2, minmax(0, 1fr));}.kb-row-layout-id1090_371287-75 > .kt-row-layout-overlay{opacity:0.15;background-color:var(--global-palette2, #2B6CB0);}@media all and (max-width: 1024px){.kb-row-layout-id1090_371287-75 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id1090_371287-75 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1090_371287-75 alignnone kt-row-has-bg wp-block-kadence-rowlayout\"><div class=\"kb-blocks-bg-video-container\"><video class=\"kb-blocks-bg-video\" id=\"bg-row-video-1090_371287-75\" playsinline muted loop src=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/7702051-uhd_4096_2160_25fps.mp4\" poster=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/photo-1504917595217-d4dc5ebe6122-2048x1365.avif\" autoplay><\/video><\/div><div class=\"kt-row-layout-overlay kt-row-overlay-normal\"><\/div><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-bottom kb-theme-content-width\">\n<style>.kadence-column1090_03c52b-b6 > .kt-inside-inner-col,.kadence-column1090_03c52b-b6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1090_03c52b-b6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1090_03c52b-b6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1090_03c52b-b6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1090_03c52b-b6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1090_03c52b-b6{position:relative;}@media all and (max-width: 1024px){.kadence-column1090_03c52b-b6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1090_03c52b-b6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1090_03c52b-b6 inner-column-1\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90, .wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90[data-kb-block=\"kb-adv-heading1090_07ef8e-90\"]{text-align:left;font-size:60px;font-weight:normal;font-style:normal;color:#ffffff;}.wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90[data-kb-block=\"kb-adv-heading1090_07ef8e-90\"] mark.kt-highlight{font-weight:normal;font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90[data-kb-block=\"kb-adv-heading1090_07ef8e-90\"] img.kb-inline-image{width:150px;vertical-align:baseline;}@media all and (max-width: 1024px){.wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90, .wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90[data-kb-block=\"kb-adv-heading1090_07ef8e-90\"]{font-size:50px;}}@media all and (max-width: 767px){.wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90, .wp-block-kadence-advancedheading.kt-adv-heading1090_07ef8e-90[data-kb-block=\"kb-adv-heading1090_07ef8e-90\"]{font-size:40px;}}<\/style>\n<h1 class=\"kt-adv-heading1090_07ef8e-90 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading1090_07ef8e-90\">\u00ab<strong>\u0422\u0435\u0445\u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430<\/strong>\u00bb<strong><br><\/strong>\u041d\u0430\u0434\u0456\u0439\u043d\u0456\u0441\u0442\u044c \u0443 \u043a\u043e\u0436\u043d\u043e\u043c\u0443 \u0440\u0443\u0441\u0456 \u043b\u0456\u0444\u0442\u0430<\/h1>\n<\/div><\/div>\n\n\n<style>.kadence-column1090_456e6a-79 > .kt-inside-inner-col,.kadence-column1090_456e6a-79 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1090_456e6a-79 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1090_456e6a-79 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1090_456e6a-79 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1090_456e6a-79 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1090_456e6a-79{position:relative;}@media all and (max-width: 1024px){.kadence-column1090_456e6a-79 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1090_456e6a-79 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1090_456e6a-79\"><div class=\"kt-inside-inner-col\"><\/div><\/div>\n\n<\/div><\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"uk\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u041f\u0440\u043e \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u044e &#8211; \u0422\u0435\u0445\u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430<\/title>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n        }\n\n        .light-shaft-container {\n            position: relative;\n            overflow: hidden;\n            background-color: #ffffff;\n            border-radius: 24px;\n        }\n\n        .tech-grid {\n            background-image: radial-gradient(#94a3b8 1px, transparent 1px);\n            background-size: 32px 32px;\n            opacity: 0.4;\n        }\n\n        .light-glass-card {\n            background: rgba(255, 255, 255, 0.08);\n            backdrop-filter: blur(2px) saturate(120%);\n            -webkit-backdrop-filter: blur(2px) saturate(120%);\n            border: 1px solid rgba(255, 255, 255, 0.8);\n            box-shadow:\n                0 10px 25px -15px rgba(15, 23, 42, 0.05),\n                inset 0 1px 0 0 rgba(255, 255, 255, 0.9);\n            transition: all 0.3s ease;\n        }\n\n        .light-glass-card:hover {\n            transform: translateY(-2px);\n            background: rgba(255, 255, 255, 0.25);\n            border-color: rgba(43, 108, 176, 0.4);\n            box-shadow:\n                0 15px 35px -10px rgba(43, 108, 176, 0.1),\n                inset 0 1px 0 0 rgba(255, 255, 255, 1);\n        }\n\n        .interactive-elevator {\n            transition: bottom 1.4s cubic-bezier(0.45, 0, 0.15, 1);\n        }\n\n        \/* \u0415\u0444\u0435\u043a\u0442 \u0440\u0443\u0445\u0443 \u2014 \u0431\u043b\u0430\u043a\u0438\u0442\u043d\u0430 \u043f\u0456\u0434\u0441\u0432\u0456\u0442\u043a\u0430 \u043a\u0430\u0431\u0456\u043d\u0438 *\/\n        #lift-cabin.is-moving svg {\n            filter: drop-shadow(0 0 12px rgba(0, 198, 255, 0.9));\n        }\n        #lift-cabin svg {\n            filter: none;\n            transition: filter 0.4s ease;\n        }\n\n        \/* \u0422\u0440\u043e\u0441\u0438 \u043f\u0456\u0434\u0441\u0432\u0456\u0447\u0443\u044e\u0442\u044c\u0441\u044f \u0441\u0438\u043d\u044c\u043e-\u0431\u043b\u0430\u043a\u0438\u0442\u043d\u0438\u043c \u043f\u0456\u0434 \u0447\u0430\u0441 \u0440\u0443\u0445\u0443 *\/\n        .rope-line {\n            transition: stroke 0.4s ease;\n        }\n        .shaft-moving .rope-line {\n            stroke: rgba(0, 198, 255, 0.7) !important;\n        }\n\n        \/* \u041f\u043b\u0430\u0432\u043d\u0435 \u043f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044f \u0441\u0442\u0430\u0442\u0443\u0441-\u0431\u0435\u0439\u0434\u0436\u0430 *\/\n        #lift-status-led {\n            transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, opacity 0.3s ease;\n        }\n        .status-fade {\n            animation: statusSwitch 0.4s ease;\n        }\n        @keyframes statusSwitch {\n            0%   { opacity: 1; transform: scale(1); }\n            30%  { opacity: 0; transform: scale(0.85); }\n            60%  { opacity: 0; transform: scale(0.85); }\n            100% { opacity: 1; transform: scale(1); }\n        }\n\n        .elevator-btn {\n            transition: all 0.2s ease;\n            color: #475569;\n            background-color: #ffffff;\n            cursor: pointer;\n        }\n        .elevator-btn:hover {\n            border-color: rgba(43, 108, 176, 0.3);\n            color: #0f172a;\n            background-color: #f8fafc;\n            transform: translateY(-1px);\n        }\n        .elevator-btn.active {\n            background-color: #2b6cb0;\n            color: #ffffff;\n            border-color: #1d4ed8;\n            box-shadow: 0 6px 16px -4px rgba(43, 108, 176, 0.5);\n            transform: translateY(1px);\n        }\n\n        #door-left-group, #door-right-group {\n            transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n        .doors-open #door-left-group {\n            transform: translateX(-26px);\n        }\n        .doors-open #door-right-group {\n            transform: translateX(26px);\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"max-w-6xl mx-auto px-4 sm:px-6 py-12 w-full space-y-8\">\n\n        <!-- \u0417\u0410\u0413\u041e\u041b\u041e\u0412\u041e\u041a -->\n        <div class=\"text-left mb-4\">\n            <span class=\"text-sm font-bold uppercase tracking-widest text-[#2b6cb0] block mb-2\">\u041d\u0430\u0448\u0430 \u0456\u0441\u0442\u043e\u0440\u0456\u044f<\/span>\n            <h1 class=\"text-4xl md:text-5xl font-black text-slate-950 tracking-tight leading-none\">\n                \u041f\u0440\u043e \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u044e \u00ab\u0422\u0435\u0445\u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430\u00bb\n            <\/h1>\n            <div class=\"w-20 h-1.5 bg-[#2b6cb0] mt-4 rounded-full\"><\/div>\n        <\/div>\n\n        <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-stretch\">\n\n            <!-- \u041f\u0423\u041b\u042c\u0422 \u041a\u0415\u0420\u0423\u0412\u0410\u041d\u041d\u042f -->\n            <div class=\"lg:col-span-4 bg-slate-50 rounded-3xl p-6 lg:p-8 text-slate-800 border border-slate-200 shadow-md flex flex-col relative overflow-hidden\">\n\n                <div class=\"relative z-10 bg-white border border-slate-200 rounded-2xl p-5 shadow-sm mb-8\">\n                    <div class=\"flex items-center justify-between mb-4\">\n                        <span class=\"text-xs font-bold uppercase tracking-widest text-slate-400\">\u0421\u0442\u0430\u0442\u0443\u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u0438<\/span>\n                        <span id=\"lift-status-led\" class=\"px-3 py-1 rounded text-[10px] font-extrabold bg-green-500\/10 text-green-600 border border-green-500\/20 tracking-wide\">\n                            \u0413\u041e\u0422\u041e\u0412\u0418\u0419\n                        <\/span>\n                    <\/div>\n                    <div class=\"flex items-center justify-between\">\n                        <div class=\"flex items-baseline gap-2\">\n                            <span class=\"text-sm text-slate-400 font-bold uppercase tracking-widest\">\u041f\u043e\u0432\u0435\u0440\u0445<\/span>\n                            <span id=\"led-floor\" class=\"text-6xl font-black text-slate-900 tracking-tighter\">01<\/span>\n                        <\/div>\n                        <div class=\"flex flex-col items-center gap-1.5\">\n                            <span id=\"arrow-up\" class=\"text-slate-200 text-xl leading-none transition-colors duration-300\">\u25b2<\/span>\n                            <span id=\"arrow-down\" class=\"text-slate-200 text-xl leading-none transition-colors duration-300\">\u25bc<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"relative z-10 flex-grow flex flex-col justify-center mb-8\">\n                    <span class=\"text-xs font-bold uppercase tracking-widest text-slate-400 block mb-4 text-center\">\u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043f\u043e\u0432\u0435\u0440\u0445<\/span>\n                    <div class=\"flex flex-col gap-3 w-full max-w-[200px] mx-auto\">\n                        <button onclick=\"gotoFloor(5)\" id=\"btn-5\" class=\"elevator-btn py-4 rounded-xl text-base font-black border-2 border-slate-200 shadow-sm w-full\">05<\/button>\n                        <button onclick=\"gotoFloor(4)\" id=\"btn-4\" class=\"elevator-btn py-4 rounded-xl text-base font-black border-2 border-slate-200 shadow-sm w-full\">04<\/button>\n                        <button onclick=\"gotoFloor(3)\" id=\"btn-3\" class=\"elevator-btn py-4 rounded-xl text-base font-black border-2 border-slate-200 shadow-sm w-full\">03<\/button>\n                        <button onclick=\"gotoFloor(2)\" id=\"btn-2\" class=\"elevator-btn py-4 rounded-xl text-base font-black border-2 border-slate-200 shadow-sm w-full\">02<\/button>\n                        <button onclick=\"gotoFloor(1)\" id=\"btn-1\" class=\"elevator-btn py-4 rounded-xl text-base font-black border-2 border-slate-200 shadow-sm w-full active\">01<\/button>\n                    <\/div>\n                <\/div>\n\n                <div class=\"absolute right-3 top-1\/4 bottom-1\/4 w-2 bg-slate-200 rounded-full overflow-hidden shadow-inner\">\n                    <div id=\"mini-cabin\" class=\"absolute left-0 right-0 h-6 bg-[#2b6cb0] rounded-full transition-all duration-1000 ease-in-out shadow-sm\" style=\"bottom: 0%;\"><\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- \u0428\u0410\u0425\u0422\u0410 -->\n            <div id=\"shaft\" class=\"lg:col-span-8 light-shaft-container border border-slate-200 p-1 flex flex-col justify-center\">\n\n                <div class=\"absolute inset-0 pointer-events-none select-none z-0 overflow-hidden tech-grid\">\n\n                    <svg class=\"absolute inset-y-0 left-[25%] w-[2px] h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <line class=\"rope-line\" x1=\"1\" y1=\"0\" x2=\"1\" y2=\"100%\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-dasharray=\"8 8\"><\/line>\n                    <\/svg>\n                    <svg class=\"absolute inset-y-0 right-[25%] w-[2px] h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <line class=\"rope-line\" x1=\"1\" y1=\"0\" x2=\"1\" y2=\"100%\" stroke=\"#94a3b8\" stroke-width=\"2\" stroke-dasharray=\"8 8\"><\/line>\n                    <\/svg>\n\n                    <!-- \u041a\u0410\u0411\u0406\u041d\u0410 \u041b\u0406\u0424\u0422\u0410 -->\n                    <div id=\"lift-cabin\" class=\"interactive-elevator absolute left-[15%] w-32 h-40 opacity-100\" style=\"bottom: 0%;\">\n                        <svg viewBox=\"0 0 80 100\" class=\"w-full h-full text-[#2b6cb0] fill-none stroke-current drop-shadow-md\">\n                            <rect x=\"2\" y=\"2\" width=\"76\" height=\"96\" rx=\"6\" stroke-width=\"3\" fill=\"rgba(219, 234, 254, 0.05)\"><\/rect>\n                            <g id=\"elevator-doors\">\n                                <g id=\"door-left-group\">\n                                    <rect x=\"6\" y=\"14\" width=\"34\" height=\"74\" fill=\"rgba(219, 234, 254, 0.25)\" stroke=\"#1d4ed8\" stroke-width=\"2\"><\/rect>\n                                    <rect x=\"12\" y=\"24\" width=\"16\" height=\"52\" rx=\"2\" stroke=\"#00c6ff\" stroke-width=\"1.2\"><\/rect>\n                                <\/g>\n                                <g id=\"door-right-group\">\n                                    <rect x=\"40\" y=\"14\" width=\"34\" height=\"74\" fill=\"rgba(219, 234, 254, 0.25)\" stroke=\"#1d4ed8\" stroke-width=\"2\"><\/rect>\n                                    <rect x=\"52\" y=\"24\" width=\"16\" height=\"52\" rx=\"2\" stroke=\"#00c6ff\" stroke-width=\"1.2\"><\/rect>\n                                <\/g>\n                            <\/g>\n                            <circle cx=\"40\" cy=\"9\" r=\"3.5\" fill=\"#2b6cb0\" stroke=\"none\"><\/circle>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- \u041f\u0420\u041e\u0422\u0418\u0412\u0410\u0413\u0410 -->\n                    <div id=\"lift-counterweight\" class=\"interactive-elevator absolute right-[18%] w-12 h-28 opacity-90\" style=\"bottom: 70%;\">\n                        <svg viewBox=\"0 0 40 90\" class=\"w-full h-full text-slate-500 fill-none stroke-current drop-shadow-md\">\n                            <rect x=\"2\" y=\"2\" width=\"36\" height=\"86\" rx=\"3\" stroke-width=\"2.5\" fill=\"rgba(148, 163, 184, 0.08)\"><\/rect>\n                            <line x1=\"2\" y1=\"20\" x2=\"38\" y2=\"20\" stroke-width=\"2\"><\/line>\n                            <line x1=\"2\" y1=\"40\" x2=\"38\" y2=\"40\" stroke-width=\"2\"><\/line>\n                            <line x1=\"2\" y1=\"60\" x2=\"38\" y2=\"60\" stroke-width=\"2\"><\/line>\n                        <\/svg>\n                    <\/div>\n\n                <\/div>\n\n                <!-- \u041a\u0410\u0420\u0422\u041a\u0418 -->\n                <div class=\"relative z-10 space-y-6 md:space-y-8 p-4 md:p-8\">\n\n                    <div class=\"light-glass-card rounded-2xl p-6 md:p-10\">\n                        <div class=\"flex items-center mb-5\">\n                            <div class=\"bg-blue-500\/10 p-3 rounded-xl border border-blue-500\/20 mr-5 flex-shrink-0\">\n                                <svg class=\"w-7 h-7 text-[#2b6cb0]\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\n                                    <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                                    <circle cx=\"12\" cy=\"12\" r=\"5\"><\/circle>\n                                    <circle cx=\"12\" cy=\"12\" r=\"2\" fill=\"currentColor\"><\/circle>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"text-2xl md:text-3xl font-black text-slate-900 leading-none\">\u041d\u0430\u0448\u0430 \u043c\u0435\u0442\u0430<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-800 leading-relaxed text-base md:text-[18px] font-semibold\">\n                            \u041d\u0430\u0448\u0430 \u043c\u0435\u0442\u0430 \u2014 \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0438\u0442\u0438 \u0431\u0435\u0437\u043f\u0435\u0440\u0435\u0431\u0456\u0439\u043d\u0443 \u0442\u0430 \u0431\u0435\u0437\u043f\u0435\u0447\u043d\u0443 \u0440\u043e\u0431\u043e\u0442\u0443 \u043b\u0456\u0444\u0442\u0456\u0432. \u041c\u0438 \u0432\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u044f\u0454\u043c\u043e \u0442\u0430 \u043f\u043e\u0441\u0442\u0430\u0447\u0430\u0454\u043c\u043e \u043d\u0430\u0434\u0456\u0439\u043d\u0456 \u043b\u0456\u0444\u0442\u043e\u0432\u0456 \u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0438 \u0432\u0456\u0434 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0435\u043d\u0438\u0445 \u0441\u0432\u0456\u0442\u043e\u0432\u0438\u0445 \u0442\u0430 \u0432\u0456\u0442\u0447\u0438\u0437\u043d\u044f\u043d\u0438\u0445 \u0432\u0438\u0440\u043e\u0431\u043d\u0438\u043a\u0456\u0432.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"light-glass-card rounded-2xl p-6 md:p-10\">\n                        <div class=\"flex items-center mb-5\">\n                            <div class=\"bg-blue-500\/10 p-3 rounded-xl border border-blue-500\/20 mr-5 flex-shrink-0\">\n                                <svg class=\"w-7 h-7 text-[#2b6cb0]\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"text-2xl md:text-3xl font-black text-slate-900 leading-none\">\u0421\u043f\u0456\u0432\u043f\u0440\u0430\u0446\u044f \u0442\u0430 \u0430\u0441\u043e\u0440\u0442\u0438\u043c\u0435\u043d\u0442<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-800 leading-relaxed text-base md:text-[18px] font-semibold\">\n                            \u0421\u044c\u043e\u0433\u043e\u0434\u043d\u0456 \u043c\u0438 \u0441\u043f\u0456\u0432\u043f\u0440\u0430\u0446\u044e\u0454\u043c\u043e \u0437 \u0434\u0435\u0441\u044f\u0442\u043a\u0430\u043c\u0438 \u0441\u0435\u0440\u0432\u0456\u0441\u043d\u0438\u0445 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0439, \u041e\u0421\u0411\u0411 \u0442\u0430 \u043b\u0456\u0444\u0442\u043e\u0432\u0438\u043c\u0438 \u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u044f\u043c\u0438. \u041d\u0430\u0448 \u0430\u0441\u043e\u0440\u0442\u0438\u043c\u0435\u043d\u0442 \u043e\u0445\u043e\u043f\u043b\u044e\u0454 \u0432\u0441\u0435 \u043d\u0435\u043e\u0431\u0445\u0456\u0434\u043d\u0435 \u0434\u043b\u044f \u0440\u0435\u043c\u043e\u043d\u0442\u0443 \u0442\u0430 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f: \u0432\u0456\u0434 \u0435\u043b\u0435\u043a\u0442\u0440\u043e\u043d\u043d\u0438\u0445 \u043f\u043b\u0430\u0442 \u0456 \u043a\u043d\u043e\u043f\u043e\u043a \u0432\u0438\u043a\u043b\u0438\u043a\u0443 \u0434\u043e \u043f\u043e\u0442\u0443\u0436\u043d\u0438\u0445 \u043b\u0435\u0431\u0456\u0434\u043e\u043a, \u0441\u0442\u0430\u043b\u0435\u0432\u0438\u0445 \u0442\u0440\u043e\u0441\u0456\u0432 \u0442\u0430 \u0441\u0442\u0430\u043d\u0446\u0456\u0439 \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <script>\n        let currentFloor = 1;\n        let moveTimeout, doorOpenTimeout, doorCloseTimeout, floorInterval;\n\n        function setStatus(text, colorClass) {\n            const led = document.getElementById('lift-status-led');\n            led.classList.add('status-fade');\n            setTimeout(() => {\n                led.innerText = text;\n                led.className = `px-3 py-1 rounded text-[10px] font-extrabold tracking-wide status-fade ${colorClass}`;\n            }, 120);\n            setTimeout(() => led.classList.remove('status-fade'), 400);\n        }\n\n        function setMoving(isMoving, goingUp) {\n            const shaft = document.getElementById('shaft');\n            const cabin = document.getElementById('lift-cabin');\n            if (isMoving) {\n                shaft.classList.add('shaft-moving');\n                cabin.classList.add('is-moving');\n            } else {\n                shaft.classList.remove('shaft-moving');\n                cabin.classList.remove('is-moving');\n            }\n        }\n\n        function gotoFloor(targetFloor) {\n            if (targetFloor === currentFloor) return;\n\n            clearInterval(floorInterval);\n            clearTimeout(moveTimeout);\n            clearTimeout(doorOpenTimeout);\n            clearTimeout(doorCloseTimeout);\n\n            document.getElementById('lift-cabin').classList.remove('doors-open');\n\n            const goingUp = targetFloor > currentFloor;\n\n            document.getElementById('arrow-up').style.color   = goingUp  ? '#00c6ff' : '#e2e8f0';\n            document.getElementById('arrow-down').style.color = !goingUp ? '#00c6ff' : '#e2e8f0';\n\n            setStatus(goingUp ? '\u0412\u0413\u041e\u0420\u0423 \u25b2' : '\u0412\u041d\u0418\u0417 \u25bc', 'bg-blue-500\/10 text-blue-600 border border-blue-500\/30 animate-pulse');\n\n            document.querySelectorAll('.elevator-btn').forEach(b => b.classList.remove('active'));\n            document.getElementById(`btn-${targetFloor}`).classList.add('active');\n\n            const floorDifference = Math.abs(targetFloor - currentFloor);\n            const travelDuration  = 1.0 + floorDifference * 0.8;\n            const transStyle = `bottom ${travelDuration}s cubic-bezier(0.45,0,0.15,1)`;\n\n            document.getElementById('lift-cabin').style.transition         = transStyle;\n            document.getElementById('lift-counterweight').style.transition  = transStyle;\n            document.getElementById('mini-cabin').style.transition          = transStyle;\n\n            const bottomPercent        = (targetFloor - 1) * 17;\n            const counterweightPercent = 68 - bottomPercent;\n\n            document.getElementById('lift-cabin').style.bottom         = `${bottomPercent}%`;\n            document.getElementById('lift-counterweight').style.bottom  = `${counterweightPercent}%`;\n            document.getElementById('mini-cabin').style.bottom          = `${(targetFloor - 1) * 25}%`;\n\n            setMoving(true, goingUp);\n\n            let tempFloor = currentFloor;\n            const totalMs  = travelDuration * 1000;\n            const stepTime = totalMs \/ floorDifference;\n\n            floorInterval = setInterval(() => {\n                tempFloor += goingUp ? 1 : -1;\n                document.getElementById('led-floor').innerText = tempFloor < 10 ? `0${tempFloor}` : `${tempFloor}`;\n                if (tempFloor === targetFloor) clearInterval(floorInterval);\n            }, stepTime);\n\n            moveTimeout = setTimeout(() => {\n                setMoving(false, goingUp);\n\n                document.getElementById('arrow-up').style.color   = '#e2e8f0';\n                document.getElementById('arrow-down').style.color = '#e2e8f0';\n\n                setStatus('\u0412\u0406\u0414\u0427\u0418\u041d\u0415\u041d\u041e', 'bg-sky-500\/10 text-sky-600 border border-sky-500\/30');\n\n                document.getElementById('lift-cabin').classList.add('doors-open');\n                currentFloor = targetFloor;\n\n                doorOpenTimeout = setTimeout(() => {\n                    setStatus('\u0417\u0410\u0427\u0418\u041d\u0415\u041d\u041d\u042f', 'bg-indigo-500\/10 text-indigo-600 border border-indigo-500\/30');\n                    document.getElementById('lift-cabin').classList.remove('doors-open');\n\n                    doorCloseTimeout = setTimeout(() => {\n                        setStatus('\u0413\u041e\u0422\u041e\u0412\u0418\u0419', 'bg-green-500\/10 text-green-600 border border-green-500\/20');\n                    }, 800);\n                }, 2500);\n            }, totalMs);\n        }\n    <\/script>\n<\/body>\n<\/html>\n\n\n<style>.wp-block-kadence-advancedgallery.kb-gallery-wrap-id-1090_37da2e-4e{overflow:hidden;}.kb-gallery-id-1090_37da2e-4e .kadence-blocks-gallery-item .kb-gal-image-radius, .kb-gallery-id-1090_37da2e-4e .kb-slide-item .kb-gal-image-radius img{border-radius:0px 0px 0px 0px;;}.kb-gallery-wrap-id-1090_37da2e-4e.wp-block-kadence-advancedgallery{overflow:visible;}.kb-gallery-wrap-id-1090_37da2e-4e.wp-block-kadence-advancedgallery .kt-blocks-carousel{overflow:visible;}<\/style><div class=\"kb-gallery-wrap-id-1090_37da2e-4e alignnone wp-block-kadence-advancedgallery\"><div class=\"kb-gallery-ul kb-gallery-non-static kb-gallery-type-carousel kb-gallery-id-1090_37da2e-4e kb-gallery-caption-style-bottom-hover kb-gallery-filter-none\" data-image-filter=\"none\" data-lightbox-caption=\"true\"><div class=\"kt-blocks-carousel splide kt-carousel-container-dotstyle-dark kt-carousel-arrowstyle-whiteondark kt-carousel-dotstyle-dark kb-slider-group-arrow kb-slider-arrow-position-center\" data-columns-xxl=\"5\" data-columns-xl=\"5\" data-columns-md=\"5\" data-columns-sm=\"4\" data-columns-xs=\"4\" data-columns-ss=\"3\" data-slider-anim-speed=\"400\" data-slider-scroll=\"1\" data-slider-arrows=\"true\" data-slider-dots=\"true\" data-slider-hover-pause=\"false\" data-slider-auto=\"\" data-slider-speed=\"7000\" data-slider-gap=\"5px\" data-slider-gap-tablet=\"5px\" data-slider-gap-mobile=\"5px\" data-show-pause-button=\"false\" data-slider-label=\"Photo Gallery Carousel\"><div class=\"splide__track\"><ul class=\"kt-blocks-carousel-init kb-gallery-carousel splide__list\"><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/1.4-756x800-756x800-1.jpg\" width=\"756\" height=\"800\" alt=\"\" data-full-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/1.4-756x800-756x800-1.jpg\" data-light-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/1.4-756x800-756x800-1.jpg\" data-id=\"2692\" class=\"wp-image-2692 skip-lazy\" srcset=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/1.4-756x800-756x800-1.jpg 756w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/1.4-756x800-756x800-1-284x300.jpg 284w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/1.4-756x800-756x800-1-700x741.jpg 700w\" sizes=\"auto, (max-width: 756px) 100vw, 756px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/zapchasty.jpg\" width=\"640\" height=\"464\" alt=\"\" data-full-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/zapchasty.jpg\" data-light-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/zapchasty.jpg\" data-id=\"2691\" class=\"wp-image-2691 skip-lazy\" srcset=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/zapchasty.jpg 640w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/zapchasty-300x218.jpg 300w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/images.jpg\" width=\"225\" height=\"225\" alt=\"\" data-full-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/images.jpg\" data-light-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/images.jpg\" data-id=\"2690\" class=\"wp-image-2690 skip-lazy\" srcset=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/images.jpg 225w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/images-150x150.jpg 150w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/images-100x100.jpg 100w\" sizes=\"auto, (max-width: 225px) 100vw, 225px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/image.webp\" width=\"679\" height=\"683\" alt=\"\" data-full-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/image.webp\" data-light-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/image.webp\" data-id=\"2689\" class=\"wp-image-2689 skip-lazy\" srcset=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/image.webp 679w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/image-298x300.webp 298w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/image-150x150.webp 150w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/image-100x100.webp 100w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/5-2.jpg\" width=\"666\" height=\"697\" alt=\"\" data-full-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/5-2.jpg\" data-light-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/5-2.jpg\" data-id=\"2688\" class=\"wp-image-2688 skip-lazy\" srcset=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/5-2.jpg 666w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/5-2-287x300.jpg 287w\" sizes=\"auto, (max-width: 666px) 100vw, 666px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/8-2.jpg\" width=\"666\" height=\"697\" alt=\"\" data-full-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/8-2.jpg\" data-light-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/8-2.jpg\" data-id=\"2687\" class=\"wp-image-2687 skip-lazy\" srcset=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/8-2.jpg 666w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/8-2-287x300.jpg 287w\" sizes=\"auto, (max-width: 666px) 100vw, 666px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><li class=\"kb-slide-item kb-gallery-carousel-item splide__slide\"><div class=\"kadence-blocks-gallery-item\"><div class=\"kadence-blocks-gallery-item-inner\"><figure class=\"kb-gallery-figure kadence-blocks-gallery-item-hide-caption\"><div class=\"kb-gal-image-radius\"><div class=\"kb-gallery-image-contain kadence-blocks-gallery-intrinsic kb-gallery-image-ratio-land32 kb-has-image-ratio-land32\" ><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/mehanicheskie-komponenty-photo.webp\" width=\"400\" height=\"400\" alt=\"\" data-full-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/mehanicheskie-komponenty-photo.webp\" data-light-image=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/mehanicheskie-komponenty-photo.webp\" data-id=\"2686\" class=\"wp-image-2686 skip-lazy\" srcset=\"https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/mehanicheskie-komponenty-photo.webp 400w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/mehanicheskie-komponenty-photo-300x300.webp 300w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/mehanicheskie-komponenty-photo-150x150.webp 150w, https:\/\/tekhzapchastyna.com\/wp-content\/uploads\/2026\/05\/mehanicheskie-komponenty-photo-100x100.webp 100w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/div><\/div><\/figure><\/div><\/div><\/li><\/ul><\/div><\/div><\/div><\/div>\n\n<style>.kb-row-layout-id1090_38e4db-e5 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id1090_38e4db-e5 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id1090_38e4db-e5 > .kt-row-column-wrap{column-gap:12px;row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1200px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:0px;padding-bottom:0px;grid-template-columns:minmax(0, calc(50% - ((12px * 1 )\/2)))minmax(0, calc(50% - ((12px * 1 )\/2)));}.kb-row-layout-id1090_38e4db-e5 > .kt-row-layout-overlay{opacity:0.30;}@media all and (max-width: 1024px){.kb-row-layout-id1090_38e4db-e5 > .kt-row-column-wrap{grid-template-columns:repeat(2, minmax(0, 1fr));}}@media all and (max-width: 767px){.kb-row-layout-id1090_38e4db-e5 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id1090_38e4db-e5 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-column-wrap kt-has-2-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column1090_300453-7f > .kt-inside-inner-col,.kadence-column1090_300453-7f > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1090_300453-7f > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1090_300453-7f > .kt-inside-inner-col{flex-direction:column;}.kadence-column1090_300453-7f > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1090_300453-7f > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1090_300453-7f{position:relative;}@media all and (max-width: 1024px){.kadence-column1090_300453-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1090_300453-7f > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1090_300453-7f\"><div class=\"kt-inside-inner-col\">\n<!DOCTYPE html>\n<html lang=\"uk\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u041a\u043b\u0456\u0454\u043d\u0442\u0438 \u0442\u0430 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0438 &#8211; \u0422\u0435\u0445\u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430<\/title>\n    <!-- \u041f\u0456\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044f \u0448\u0440\u0438\u0444\u0442\u0443 Inter \u0437 Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n    <!-- \u041f\u0456\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044f Tailwind CSS \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0457 \u0442\u0430 \u0448\u0432\u0438\u0434\u043a\u043e\u0457 \u0441\u0442\u0438\u043b\u0456\u0437\u0430\u0446\u0456\u0457 -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* \u0421\u0432\u0456\u0442\u043b\u0430 \u0456\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430 \u0448\u0430\u0445\u0442\u0430 \u043b\u0456\u0444\u0442\u0430, \u0456\u043d\u0442\u0435\u0433\u0440\u043e\u0432\u0430\u043d\u0430 \u0432 \u0431\u0456\u043b\u0438\u0439 \u0444\u043e\u043d *\/\n        .light-shaft-container {\n            position: relative;\n            overflow: hidden;\n            background-color: #ffffff;\n            border-radius: 24px;\n        }\n\n        \/* \u0410\u041d\u0406\u041c\u0410\u0426\u0406\u042f \u0428\u041a\u0406\u0412\u0410 (\u041e\u0411\u0415\u0420\u0422\u0410\u041d\u041d\u042f \u0412\u0415\u0414\u0423\u0427\u041e\u0413\u041e \u041a\u041e\u041b\u0415\u0421\u0410) *\/\n        @keyframes rotate-sheave {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n        .sheave-main {\n            transform-origin: center;\n            animation: rotate-sheave 18s infinite linear;\n        }\n        .sheave-sub {\n            transform-origin: center;\n            animation: rotate-sheave 10s infinite linear reverse;\n        }\n\n        \/* \u0410\u041d\u0406\u041c\u0410\u0426\u0406\u042f \u0420\u0423\u0425\u0423 \u041a\u0410\u0411\u0406\u041d\u0418 \u041b\u0406\u0424\u0422\u0410 (\u0412\u0413\u041e\u0420\u0423\/\u0412\u041d\u0418\u0417) *\/\n        @keyframes cabin-move {\n            0%, 100% { transform: translateY(10%); }\n            50% { transform: translateY(70%); }\n        }\n        .bg-elevator-cabin {\n            animation: cabin-move 14s infinite ease-in-out;\n        }\n\n        \/* \u0410\u041d\u0406\u041c\u0410\u0426\u0406\u042f \u0420\u0423\u0425\u0423 \u041f\u0420\u041e\u0422\u0418\u0412\u0410\u0413\u0418 (\u0412 \u041f\u0420\u041e\u0422\u0418\u0424\u0410\u0417\u0406) *\/\n        @keyframes counterweight-move {\n            0%, 100% { transform: translateY(70%); }\n            50% { transform: translateY(10%); }\n        }\n        .bg-counterweight {\n            animation: counterweight-move 14s infinite ease-in-out;\n        }\n\n        \/* \u0410\u041d\u0406\u041c\u0410\u0426\u0406\u042f \u0421\u0422\u0410\u041b\u0415\u0412\u0418\u0425 \u0422\u0420\u041e\u0421\u0406\u0412 (\u041f\u041b\u0410\u0412\u041d\u0418\u0419 \u0412\u0415\u0420\u0422\u0418\u041a\u0410\u041b\u042c\u041d\u0418\u0419 \u0420\u0423\u0425) *\/\n        @keyframes cable-slide-down {\n            from { stroke-dashoffset: 0; }\n            to { stroke-dashoffset: 160; }\n        }\n        @keyframes cable-slide-up {\n            from { stroke-dashoffset: 160; }\n            to { stroke-dashoffset: 0; }\n        }\n        .cable-left {\n            animation: cable-slide-down 8s infinite linear;\n        }\n        .cable-right {\n            animation: cable-slide-up 8s infinite linear;\n        }\n\n        \/* \u0410\u041d\u0406\u041c\u0410\u0426\u0406\u042f \u0406\u041d\u0414\u0418\u041a\u0410\u0422\u041e\u0420\u0410 \u041f\u041e\u0412\u0415\u0420\u0425\u0406\u0412 *\/\n        @keyframes floor-change {\n            0%, 100% { content: \"01\"; }\n            12% { content: \"03\"; }\n            25% { content: \"05\"; }\n            37% { content: \"07\"; }\n            50% { content: \"09\"; }\n            62% { content: \"07\"; }\n            75% { content: \"05\"; }\n            87% { content: \"03\"; }\n        }\n        .floor-display::after {\n            content: \"01\";\n            animation: floor-change 14s infinite steps(1);\n        }\n\n        \/* \u0415\u0444\u0435\u043a\u0442 \u0423\u041b\u042c\u0422\u0420\u0410-\u043f\u0440\u043e\u0437\u043e\u0440\u043e\u0433\u043e \u0440\u0456\u0434\u043a\u043e\u0433\u043e \u0441\u043a\u043b\u0430 (Ultra-Liquid Glass) *\/\n        .light-glass-card {\n            background: rgba(255, 255, 255, 0.02); \/* \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0437\u043e\u0440\u0438\u0439 \u0440\u0456\u0434\u043a\u0438\u0439 \u0444\u043e\u043d *\/\n            backdrop-filter: blur(4px) saturate(180%); \/* \u041b\u0435\u0433\u043a\u0435 \u0437\u0430\u043b\u043e\u043c\u043b\u0435\u043d\u043d\u044f, \u043a\u0440\u0456\u0437\u044c \u044f\u043a\u0435 \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0432\u0438\u0434\u043d\u043e \u0440\u0443\u0445 \u043b\u0456\u0444\u0442\u0430 *\/\n            -webkit-backdrop-filter: blur(4px) saturate(180%);\n            \n            \/* \u0413\u043b\u044f\u043d\u0446\u0435\u0432\u0438\u0439 \u0432\u0456\u0434\u0431\u043b\u0438\u0441\u043a \u043f\u043e \u043a\u0440\u0430\u044f\u0445 *\/\n            border: 1px solid rgba(255, 255, 255, 0.65); \n            \n            box-shadow: \n                0 10px 30px -10px rgba(15, 23, 42, 0.02),\n                inset 0 1px 0 0 rgba(255, 255, 255, 0.8),\n                inset 0 -1px 0 0 rgba(0, 0, 0, 0.01);\n            \n            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .light-glass-card:hover {\n            transform: translateY(-6px);\n            background: rgba(255, 255, 255, 0.15); \/* \u0414\u0435\u043b\u0456\u043a\u0430\u0442\u043d\u0438\u0439 \u0444\u043e\u043a\u0443\u0441 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u0456 *\/\n            box-shadow: \n                0 20px 40px -15px rgba(43, 108, 176, 0.12),\n                inset 0 1px 0 0 rgba(255, 255, 255, 0.9);\n            border-color: rgba(43, 108, 176, 0.5); \/* \u0421\u0438\u043d\u0456\u0439 \u043a\u043e\u043b\u0456\u0440 \u0431\u0440\u0435\u043d\u0434\u0443 #2B6CB0 *\/\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-transparent\">\n\n    <!-- \u0404\u0434\u0438\u043d\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440-\u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u043d\u0430 \u0431\u0456\u043b\u043e\u043c\u0443 \u0444\u043e\u043d\u0456 -->\n    <div class=\"max-w-2xl mx-auto px-4 py-12 md:py-16\">\n\n        <!-- ================= \u0421\u0415\u041a\u0426\u0406\u042f: \u041a\u041b\u0406\u0404\u041d\u0422\u0418 \u0422\u0410 \u041f\u0410\u0420\u0422\u041d\u0415\u0420\u0418 ================= -->\n        <section>\n            <div class=\"mb-10 text-left\">\n                <span class=\"text-xs font-bold uppercase tracking-widest text-[#2b6cb0] block mb-2 font-semibold\">\u0421\u043f\u0456\u0432\u043f\u0440\u0430\u0446\u044f \u0437 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u043e\u043d\u0430\u043b\u0430\u043c\u0438<\/span>\n                <h2 class=\"text-3xl md:text-4xl font-black text-slate-900 tracking-tight\">\n                    \u041a\u043b\u0456\u0454\u043d\u0442\u0438 \u0442\u0430 \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0438\n                <\/h2>\n                <div class=\"w-16 h-1.5 bg-[#2b6cb0] mt-3 rounded-full\"><\/div>\n            <\/div>\n\n            <!-- \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0437 \u0430\u043d\u0456\u043c\u043e\u0432\u0430\u043d\u0438\u043c \u043c\u0435\u0445\u0430\u043d\u0456\u0447\u043d\u0438\u043c \u0444\u043e\u043d\u043e\u043c \u043b\u0456\u0444\u0442\u0430 -->\n            <div class=\"light-shaft-container rounded-2xl p-1 md:p-2\">\n                \n                <!-- \u0417\u0410\u0414\u041d\u0406\u0419 \u0424\u041e\u041d: \u041c\u0435\u0445\u0430\u043d\u0456\u0447\u043d\u0430 \u043b\u0456\u0444\u0442\u043e\u0432\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 (\u0442\u0440\u043e\u0441\u0438, \u0448\u043a\u0456\u0432, \u043a\u0430\u0431\u0456\u043d\u0430, \u043f\u0440\u043e\u0442\u0438\u0432\u0430\u0433\u0430) -->\n                <div class=\"absolute inset-0 pointer-events-none select-none z-0 overflow-hidden opacity-100\">\n                    \n                    <!-- \u0426\u0438\u0444\u0440\u043e\u0432\u0435 \u0442\u0430\u0431\u043b\u043e \u043f\u043e\u0432\u0435\u0440\u0445\u0456\u0432 (\u043f\u043e \u0446\u0435\u043d\u0442\u0440\u0443 \u0437\u0432\u0435\u0440\u0445\u0443) -->\n                    <div class=\"absolute top-6 left-1\/2 -translate-x-1\/2 bg-slate-100 border border-slate-200\/60 rounded px-2.5 py-1 flex items-center gap-1.5 opacity-70\">\n                        <span class=\"w-2 h-2 rounded-full bg-[#00c6ff] animate-pulse\"><\/span>\n                        <span class=\"text-xs font-mono font-bold text-slate-500 tracking-wider uppercase\">Floor<\/span>\n                        <span class=\"floor-display text-xs font-mono font-black text-[#2b6cb0]\"><\/span>\n                    <\/div>\n\n                    <!-- \u0421\u0442\u0430\u043b\u0435\u0432\u0456 \u0440\u0443\u0445\u043e\u043c\u0456 \u0442\u0440\u043e\u0441\u0438 \u043b\u0456\u0444\u0442\u0430 (\u043f\u0456\u0434\u0441\u0438\u043b\u0435\u043d\u043e \u043a\u043e\u043b\u0456\u0440 \u0434\u043b\u044f \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0438) -->\n                    <svg class=\"absolute inset-y-0 left-[25%] w-[4px] h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <line x1=\"2\" y1=\"0\" x2=\"2\" y2=\"100%\" stroke=\"#64748b\" stroke-width=\"2\" stroke-dasharray=\"8 8\" class=\"cable-left\"><\/line>\n                    <\/svg>\n                    <svg class=\"absolute inset-y-0 right-[25%] w-[4px] h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <line x1=\"2\" y1=\"0\" x2=\"2\" y2=\"100%\" stroke=\"#475569\" stroke-width=\"2\" stroke-dasharray=\"8 8\" class=\"cable-right\"><\/line>\n                    <\/svg>\n\n                    <!-- \u0412\u0415\u0414\u0423\u0427\u0418\u0419 \u0428\u041a\u0406\u0412 (\u0413\u041e\u041b\u041e\u0412\u041d\u0415 \u041a\u041e\u041b\u0415\u0421\u041e) \u0417\u0412\u0415\u0420\u0425\u0423 -->\n                    <div class=\"absolute top-[4%] left-1\/2 -translate-x-1\/2 w-40 h-40 opacity-[0.22]\">\n                        <svg viewBox=\"0 0 120 120\" class=\"w-full h-full text-slate-600 fill-none stroke-current sheave-main\">\n                            <circle cx=\"60\" cy=\"60\" r=\"54\" stroke-width=\"2\"><\/circle>\n                            <circle cx=\"60\" cy=\"60\" r=\"46\" stroke-width=\"1\" stroke-dasharray=\"3 3\"><\/circle>\n                            <circle cx=\"60\" cy=\"60\" r=\"18\" stroke-width=\"2\"><\/circle>\n                            <!-- \u0421\u043f\u0438\u0446\u0456 \u043a\u043e\u043b\u0435\u0441\u0430 -->\n                            <line x1=\"60\" y1=\"6\" x2=\"60\" y2=\"114\" stroke-width=\"1.5\"><\/line>\n                            <line x1=\"6\" y1=\"60\" x2=\"114\" y2=\"60\" stroke-width=\"1.5\"><\/line>\n                            <line x1=\"22\" y1=\"22\" x2=\"98\" y2=\"98\" stroke-width=\"1\"><\/line>\n                            <line x1=\"98\" y1=\"22\" x2=\"22\" y2=\"98\" stroke-width=\"1\"><\/line>\n                            <!-- \u041a\u0440\u0456\u043f\u0438\u043b\u044c\u043d\u0456 \u0431\u043e\u043b\u0442\u0438 -->\n                            <circle cx=\"60\" cy=\"35\" r=\"3\" fill=\"currentColor\"><\/circle>\n                            <circle cx=\"60\" cy=\"85\" r=\"3\" fill=\"currentColor\"><\/circle>\n                            <circle cx=\"35\" cy=\"60\" r=\"3\" fill=\"currentColor\"><\/circle>\n                            <circle cx=\"85\" cy=\"60\" r=\"3\" fill=\"currentColor\"><\/circle>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- \u0414\u0420\u0423\u0413\u041e\u0420\u042f\u0414\u041d\u0418\u0419 \u0428\u041a\u0406\u0412 \u0417\u0411\u041e\u041a\u0423 -->\n                    <div class=\"absolute top-[10%] right-[15%] w-16 h-16 opacity-[0.18]\">\n                        <svg viewBox=\"0 0 100 100\" class=\"w-full h-full text-slate-500 fill-none stroke-current sheave-sub\">\n                            <circle cx=\"50\" cy=\"50\" r=\"42\" stroke-width=\"1.5\"><\/circle>\n                            <circle cx=\"50\" cy=\"50\" r=\"12\" stroke-width=\"2\"><\/circle>\n                            <line x1=\"50\" y1=\"8\" x2=\"50\" y2=\"92\" stroke-width=\"1\"><\/line>\n                            <line x1=\"8\" y1=\"50\" x2=\"92\" y2=\"50\" stroke-width=\"1\"><\/line>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- \u0421\u0422\u0418\u041b\u0406\u0417\u041e\u0412\u0410\u041d\u0410 \u041a\u0410\u0411\u0406\u041d\u0410 \u041b\u0406\u0424\u0422\u0410 (\u043b\u0456\u0432\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0430, \u0440\u0443\u0445\u0430\u0454\u0442\u044c\u0441\u044f \u0432\u0433\u043e\u0440\u0443-\u0432\u043d\u0438\u0437) -->\n                    <div class=\"absolute left-[14%] w-24 h-32 bg-elevator-cabin opacity-[0.24]\">\n                        <svg viewBox=\"0 0 80 100\" class=\"w-full h-full text-[#2b6cb0] fill-none stroke-current\">\n                            <!-- \u041a\u0430\u0440\u043a\u0430\u0441 \u043a\u0430\u0431\u0456\u043d\u0438 -->\n                            <rect x=\"5\" y=\"5\" width=\"70\" height=\"90\" rx=\"4\" stroke-width=\"2\"><\/rect>\n                            <!-- \u0414\u0432\u0435\u0440\u0456 \u043a\u0430\u0431\u0456\u043d\u0438 \u0437 \u043f\u0456\u0434\u0432\u0456\u0441\u043e\u043c -->\n                            <line x1=\"40\" y1=\"5\" x2=\"40\" y2=\"95\" stroke-width=\"1.5\"><\/line>\n                            <rect x=\"15\" y=\"20\" width=\"16\" height=\"50\" rx=\"1\" stroke-width=\"1\"><\/rect>\n                            <rect x=\"49\" y=\"20\" width=\"16\" height=\"50\" rx=\"1\" stroke-width=\"1\"><\/rect>\n                            <!-- \u0421\u0442\u0440\u0456\u043b\u043a\u0430 \u0456\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440\u0430 \u0440\u0443\u0445\u0443 -->\n                            <path d=\"M 35,82 L 45,82 M 40,77 L 45,82 L 40,87\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n                        <\/svg>\n                    <\/div>\n\n                    <!-- \u041f\u0420\u041e\u0422\u0418\u0412\u0410\u0413\u0410 (\u043f\u0440\u0430\u0432\u0430 \u0441\u0442\u043e\u0440\u043e\u043d\u0430, \u0440\u0443\u0445\u0430\u0454\u0442\u044c\u0441\u044f \u0443 \u043f\u0440\u043e\u0442\u0438\u0444\u0430\u0437\u0456) -->\n                    <div class=\"absolute right-[17%] w-12 h-28 bg-counterweight opacity-[0.22]\">\n                        <svg viewBox=\"0 0 40 90\" class=\"w-full h-full text-slate-500 fill-none stroke-current\">\n                            <!-- \u041e\u0441\u043d\u043e\u0432\u043d\u0430 \u043c\u0435\u0442\u0430\u043b\u0435\u0432\u0430 \u0440\u0430\u043c\u0430 \u043f\u0440\u043e\u0442\u0438\u0432\u0430\u0433\u0438 -->\n                            <rect x=\"2\" y=\"2\" width=\"36\" height=\"86\" rx=\"2\" stroke-width=\"2\"><\/rect>\n                            <!-- \u041e\u043a\u0440\u0435\u043c\u0456 \u0432\u0430\u0436\u043a\u0456 \u043c\u0435\u0442\u0430\u043b\u0435\u0432\u0456 \u0431\u043b\u043e\u043a\u0438 (\u0432\u0430\u043d\u0442\u0430\u0436\u0456) -->\n                            <rect x=\"6\" y=\"10\" width=\"28\" height=\"10\" rx=\"1\" stroke-width=\"1\"><\/rect>\n                            <rect x=\"6\" y=\"24\" width=\"28\" height=\"10\" rx=\"1\" stroke-width=\"1\"><\/rect>\n                            <rect x=\"6\" y=\"38\" width=\"28\" height=\"10\" rx=\"1\" stroke-width=\"1\"><\/rect>\n                            <rect x=\"6\" y=\"52\" width=\"28\" height=\"10\" rx=\"1\" stroke-width=\"1\"><\/rect>\n                            <rect x=\"6\" y=\"66\" width=\"28\" height=\"10\" rx=\"1\" stroke-width=\"1\"><\/rect>\n                        <\/svg>\n                    <\/div>\n\n                <\/div>\n\n                <!-- \u041f\u0415\u0420\u0415\u0414\u041d\u0406\u0419 \u041f\u041b\u0410\u041d: \u041a\u0430\u0440\u0442\u043a\u0438 \u043a\u043b\u0456\u0454\u043d\u0442\u0456\u0432 \u043f\u043e\u0432\u0435\u0440\u0445 \u0430\u043d\u0456\u043c\u0430\u0446\u0456\u0457 (Glassmorphism) -->\n                <div class=\"relative z-10 space-y-6\">\n                    \n                    <!-- \u041a\u0430\u0440\u0442\u043a\u0430 1: \u041f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e -->\n                    <div class=\"light-glass-card rounded-2xl p-6 md:p-8\">\n                        <div class=\"flex items-center mb-4\">\n                            <div class=\"bg-[#2b6cb0]\/10 p-3 rounded-xl border border-[#2b6cb0]\/20 mr-4 flex-shrink-0\">\n                                <!-- \u0406\u043a\u043e\u043d\u043a\u0430 \u0440\u0443\u043a\u043e\u0441\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f \/ \u043f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u0430 -->\n                                <svg class=\"w-6 h-6 text-[#2b6cb0]\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"text-xl md:text-2xl font-black text-slate-950\">\u041f\u0430\u0440\u0442\u043d\u0435\u0440\u0441\u0442\u0432\u043e<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-900 leading-relaxed text-base md:text-lg font-semibold\">\n                            \u041c\u0438 \u0431\u0443\u0434\u0443\u0454\u043c\u043e \u0447\u0435\u0441\u043d\u0456 \u0442\u0430 \u0434\u043e\u0432\u0433\u043e\u0442\u0440\u0438\u0432\u0430\u043b\u0456 \u0432\u0456\u0434\u043d\u043e\u0441\u0438\u043d\u0438. \u0421\u0435\u0440\u0435\u0434 \u043d\u0430\u0448\u0438\u0445 \u043a\u043b\u0456\u0454\u043d\u0442\u0456\u0432 \u2014 \u043a\u0432\u0430\u043b\u0456\u0444\u0456\u043a\u043e\u0432\u0430\u043d\u0456 \u043c\u0435\u0445\u0430\u043d\u0456\u043a\u0438, \u0456\u043d\u0436\u0435\u043d\u0435\u0440\u0438, \u043c\u043e\u043d\u0442\u0430\u0436\u043d\u0456 \u043e\u0440\u0433\u0430\u043d\u0456\u0437\u0430\u0446\u0456\u0457 \u0442\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u0457 \u0437 \u043e\u0431\u0441\u043b\u0443\u0433\u043e\u0432\u0443\u0432\u0430\u043d\u043d\u044f \u0436\u0438\u0442\u043b\u043e\u0432\u0438\u0445 \u0456 \u043a\u043e\u043c\u0435\u0440\u0446\u0456\u0439\u043d\u0438\u0445 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0441\u0456\u0432 \u043f\u043e \u0432\u0441\u0456\u0439 \u043a\u0440\u0430\u0457\u043d\u0456.\n                        <\/p>\n                    <\/div>\n\n                    <!-- \u041a\u0430\u0440\u0442\u043a\u0430 2: \u0422\u0435\u0445\u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0430 -->\n                    <div class=\"light-glass-card rounded-2xl p-6 md:p-8\">\n                        <div class=\"flex items-center mb-4\">\n                            <div class=\"bg-[#2b6cb0]\/10 p-3 rounded-xl border border-[#2b6cb0]\/20 mr-4 flex-shrink-0\">\n                                <!-- \u0406\u043a\u043e\u043d\u043a\u0430 \u043d\u0430\u043b\u0430\u0448\u0442\u0443\u0432\u0430\u043d\u044c \/ \u0448\u0435\u0441\u0442\u0435\u0440\u043d\u0456 \/ \u0442\u0435\u0445\u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0438 -->\n                                <svg class=\"w-6 h-6 text-[#2b6cb0]\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path>\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"text-xl md:text-2xl font-black text-slate-950\">\u0422\u0435\u0445\u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0430<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-900 leading-relaxed text-base md:text-lg font-semibold\">\n                            \u041c\u0438 \u043d\u0435 \u043b\u0438\u0448\u0435 \u043f\u0440\u043e\u0434\u0430\u0454\u043c\u043e \u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0438, \u0430 \u0439 \u043d\u0430\u0434\u0430\u0454\u043c\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0443 \u0442\u0435\u0445\u043d\u0456\u0447\u043d\u0443 \u043f\u0456\u0434\u0442\u0440\u0438\u043c\u043a\u0443. \u041d\u0430\u0448\u0456 \u0444\u0430\u0445\u0456\u0432\u0446\u0456 \u0437\u0430\u0432\u0436\u0434\u0438 \u0433\u043e\u0442\u043e\u0432\u0456 \u043f\u0440\u043e\u043a\u043e\u043d\u0441\u0443\u043b\u044c\u0442\u0443\u0432\u0430\u0442\u0438 \u0432\u0430\u0441, \u043f\u043e\u0434\u0456\u043b\u0438\u0442\u0438\u0441\u044f \u0434\u043e\u0441\u0432\u0456\u0434\u043e\u043c \u0442\u0430 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u0442\u0438 \u0437 \u043f\u0456\u0434\u0431\u043e\u0440\u043e\u043c \u0430\u043d\u0430\u043b\u043e\u0433\u0456\u0432, \u044f\u043a\u0449\u043e \u043e\u0440\u0438\u0433\u0456\u043d\u0430\u043b\u044c\u043d\u0443 \u0434\u0435\u0442\u0430\u043b\u044c \u0437\u043d\u044f\u043b\u0438 \u0437 \u0432\u0438\u0440\u043e\u0431\u043d\u0438\u0446\u0442\u0432\u0430.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n<style>.kadence-column1090_2937d2-e9 > .kt-inside-inner-col,.kadence-column1090_2937d2-e9 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column1090_2937d2-e9 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column1090_2937d2-e9 > .kt-inside-inner-col{flex-direction:column;}.kadence-column1090_2937d2-e9 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column1090_2937d2-e9 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column1090_2937d2-e9{position:relative;}@media all and (max-width: 1024px){.kadence-column1090_2937d2-e9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column1090_2937d2-e9 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column1090_2937d2-e9\"><div class=\"kt-inside-inner-col\">\n<!DOCTYPE html>\n<html lang=\"uk\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u041f\u0440\u0456\u043e\u0440\u0438\u0442\u0435\u0442\u0438 \u0442\u0430 \u041f\u0430\u0440\u0442\u043d\u0435\u0440\u0438 &#8211; \u0422\u0435\u0445\u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430<\/title>\n    <!-- \u041f\u0456\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044f \u0448\u0440\u0438\u0444\u0442\u0443 Inter \u0437 Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&amp;display=swap\" rel=\"stylesheet\">\n    <!-- \u041f\u0456\u0434\u043a\u043b\u044e\u0447\u0435\u043d\u043d\u044f Tailwind CSS \u0434\u043b\u044f \u0441\u0443\u0447\u0430\u0441\u043d\u043e\u0457 \u0442\u0430 \u0448\u0432\u0438\u0434\u043a\u043e\u0457 \u0441\u0442\u0438\u043b\u0456\u0437\u0430\u0446\u0456\u0457 -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <style>\n        body {\n            font-family: 'Inter', sans-serif;\n        }\n\n        \/* \u0421\u0432\u0456\u0442\u043b\u0430 \u0456\u043d\u0442\u0435\u0440\u0430\u043a\u0442\u0438\u0432\u043d\u0430 \u0448\u0430\u0445\u0442\u0430 \u043b\u0456\u0444\u0442\u0430, \u0456\u043d\u0442\u0435\u0433\u0440\u043e\u0432\u0430\u043d\u0430 \u0432 \u0431\u0456\u043b\u0438\u0439 \u0444\u043e\u043d *\/\n        .light-shaft-container {\n            position: relative;\n            overflow: hidden;\n            background-color: #ffffff;\n            border-radius: 24px;\n        }\n\n        \/* \u0422\u043e\u043d\u043a\u0456 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u044f\u044e\u0447\u0456 \u0442\u0440\u043e\u0441\u0438 \u043b\u0456\u0444\u0442\u0430 - \u0437\u0440\u043e\u0431\u043b\u0435\u043d\u0456 \u0431\u0456\u043b\u044c\u0448 \u043a\u043e\u043d\u0442\u0440\u0430\u0441\u0442\u043d\u0438\u043c\u0438 \u0434\u043b\u044f \u043a\u0440\u0430\u0449\u043e\u0457 \u0432\u0438\u0434\u0438\u043c\u043e\u0441\u0442\u0456 *\/\n        .cable {\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            width: 1px;\n            background: linear-gradient(to bottom, #94a3b8 50%, rgba(255,255,255,0) 0%);\n            background-size: 1px 16px; \/* \u0415\u0444\u0435\u043a\u0442 \u043f\u0443\u043d\u043a\u0442\u0438\u0440\u043d\u043e\u0457 \u043b\u0456\u043d\u0456\u0457 *\/\n            z-index: 1;\n        }\n        .cable-1 { left: 20%; }\n        .cable-2 { left: 80%; }\n\n        \/* \u0421\u0432\u0456\u0442\u043b\u0456 \u043f\u043e\u0432\u0435\u0440\u0445\u043e\u0432\u0456 \u043b\u0456\u043d\u0456\u0457 \u043d\u0430 \u0444\u043e\u043d\u0456 *\/\n        .floor-line {\n            position: absolute;\n            left: 5%;\n            right: 5%;\n            height: 1px;\n            background-color: #f1f5f9;\n            z-index: 1;\n        }\n        .fl-1 { top: 20%; }\n        .fl-2 { top: 50%; }\n        .fl-3 { top: 80%; }\n\n        \/* \u0421\u0443\u0447\u0430\u0441\u043d\u0430 \u043a\u0430\u0431\u0456\u043d\u0430 \u043b\u0456\u0444\u0442\u0430, \u0449\u043e \u0440\u0443\u0445\u0430\u0454\u0442\u044c\u0441\u044f - \u0441\u0438\u043d\u044c\u043e-\u0431\u043b\u0430\u043a\u0438\u0442\u043d\u0430 \u0433\u0430\u043c\u0430 \u0431\u0440\u0435\u043d\u0434\u0443 *\/\n        .elevator-car {\n            position: absolute;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 140px;\n            height: 190px;\n            background: linear-gradient(135deg, rgba(43, 108, 176, 0.25) 0%, rgba(224, 242, 254, 0.95) 100%);\n            border: 2px solid #2b6cb0; \/* \u0424\u0456\u0440\u043c\u043e\u0432\u0438\u0439 \u0441\u0438\u043d\u0456\u0439 \u0430\u043a\u0446\u0435\u043d\u0442 *\/\n            box-shadow: \n                0 15px 35px rgba(43, 108, 176, 0.25), \n                inset 0 0 20px rgba(255, 255, 255, 0.9);\n            border-radius: 12px;\n            animation: moveCar 14s infinite ease-in-out;\n            z-index: 2;\n            opacity: 0.95;\n        }\n\n        \/* \u0406\u043d\u0434\u0438\u043a\u0430\u0442\u043e\u0440 \u0440\u0443\u0445\u0443 \u0432\u0441\u0435\u0440\u0435\u0434\u0438\u043d\u0456 \u043b\u0456\u0444\u0442\u0430 *\/\n        .elevator-car::before {\n            content: '\u25b2';\n            position: absolute;\n            top: 15px;\n            left: 50%;\n            transform: translateX(-50%);\n            color: #2b6cb0;\n            font-size: 10px;\n            font-weight: bold;\n            animation: blink 1s infinite;\n        }\n\n        \/* \u0412\u043d\u0443\u0442\u0440\u0456\u0448\u043d\u0454 \u0441\u0432\u0456\u0442\u043b\u043e\u0434\u0456\u043e\u0434\u043d\u0435 \u043f\u0456\u0434\u0441\u0432\u0456\u0447\u0443\u0432\u0430\u043d\u043d\u044f \u043b\u0456\u0444\u0442\u0430 (Cool Blue) *\/\n        .elevator-car::after {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 10%;\n            right: 10%;\n            height: 4px;\n            background: #00c6ff;\n            box-shadow: 0 0 12px #00c6ff;\n            border-radius: 0 0 4px 4px;\n        }\n\n        @keyframes moveCar {\n            0% { top: -220px; }\n            45% { top: 100%; }\n            55% { top: 100%; }\n            100% { top: -220px; }\n        }\n\n        @keyframes blink {\n            0%, 100% { opacity: 0.3; }\n            50% { opacity: 1; }\n        }\n\n        \/* \u0415\u0444\u0435\u043a\u0442 \u0423\u041b\u042c\u0422\u0420\u0410-\u043f\u0440\u043e\u0437\u043e\u0440\u043e\u0433\u043e \u0441\u043a\u043b\u0430 (Ultra-Liquid Glass) *\/\n        .light-glass-card {\n            background: rgba(255, 255, 255, 0.02); \/* \u041c\u0430\u043a\u0441\u0438\u043c\u0430\u043b\u044c\u043d\u043e \u043f\u0440\u043e\u0437\u043e\u0440\u0438\u0439 \u0444\u043e\u043d *\/\n            backdrop-filter: blur(4px) saturate(180%); \/* \u041b\u0435\u0433\u043a\u0435 \u0437\u0430\u043b\u043e\u043c\u043b\u0435\u043d\u043d\u044f, \u043a\u0440\u0456\u0437\u044c \u044f\u043a\u0435 \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u043e \u0432\u0438\u0434\u043d\u043e \u0440\u0443\u0445 \u043b\u0456\u0444\u0442\u0430 *\/\n            -webkit-backdrop-filter: blur(4px) saturate(180%);\n            \n            \/* \u0413\u043b\u044f\u043d\u0446\u0435\u0432\u0438\u0439 \u0432\u0456\u0434\u0431\u043b\u0438\u0441\u043a \u043f\u043e \u043a\u0440\u0430\u044f\u0445 *\/\n            border: 1px solid rgba(255, 255, 255, 0.65); \n            \n            box-shadow: \n                0 10px 30px -10px rgba(15, 23, 42, 0.02),\n                inset 0 1px 0 0 rgba(255, 255, 255, 0.8),\n                inset 0 -1px 0 0 rgba(0, 0, 0, 0.01);\n            \n            transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        }\n\n        .light-glass-card:hover {\n            transform: translateY(-6px);\n            background: rgba(255, 255, 255, 0.15); \/* \u0414\u0435\u043b\u0456\u043a\u0430\u0442\u043d\u0438\u0439 \u0444\u043e\u043a\u0443\u0441 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u0456 *\/\n            box-shadow: \n                0 20px 40px -15px rgba(43, 108, 176, 0.12),\n                inset 0 1px 0 0 rgba(255, 255, 255, 0.9);\n            border-color: rgba(43, 108, 176, 0.5); \/* \u0421\u0438\u043d\u0456\u0439 \u043a\u043e\u043b\u0456\u0440 \u0431\u0440\u0435\u043d\u0434\u0443 #2B6CB0 *\/\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-transparent\">\n\n    <!-- \u0404\u0434\u0438\u043d\u0438\u0439 \u043a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440-\u043a\u043e\u043b\u043e\u043d\u043a\u0430 \u043d\u0430 \u0431\u0456\u043b\u043e\u043c\u0443 \u0444\u043e\u043d\u0456 -->\n    <div class=\"max-w-2xl mx-auto px-4 py-12 md:py-16\">\n\n        <!-- ================= \u0421\u0415\u041a\u0426\u0406\u042f: \u041d\u0410\u0428\u0406 \u041f\u0420\u0406\u041e\u0420\u0418\u0422\u0415\u0422\u0418 ================= -->\n        <section class=\"mb-16\">\n            <div class=\"mb-10 text-left\">\n                <span class=\"text-xs font-bold uppercase tracking-widest text-[#2b6cb0] block mb-2 font-semibold\">\u041d\u0430\u0434\u0456\u0439\u043d\u0456\u0441\u0442\u044c \u0442\u0430 \u0448\u0432\u0438\u0434\u043a\u0456\u0441\u0442\u044c<\/span>\n                <h2 class=\"text-3xl md:text-4xl font-black text-slate-900 tracking-tight\">\n                    \u041d\u0430\u0448\u0456 \u043f\u0440\u0456\u043e\u0440\u0438\u0442\u0435\u0442\u0438\n                <\/h2>\n                <div class=\"w-16 h-1.5 bg-[#2b6cb0] mt-3 rounded-full\"><\/div>\n            <\/div>\n\n            <!-- \u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0437 \u0430\u043d\u0456\u043c\u043e\u0432\u0430\u043d\u0438\u043c \u0444\u043e\u043d\u043e\u043c \u043b\u0456\u0444\u0442\u0430 -->\n            <div class=\"light-shaft-container rounded-2xl p-1 md:p-2\">\n                <!-- \u0410\u043d\u0456\u043c\u0430\u0446\u0456\u0439\u043d\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u043d\u0430 \u0444\u043e\u043d\u0456 -->\n                <div class=\"cable cable-1\"><\/div>\n                <div class=\"cable cable-2\"><\/div>\n                <div class=\"floor-line fl-1\"><\/div>\n                <div class=\"floor-line fl-2\"><\/div>\n                <div class=\"floor-line fl-3\"><\/div>\n                <div class=\"elevator-car\"><\/div>\n\n                <!-- \u041a\u0430\u0440\u0442\u043a\u0438 \u043f\u0440\u0456\u043e\u0440\u0438\u0442\u0435\u0442\u0456\u0432 \u043f\u043e\u0432\u0435\u0440\u0445 \u0430\u043d\u0456\u043c\u0430\u0446\u0456\u0457 -->\n                <div class=\"relative z-10 space-y-6\">\n                    \n                    <!-- \u041a\u0430\u0440\u0442\u043a\u0430 1: \u0415\u043a\u043e\u043d\u043e\u043c\u0456\u044f \u0447\u0430\u0441\u0443 -->\n                    <div class=\"light-glass-card rounded-2xl p-6 md:p-8\">\n                        <div class=\"flex items-center mb-4\">\n                            <div class=\"bg-[#2b6cb0]\/10 p-3 rounded-xl border border-[#2b6cb0]\/20 mr-4 flex-shrink-0\">\n                                <!-- \u0406\u043a\u043e\u043d\u043a\u0430 \u0448\u0432\u0438\u0434\u043a\u043e\u0457 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0438 \/ \u0433\u043e\u0434\u0438\u043d\u043d\u0438\u043a\u0430 -->\n                                <svg class=\"w-6 h-6 text-[#2b6cb0]\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"text-xl md:text-2xl font-black text-slate-950\">\u0415\u043a\u043e\u043d\u043e\u043c\u0456\u044f \u0432\u0430\u0448\u043e\u0433\u043e \u0447\u0430\u0441\u0443<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-900 leading-relaxed text-base md:text-lg font-semibold\">\n                            \u0417\u0443\u043f\u0438\u043d\u043a\u0430 \u043b\u0456\u0444\u0442\u0430 \u2014 \u0446\u0435 \u0437\u0430\u0432\u0436\u0434\u0438 \u043d\u0435\u0437\u0440\u0443\u0447\u043d\u043e\u0441\u0442\u0456 \u0434\u043b\u044f \u043c\u0435\u0448\u043a\u0430\u043d\u0446\u0456\u0432. \u0429\u043e\u0431 \u0432\u0438 \u043c\u043e\u0433\u043b\u0438 \u0432\u0456\u0434\u043d\u043e\u0432\u0438\u0442\u0438 \u0440\u043e\u0431\u043e\u0442\u0443 \u043e\u0431\u043b\u0430\u0434\u043d\u0430\u043d\u043d\u044f \u044f\u043a\u043d\u0430\u0439\u0448\u0432\u0438\u0434\u0448\u0435, \u043c\u0438 \u0442\u0440\u0438\u043c\u0430\u0454\u043c\u043e \u0437\u0430\u043f\u0430\u0441 \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u043d\u0430 \u0432\u043b\u0430\u0441\u043d\u043e\u043c\u0443 \u0441\u043a\u043b\u0430\u0434\u0456 \u0442\u0430 \u0448\u0432\u0438\u0434\u043a\u043e \u0432\u0456\u0434\u043f\u0440\u0430\u0432\u043b\u044f\u0454\u043c\u043e \u0437\u0430\u043c\u043e\u0432\u043b\u0435\u043d\u043d\u044f.\n                        <\/p>\n                    <\/div>\n\n                    <!-- \u041a\u0430\u0440\u0442\u043a\u0430 2: \u0411\u0435\u0437\u043f\u0435\u043a\u0430 \u0442\u0430 \u044f\u043a\u0456\u0441\u0442\u044c -->\n                    <div class=\"light-glass-card rounded-2xl p-6 md:p-8\">\n                        <div class=\"flex items-center mb-4\">\n                            <div class=\"bg-[#2b6cb0]\/10 p-3 rounded-xl border border-[#2b6cb0]\/20 mr-4 flex-shrink-0\">\n                                <!-- \u0406\u043a\u043e\u043d\u043a\u0430 \u0449\u0438\u0442\u0430 \u0431\u0435\u0437\u043f\u0435\u043a\u0438 -->\n                                <svg class=\"w-6 h-6 text-[#2b6cb0]\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                                <\/svg>\n                            <\/div>\n                            <h3 class=\"text-xl md:text-2xl font-black text-slate-950\">\u0411\u0435\u0437\u043f\u0435\u043a\u0430 \u0442\u0430 \u044f\u043a\u0456\u0441\u0442\u044c<\/h3>\n                        <\/div>\n                        <p class=\"text-slate-900 leading-relaxed text-base md:text-lg font-semibold\">\n                            \u041c\u0438 \u0440\u043e\u0437\u0443\u043c\u0456\u0454\u043c\u043e, \u0449\u043e \u0432\u0456\u0434 \u043d\u0430\u0434\u0456\u0439\u043d\u043e\u0441\u0442\u0456 \u0434\u0435\u0442\u0430\u043b\u0435\u0439 \u0437\u0430\u043b\u0435\u0436\u0438\u0442\u044c \u0431\u0435\u0437\u043f\u0435\u043a\u0430 \u043f\u0430\u0441\u0430\u0436\u0438\u0440\u0456\u0432. \u0422\u043e\u043c\u0443 \u043a\u043e\u0436\u043d\u0430 \u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430 \u0447\u0438 \u0432\u0443\u0437\u043e\u043b, \u044f\u043a\u0456 \u043c\u0438 \u043f\u0440\u043e\u043f\u043e\u043d\u0443\u0454\u043c\u043e, \u043c\u0430\u044e\u0442\u044c \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u043d\u0456 \u0441\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442\u0438 \u044f\u043a\u043e\u0441\u0442\u0456.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n\n<\/div><\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00ab\u0422\u0435\u0445\u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430\u00bb\u041d\u0430\u0434\u0456\u0439\u043d\u0456\u0441\u0442\u044c \u0443 \u043a\u043e\u0436\u043d\u043e\u043c\u0443 \u0440\u0443\u0441\u0456 \u043b\u0456\u0444\u0442\u0430 \u041f\u0440\u043e \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u044e &#8211; \u0422\u0435\u0445\u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430 \u041d\u0430\u0448\u0430 \u0456\u0441\u0442\u043e\u0440\u0456\u044f \u041f\u0440\u043e \u043a\u043e\u043c\u043f\u0430\u043d\u0456\u044e \u00ab\u0422\u0435\u0445\u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0430\u00bb \u0421\u0442\u0430\u0442\u0443\u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u0438 \u0413\u041e\u0422\u041e\u0412\u0418\u0419 \u041f\u043e\u0432\u0435\u0440\u0445 01 \u25b2 \u25bc \u041e\u0431\u0435\u0440\u0456\u0442\u044c \u043f\u043e\u0432\u0435\u0440\u0445 05 04 03 02 01 \u041d\u0430\u0448\u0430 \u043c\u0435\u0442\u0430 \u041d\u0430\u0448\u0430 \u043c\u0435\u0442\u0430 \u2014 \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0438\u0442\u0438 \u0431\u0435\u0437\u043f\u0435\u0440\u0435\u0431\u0456\u0439\u043d\u0443 \u0442\u0430 \u0431\u0435\u0437\u043f\u0435\u0447\u043d\u0443 \u0440\u043e\u0431\u043e\u0442\u0443 \u043b\u0456\u0444\u0442\u0456\u0432. \u041c\u0438 \u0432\u0438\u0433\u043e\u0442\u043e\u0432\u043b\u044f\u0454\u043c\u043e \u0442\u0430 \u043f\u043e\u0441\u0442\u0430\u0447\u0430\u0454\u043c\u043e \u043d\u0430\u0434\u0456\u0439\u043d\u0456 \u043b\u0456\u0444\u0442\u043e\u0432\u0456 \u0437\u0430\u043f\u0447\u0430\u0441\u0442\u0438\u043d\u0438 \u0432\u0456\u0434 \u043f\u0435\u0440\u0435\u0432\u0456\u0440\u0435\u043d\u0438\u0445 \u0441\u0432\u0456\u0442\u043e\u0432\u0438\u0445 \u0442\u0430 \u0432\u0456\u0442\u0447\u0438\u0437\u043d\u044f\u043d\u0438\u0445 \u0432\u0438\u0440\u043e\u0431\u043d\u0438\u043a\u0456\u0432. \u0421\u043f\u0456\u0432\u043f\u0440\u0430\u0446\u044f \u0442\u0430 \u0430\u0441\u043e\u0440\u0442\u0438\u043c\u0435\u043d\u0442&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1174,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":true,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-1090","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/tekhzapchastyna.com\/index.php?rest_route=\/wp\/v2\/pages\/1090","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tekhzapchastyna.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tekhzapchastyna.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tekhzapchastyna.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tekhzapchastyna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1090"}],"version-history":[{"count":43,"href":"https:\/\/tekhzapchastyna.com\/index.php?rest_route=\/wp\/v2\/pages\/1090\/revisions"}],"predecessor-version":[{"id":4109,"href":"https:\/\/tekhzapchastyna.com\/index.php?rest_route=\/wp\/v2\/pages\/1090\/revisions\/4109"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tekhzapchastyna.com\/index.php?rest_route=\/wp\/v2\/media\/1174"}],"wp:attachment":[{"href":"https:\/\/tekhzapchastyna.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1090"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}