{"id":1574,"date":"2022-01-06T20:21:23","date_gmt":"2022-01-06T17:21:23","guid":{"rendered":"http:\/\/www.test-newsite.xyz\/?page_id=1574"},"modified":"2026-03-26T22:33:09","modified_gmt":"2026-03-26T19:33:09","slug":"kurs-landshaftnyj-dizajn","status":"publish","type":"post","link":"https:\/\/kursi.dp.ua\/ru\/kurs-landshaftnyj-dizajn\/","title":{"rendered":"\u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440"},"content":{"rendered":"<p><script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n<p><script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: { montserrat: ['Montserrat', 'sans-serif'] },\n                colors: {\n                    brand: {\n                        blue: '#005e90',\n                        orange: '#fb726a',\n                        text: '#1e293b'\n                    }\n                }\n            }\n        }\n    }\n<\/script><\/p>\n<style>\n.page-container > h1 {\n    display: none !important;\n}\n    .atlant-course-landing { font-family: 'Montserrat', sans-serif; width: 100%; overflow: hidden; background: white; line-height: 1.6; }\n    .atlant-course-landing p:empty, .atlant-course-landing br { display: none; margin: 0; padding: 0; }\n    .atlant-course-landing .hero-gradient { background: linear-gradient(135deg, #f0f5ff 0%, #dbeafe 40%, #eff6ff 100%); padding-top: 40px; padding-bottom: 80px; }\n    .atlant-course-landing .glass-card { background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.5); }\n    .atlant-course-landing .float-icon { animation: floatUp 3s ease-in-out infinite; }\n    .atlant-course-landing .float-icon:nth-child(2) { animation-delay: 0.5s; }\n    .atlant-course-landing .float-icon:nth-child(3) { animation-delay: 1s; }\n    .atlant-course-landing .float-icon:nth-child(4) { animation-delay: 1.5s; }\n    @keyframes floatUp { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-12px); } }\n    .atlant-course-landing .module-card { transition: all 0.3s ease; width: 100%; display: flex; flex-direction: column; }\n    .atlant-course-landing .module-card:hover { transform: translateY(-6px); box-shadow: 0 20px 40px rgba(0, 94, 144, 0.12); border-color: rgba(0, 94, 144, 0.1); }\n    .atlant-course-landing .cta-btn { transition: transform 0.3s ease, box-shadow 0.3s ease; padding: 16px 32px; display: inline-flex; gap: 12px; cursor: pointer; text-decoration: none; text-align: left; align-items: center; border-radius: 12px; font-weight: 700; font-size: 1.125rem; }\n    .atlant-course-landing .cta-btn:hover { transform: translateY(-2px); }\n    .atlant-course-landing section { display: block; width: 100%; overflow: hidden; }<\/p>\n<p>    \/* \u041d\u0430\u0442\u0438\u0432\u043d\u0456 \u0441\u0442\u0438\u043b\u0456 \u0434\u043b\u044f FAQ \u0431\u0435\u0437 JS *\/\n    .faq-item { border-bottom: 1px solid #e2e8f0; }\n    .faq-item:last-child { border-bottom: none; }\n    .faq-item summary { list-style: none; outline: none; display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 24px 0; font-weight: 700; color: #1e293b; font-size: 1.125rem; transition: color 0.3s ease; }\n    .faq-item summary::-webkit-details-marker { display: none; }\n    .faq-item summary:hover { color: #005e90; }\n    .faq-item .faq-answer { padding-right: 40px; padding-bottom: 24px; color: #475569; font-size: 1rem; line-height: 1.6; animation: fadeIn 0.3s ease-in-out; }\n    .faq-icon { transition: transform 0.3s ease; color: #005e90; }\n    .faq-item[open] .faq-icon { transform: rotate(180deg); }<\/p>\n<p>    @keyframes fadeIn {\n        from { opacity: 0; transform: translateY(-10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }<\/p>\n<p>    .mfp-hide { display: none !important; }\n<\/style>\n<div class=\"atlant-course-landing\">\n<section class=\"hero-gradient relative overflow-hidden\">\n<div class=\"absolute inset-0 overflow-hidden pointer-events-none\">\n<div class=\"absolute top-10 right-10 w-64 h-64 bg-blue-200 rounded-full opacity-20 blur-3xl\"><\/div>\n<div class=\"absolute bottom-20 left-10 w-48 h-48 bg-blue-300 rounded-full opacity-15 blur-3xl\"><\/div>\n<\/p><\/div>\n<div class=\"max-w-7xl mx-auto px-6 flex flex-col lg:flex-row items-center gap-12 relative z-10 pb-12\">\n<div class=\"flex-1 text-center lg:text-left\">\n<div class=\"inline-flex items-center gap-2 bg-white\/60 border border-white rounded-full px-4 py-1.5 mb-6 text-xs font-bold tracking-wider text-brand-blue uppercase shadow-sm\">\n          <svg class=\"w-4 h-4 text-brand-orange\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"3\" rx=\"2\"\/><path d=\"M8 21h8\"\/><path d=\"M12 17v4\"\/><path d=\"m10 10 5 3-5 3v-6z\"\/><\/svg> \u0412\u0456\u0434\u0435\u043e\u043a\u0443\u0440\u0441 Smart Online\n        <\/div>\n<h1 class=\"text-5xl md:text-6xl lg:text-[5rem] text-brand-text font-extrabold leading-none uppercase mb-6\">\n          <span class=\"block\">\u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u0438\u0439<\/span><br \/>\n          <span class=\"block text-brand-orange mt-2\">\u0414\u0438\u0437\u0430\u0439\u043d<\/span><br \/>\n        <\/h1>\n<p class=\"text-slate-500 text-lg md:text-xl font-medium max-w-xl mx-auto lg:mx-0 mb-8\">\n          \u041e\u0442\u0440\u0438\u043c\u0430\u0439\u0442\u0435 \u043f\u043e\u0432\u043d\u0438\u0439 \u043d\u0430\u0431\u0456\u0440 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0456\u0432, \u0449\u043e\u0431 \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u0431\u0443\u0434\u044c-\u044f\u043a\u0443 \u0434\u0456\u043b\u044f\u043d\u043a\u0443 \u043d\u0430 \u0432\u0438\u0442\u0432\u0456\u0440 \u043c\u0438\u0441\u0442\u0435\u0446\u0442\u0432\u0430 \u2014 \u0432\u0456\u0434 \u0430\u043d\u0430\u043b\u0456\u0437\u0443 \u0491\u0440\u0443\u043d\u0442\u0443 \u0434\u043e \u0444\u0456\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u0448\u0442\u043e\u0440\u0438\u0441\u0443.\n        <\/p>\n<div class=\"flex flex-col items-center lg:items-start gap-4 mt-4\">\n<p>          <a href=\"#popup-zakaz-form\" onclick=\"return false;\" class=\"pp-zakaz-form cta-btn bg-brand-blue text-white shadow-[0_4px_14px_rgba(0,94,144,0.35)] hover:shadow-[0_6px_20px_rgba(0,94,144,0.5)] w-full justify-start px-8\"><br \/>\n            <svg class=\"w-6 h-6\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 3.82-13.01 1 1 0 0 1 1.64 0A22 22 0 0 1 21 15c0 3.32-1.95 6.25-4.8 7.5a1 1 0 0 1-1.35-.91v-2.07a1 1 0 0 0-.58-.9L12 15z\"\/><path d=\"m12 15 3-3\"\/><\/svg> <span>\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f \u043d\u0430 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f<\/span><br \/>\n          <\/a><\/p>\n<p>          <a href=\"#program\" class=\"cta-btn bg-white text-brand-text shadow-sm hover:shadow-md border border-slate-100 w-full justify-start px-8\"><br \/>\n            <svg class=\"w-6 h-6 text-brand-blue\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z\"\/><path d=\"M14 2v4a2 2 0 0 0 2 2h4\"\/><path d=\"M10 9H8\"\/><path d=\"M16 13H8\"\/><path d=\"M16 17H8\"\/><\/svg> <span>\u041e\u0437\u043d\u0430\u0439\u043e\u043c\u0438\u0442\u0438\u0441\u044c \u0437 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043e\u044e<\/span><br \/>\n          <\/a><\/p>\n<p>          <a href=\"#reviews\" class=\"cta-btn bg-white text-brand-text shadow-sm hover:shadow-md border border-slate-100 w-full justify-start px-8\"><br \/>\n            <svg class=\"w-6 h-6 text-brand-orange\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg> <span>\u0412\u0456\u0434\u0433\u0443\u043a\u0438 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0456\u0432<\/span><br \/>\n          <\/a><\/p><\/div>\n<\/p><\/div>\n<div class=\"flex-1 flex justify-center w-full mt-8 lg:mt-0 relative\">\n<div class=\"max-w-[500px] w-full float-icon relative z-10\" style=\"animation-duration: 6s;\">\n            <img decoding=\"async\" src=\"https:\/\/kursi.dp.ua\/wp-content\/uploads\/2026\/03\/gemini_generated_image_2c75hi2c75hi2c75-scaled.png\" alt=\"\u0420\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443\" class=\"w-full h-auto aspect-[16\/11] object-cover rounded-[24px] shadow-[0_20px_40px_rgba(0,94,144,0.15)] border-8 border-white bg-slate-200\" \/>\n        <\/div>\n<div class=\"absolute -top-6 -left-6 float-icon\">\n<div class=\"glass-card w-14 h-14 rounded-xl flex items-center justify-center shadow-lg\"><svg class=\"w-7 h-7 text-brand-blue\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"5\" r=\"2\"\/><path d=\"m10.3 6.6-8 14\"\/><path d=\"m13.7 6.6 8 14\"\/><path d=\"M9.5 13h5\"\/><\/svg><\/div>\n<\/div>\n<div class=\"absolute -top-8 right-12 float-icon\">\n<div class=\"glass-card w-14 h-14 rounded-xl flex items-center justify-center shadow-lg\"><svg class=\"w-7 h-7 text-brand-orange\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"4\"\/><path d=\"M12 2v2\"\/><path d=\"M12 20v2\"\/><path d=\"m4.93 4.93 1.41 1.41\"\/><path d=\"m17.66 17.66 1.41 1.41\"\/><path d=\"M2 12h2\"\/><path d=\"M20 12h2\"\/><path d=\"m6.34 17.66-1.41 1.41\"\/><path d=\"m19.07 4.93-1.41 1.41\"\/><\/svg><\/div>\n<\/div>\n<div class=\"absolute top-24 -right-8 float-icon\">\n<div class=\"glass-card w-14 h-14 rounded-xl flex items-center justify-center shadow-lg\"><svg class=\"w-7 h-7 text-amber-500\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89 17 22l-5-3-5 3 1.523-9.11\"\/><\/svg><\/div>\n<\/div>\n<div class=\"absolute top-12 -left-8 float-icon\">\n<div class=\"glass-card w-14 h-14 rounded-xl flex items-center justify-center shadow-lg\"><svg class=\"w-7 h-7 text-green-600\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"\/><path d=\"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12\"\/><\/svg><\/div>\n<\/div><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"py-12 px-6 bg-white\">\n<div class=\"max-w-6xl mx-auto\">\n<h2 class=\"text-3xl md:text-4xl font-bold text-center text-brand-text mb-4\">\u0414\u043b\u044f \u043a\u043e\u0433\u043e \u0446\u0435\u0439 <span class=\"text-brand-blue\">\u043a\u0443\u0440\u0441?<\/span><\/h2>\n<p class=\"text-center text-slate-500 mb-10 max-w-2xl mx-auto\">\u0417\u043d\u0430\u0439\u0434\u0456\u0442\u044c \u0441\u0435\u0431\u0435 \u0441\u0435\u0440\u0435\u0434 \u043d\u0430\u0448\u0438\u0445 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0456\u0432 \u0442\u0430 \u0434\u0456\u0437\u043d\u0430\u0439\u0442\u0435\u0441\u044f, \u044f\u043a \u043a\u0443\u0440\u0441 \u0432\u0438\u0440\u0456\u0448\u0438\u0442\u044c \u0441\u0430\u043c\u0435 \u0432\u0430\u0448\u0456 \u0437\u0430\u0432\u0434\u0430\u043d\u043d\u044f.<\/p>\n<div class=\"grid md:grid-cols-2 gap-8 mb-10\">\n<div class=\"rounded-3xl border-2 border-blue-200 bg-blue-50 p-6 sm:p-8 relative overflow-hidden module-card\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-full flex items-center justify-center bg-blue-100\"><svg class=\"w-6 h-6 text-brand-blue\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg><\/div>\n<h3 class=\"text-xl font-bold text-brand-blue\">\u0412\u043b\u0430\u0441\u043d\u0438\u043a\u0430\u043c \u0431\u0443\u0434\u0438\u043d\u043a\u0456\u0432<\/h3>\n<\/p><\/div>\n<p class=\"text-sm text-slate-600 m-0\">\u0421\u0442\u0432\u043e\u0440\u0456\u0442\u044c \u0441\u0430\u0434 \u043c\u0440\u0456\u0457 \u0432\u043b\u0430\u0441\u043d\u043e\u0440\u0443\u0447 \u0431\u0435\u0437 \u0440\u0438\u0437\u0438\u043a\u0443 \u0437\u0456\u043f\u0441\u0443\u0432\u0430\u0442\u0438 \u0434\u043e\u0440\u043e\u0433\u0456 \u0440\u043e\u0441\u043b\u0438\u043d\u0438. \u0415\u043a\u043e\u043d\u043e\u043c\u0456\u044f \u0442\u0438\u0441\u044f\u0447 \u0434\u043e\u043b\u0430\u0440\u0456\u0432 \u043d\u0430 \u043f\u043e\u0441\u043b\u0443\u0433\u0430\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u0442\u0430 \u0443\u043d\u0438\u043a\u043d\u0435\u043d\u043d\u044f \u0431\u0443\u0434\u0456\u0432\u0435\u043b\u044c\u043d\u0438\u0445 \u043f\u043e\u043c\u0438\u043b\u043e\u043a.<\/p>\n<\/p><\/div>\n<div class=\"rounded-3xl border-2 border-red-200 bg-red-50 p-6 sm:p-8 relative overflow-hidden module-card\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-full flex items-center justify-center bg-red-100\"><svg class=\"w-6 h-6 text-brand-orange\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z\"\/><path d=\"m12 15-3-3a22 22 0 0 1 3.82-13.01 1 1 0 0 1 1.64 0A22 22 0 0 1 21 15c0 3.32-1.95 6.25-4.8 7.5a1 1 0 0 1-1.35-.91v-2.07a1 1 0 0 0-.58-.9L12 15z\"\/><path d=\"m12 15 3-3\"\/><\/svg><\/div>\n<h3 class=\"text-xl font-bold text-brand-orange\">\u0428\u0443\u043a\u0430\u0454\u0442\u0435 \u043d\u043e\u0432\u0443 \u043f\u0440\u043e\u0444\u0435\u0441\u0456\u044e<\/h3>\n<\/p><\/div>\n<p class=\"text-sm text-slate-600 m-0\">\u0428\u0432\u0438\u0434\u043a\u0438\u0439 \u0441\u0442\u0430\u0440\u0442 \u0443 \u043a\u0430\u0440&#8217;\u0454\u0440\u0456 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 \u0437 \u0433\u043e\u0442\u043e\u0432\u0438\u043c \u043a\u0435\u0439\u0441\u043e\u043c \u0443 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0456\u043e \u043f\u0456\u0441\u043b\u044f \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f.<\/p>\n<\/p><\/div>\n<div class=\"rounded-3xl border-2 border-blue-200 bg-blue-50 p-6 sm:p-8 relative overflow-hidden module-card\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-full flex items-center justify-center bg-blue-100\"><svg class=\"w-6 h-6 text-brand-blue\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"8\" height=\"4\" x=\"8\" y=\"2\" rx=\"1\" ry=\"1\"\/><path d=\"M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2\"\/><path d=\"m9 14 2 2 4-4\"\/><\/svg><\/div>\n<h3 class=\"text-xl font-bold text-brand-blue\">\u0412\u0442\u043e\u043c\u0438\u043b\u0438\u0441\u044f \u043f\u0435\u0440\u0435\u0440\u043e\u0431\u043b\u044f\u0442\u0438<\/h3>\n<\/p><\/div>\n<p class=\"text-sm text-slate-600 m-0\">\u041e\u0442\u0440\u0438\u043c\u0430\u0439\u0442\u0435 \u043a\u043e\u043c\u043f\u0435\u0442\u0435\u043d\u0446\u0456\u044e \u0442\u0435\u0445\u043d\u0430\u0433\u043b\u044f\u0434\u0443. \u041f\u0435\u0440\u0435\u0432\u0456\u0440\u044f\u0439\u0442\u0435 \u043a\u043e\u0448\u0442\u043e\u0440\u0438\u0441\u0438 \u0442\u0430 \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u044e\u0439\u0442\u0435 \u0440\u043e\u0431\u043e\u0442\u0443 \u043f\u0456\u0434\u0440\u044f\u0434\u043d\u0438\u043a\u0456\u0432.<\/p>\n<\/p><\/div>\n<div class=\"rounded-3xl border-2 border-red-200 bg-red-50 p-6 sm:p-8 relative overflow-hidden module-card\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-full flex items-center justify-center bg-red-100\"><svg class=\"w-6 h-6 text-brand-orange\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 7.5a4.5 4.5 0 1 1 4.5 4.5M12 7.5A4.5 4.5 0 1 0 7.5 12M12 7.5V12m0 0a4.5 4.5 0 1 0 4.5 4.5M12 12a4.5 4.5 0 1 1-4.5 4.5M12 12v9\"\/><\/svg><\/div>\n<h3 class=\"text-xl font-bold text-brand-orange\">\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0443\u044e\u0447\u0438\u043c \u0441\u0430\u0434\u0456\u0432\u043d\u0438\u043a\u0430\u043c<\/h3>\n<\/p><\/div>\n<p class=\"text-sm text-slate-600 m-0\">\u041f\u0435\u0440\u0435\u0441\u0442\u0430\u043d\u044c\u0442\u0435 \u0431\u0443\u0442\u0438 \u043f\u0440\u043e\u0441\u0442\u043e \u00ab\u0440\u0443\u043a\u0430\u043c\u0438\u00bb. \u0421\u0442\u0430\u043d\u044c\u0442\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u043e\u043c, \u044f\u043a\u0438\u0439 \u043f\u0440\u043e\u0435\u043a\u0442\u0443\u0454 \u0434\u0456\u043b\u044f\u043d\u043a\u0438 \u0442\u0430 \u043e\u0442\u0440\u0438\u043c\u0443\u0454 \u0432\u0438\u0441\u043e\u043a\u0456 \u0433\u043e\u043d\u043e\u0440\u0430\u0440\u0438.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"video\" class=\"py-12 px-6 bg-slate-50 border-y border-slate-200\">\n<div class=\"max-w-4xl mx-auto text-center\">\n<p class=\"text-brand-orange font-bold uppercase tracking-widest text-sm mb-2\">\u0412\u0456\u0434\u0435\u043e\u043f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0456\u044f<\/p>\n<h2 class=\"text-3xl md:text-4xl font-bold text-brand-text mb-8\">\u041f\u043e\u0434\u0438\u0432\u0456\u0442\u044c\u0441\u044f, \u044f\u043a \u043f\u0440\u043e\u0445\u043e\u0434\u0438\u0442\u044c \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f<\/h2>\n<div class=\"relative w-full aspect-video rounded-3xl overflow-hidden shadow-xl border-4 border-white bg-slate-200 group hover:shadow-2xl transition-shadow\">\n        <iframe class=\"absolute inset-0 w-full h-full border-none\" src=\"https:\/\/www.youtube.com\/embed\/sr3EnUwktvo\" title=\"\u041f\u0440\u0435\u0437\u0435\u043d\u0442\u0430\u0446\u0456\u044f \u043a\u0443\u0440\u0441\u0443\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n      <\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"program\" class=\"py-16 px-6 bg-white\">\n<div class=\"max-w-6xl mx-auto\">\n<h2 class=\"text-3xl md:text-4xl font-bold text-center text-brand-text mb-4\">\u041f\u0440\u043e\u0433\u0440\u0430\u043c\u0430 <span class=\"text-brand-blue\">\u043a\u0443\u0440\u0441\u0443<\/span><\/h2>\n<p class=\"text-center text-slate-500 mb-10\">70 \u0443\u0440\u043e\u043a\u0456\u0432 \u043f\u043e\u043a\u0440\u043e\u043a\u043e\u0432\u043e\u0457 \u0441\u0438\u0441\u0442\u0435\u043c\u0438 \u0434\u043e \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u0443<\/p>\n<div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n<div class=\"module-card glass-card rounded-2xl p-7 shadow-md border border-slate-100 bg-white\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-xl bg-blue-100 flex items-center justify-center flex-shrink-0 font-extrabold text-xl text-brand-blue\">1<\/div>\n<p>            <span class=\"text-xs font-bold text-brand-blue bg-blue-50 px-3 py-1 rounded-full uppercase\">\u0424\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442<\/span>\n          <\/div>\n<h3 class=\"text-lg font-bold text-brand-text mb-2\">\u0410\u043d\u0430\u043b\u0456\u0437 \u0434\u0456\u043b\u044f\u043d\u043a\u0438<\/h3>\n<p class=\"text-sm text-slate-500 m-0\">\u0412\u0447\u0438\u043c\u043e\u0441\u044f \u0447\u0438\u0442\u0430\u0442\u0438 \u0434\u0456\u043b\u044f\u043d\u043a\u0443: \u043a\u0430\u0440\u0442\u0430 \u0440\u0443\u0445\u0443 \u0441\u043e\u043d\u0446\u044f, \u0440\u043e\u0437\u0430 \u0432\u0456\u0442\u0440\u0456\u0432, \u0430\u043d\u0430\u043b\u0456\u0437 pH \u0491\u0440\u0443\u043d\u0442\u0443 \u0442\u0430 \u0440\u0435\u043b\u044c\u0454\u0444\u0443.<\/p>\n<\/p><\/div>\n<div class=\"module-card glass-card rounded-2xl p-7 shadow-md border border-slate-100 bg-white\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-xl bg-red-50 flex items-center justify-center flex-shrink-0 font-extrabold text-xl text-brand-orange\">2<\/div>\n<p>            <span class=\"text-xs font-bold text-brand-orange bg-red-50 px-3 py-1 rounded-full uppercase\">\u0417\u043e\u043d\u0443\u0432\u0430\u043d\u043d\u044f<\/span>\n          <\/div>\n<h3 class=\"text-lg font-bold text-brand-text mb-2\">\u041c\u0435\u0442\u043e\u0434 \u00abBubble Diagram\u00bb<\/h3>\n<p class=\"text-sm text-slate-500 m-0\">\u0406\u0434\u0435\u0430\u043b\u044c\u043d\u0435 \u0440\u043e\u0437\u0442\u0430\u0448\u0443\u0432\u0430\u043d\u043d\u044f \u0437\u043e\u043d \u0432\u0456\u0434\u043f\u043e\u0447\u0438\u043d\u043a\u0443, \u0431\u0430\u0440\u0431\u0435\u043a\u044e \u0442\u0430 \u0434\u0438\u0442\u044f\u0447\u0438\u0445 \u043c\u0430\u0439\u0434\u0430\u043d\u0447\u0438\u043a\u0456\u0432.<\/p>\n<\/p><\/div>\n<div class=\"module-card glass-card rounded-2xl p-7 shadow-md border border-slate-100 bg-white\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-xl bg-blue-100 flex items-center justify-center flex-shrink-0 font-extrabold text-xl text-brand-blue\">3<\/div>\n<p>            <span class=\"text-xs font-bold text-brand-blue bg-blue-50 px-3 py-1 rounded-full uppercase\">\u0406\u043d\u0436\u0435\u043d\u0435\u0440\u0456\u044f<\/span>\n          <\/div>\n<h3 class=\"text-lg font-bold text-brand-text mb-2\">\u041a\u043e\u043c\u0443\u043d\u0456\u043a\u0430\u0446\u0456\u0457 \u0442\u0430 \u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0456\u0457<\/h3>\n<p class=\"text-sm text-slate-500 m-0\">\u041f\u0440\u043e\u0435\u043a\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u0440\u0435\u043d\u0430\u0436\u0443, \u0441\u0438\u0441\u0442\u0435\u043c \u0430\u0432\u0442\u043e\u043f\u043e\u043b\u0438\u0432\u0443 \u0442\u0430 \u0441\u0446\u0435\u043d\u0430\u0440\u0456\u0457\u0432 \u043e\u0441\u0432\u0456\u0442\u043b\u0435\u043d\u043d\u044f.<\/p>\n<\/p><\/div>\n<div class=\"module-card glass-card rounded-2xl p-7 shadow-md border border-slate-100 bg-white\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-xl bg-red-50 flex items-center justify-center flex-shrink-0 font-extrabold text-lg text-brand-orange\">4-5<\/div>\n<p>            <span class=\"text-xs font-bold text-brand-orange bg-red-50 px-3 py-1 rounded-full uppercase\">\u0424\u043b\u043e\u0440\u0430<\/span>\n          <\/div>\n<h3 class=\"text-lg font-bold text-brand-text mb-2\">\u0421\u0432\u0456\u0442 \u0420\u043e\u0441\u043b\u0438\u043d<\/h3>\n<p class=\"text-sm text-slate-500 m-0\">\u0416\u0438\u0432\u0456 \u043e\u0433\u043e\u0440\u043e\u0436\u0456, \u043c\u0456\u043a\u0441\u0431\u043e\u0440\u0434\u0435\u0440\u0438, \u0432\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u0435 \u043e\u0437\u0435\u043b\u0435\u043d\u0435\u043d\u043d\u044f. \u041a\u0432\u0456\u0442\u043d\u0438\u043a\u0438 \u0431\u0435\u0437\u043f\u0435\u0440\u0435\u0440\u0432\u043d\u043e\u0433\u043e \u0446\u0432\u0456\u0442\u0456\u043d\u043d\u044f.<\/p>\n<\/p><\/div>\n<div class=\"module-card glass-card rounded-2xl p-7 shadow-md border border-slate-100 bg-white\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-xl bg-blue-100 flex items-center justify-center flex-shrink-0 font-extrabold text-xl text-brand-blue\">6<\/div>\n<p>            <span class=\"text-xs font-bold text-brand-blue bg-blue-50 px-3 py-1 rounded-full uppercase\">\u0413\u043e\u0440\u043e\u0434<\/span>\n          <\/div>\n<h3 class=\"text-lg font-bold text-brand-text mb-2\">\u0424\u0443\u043d\u043a\u0446\u0456\u043e\u043d\u0430\u043b\u044c\u043d\u0435 \u041e\u0437\u0435\u043b\u0435\u043d\u043d\u0435<\/h3>\n<p class=\"text-sm text-slate-500 m-0\">\u0412\u0438\u0441\u043e\u043a\u0456 \u0433\u0440\u044f\u0434\u043a\u0438, \u043f\u0440\u044f\u043d\u0456 \u0442\u0440\u0430\u0432\u0438 \u0442\u0430 \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u0438\u0439 \u0433\u0430\u0437\u043e\u043d. \u042f\u043a \u0437\u0440\u043e\u0431\u0438\u0442\u0438 \u0433\u043e\u0440\u043e\u0434 \u043a\u0440\u0430\u0441\u0438\u0432\u0438\u043c.<\/p>\n<\/p><\/div>\n<div class=\"module-card glass-card rounded-2xl p-7 shadow-md border border-slate-100 bg-white\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-xl bg-red-50 flex items-center justify-center flex-shrink-0 font-extrabold text-xl text-brand-orange\">7<\/div>\n<p>            <span class=\"text-xs font-bold text-brand-orange bg-red-50 px-3 py-1 rounded-full uppercase\">\u0414\u043e\u0433\u043b\u044f\u0434<\/span>\n          <\/div>\n<h3 class=\"text-lg font-bold text-brand-text mb-2\">\u0417\u0434\u043e\u0440\u043e\u0432\u2019\u044f \u0421\u0430\u0434\u0443<\/h3>\n<p class=\"text-sm text-slate-500 m-0\">\u00ab\u0410\u043f\u0442\u0435\u0447\u043a\u0430 \u0441\u0430\u0434\u0456\u0432\u043d\u0438\u043a\u0430\u00bb \u2014 \u0437\u0430\u0445\u0438\u0441\u0442 \u0432\u0456\u0434 \u0448\u043a\u0456\u0434\u043d\u0438\u043a\u0456\u0432, \u043b\u0456\u043a\u0443\u0432\u0430\u043d\u043d\u044f \u0445\u0432\u043e\u0440\u043e\u0431 \u0442\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0430 \u043f\u043e\u0441\u0430\u0434\u043a\u0430.<\/p>\n<\/p><\/div>\n<div class=\"module-card glass-card rounded-2xl p-7 shadow-md border-2 border-brand-orange bg-red-50\/20 md:col-span-2 lg:col-span-3 max-w-3xl mx-auto w-full\">\n<div class=\"flex items-center gap-3 mb-4\">\n<div class=\"w-12 h-12 rounded-xl bg-brand-orange flex items-center justify-center flex-shrink-0 font-extrabold text-xl text-white shadow-lg\">8<\/div>\n<p>            <span class=\"text-xs font-bold text-white bg-brand-orange px-3 py-1 rounded-full uppercase\">\u0424\u0456\u043d\u0430\u043b<\/span>\n          <\/div>\n<h3 class=\"text-xl font-bold text-brand-orange mb-2\">\u0424\u0456\u043d\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u044f \u0442\u0430 \u0411\u044e\u0434\u0436\u0435\u0442<\/h3>\n<p class=\"text-sm text-slate-600 m-0\">\u0417\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0413\u0435\u043d\u043f\u043b\u0430\u043d\u0443 \u0442\u0430 \u0441\u043a\u043b\u0430\u0434\u0430\u043d\u043d\u044f \u043a\u043e\u0448\u0442\u043e\u0440\u0438\u0441\u0443 \u0432 Excel. \u0412\u0438 \u0437\u043d\u0430\u0442\u0438\u043c\u0435\u0442\u0435 \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u0441\u0430\u0434\u0443 \u0434\u043e \u043a\u043e\u043f\u0456\u0439\u043a\u0438.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section id=\"reviews\" class=\"py-16 px-6 bg-slate-50 border-t border-slate-200\">\n<div class=\"max-w-6xl mx-auto\">\n<h2 class=\"text-3xl md:text-4xl font-bold text-center text-brand-text mb-4\">\u0406\u0441\u0442\u043e\u0440\u0456\u0457 <span class=\"text-brand-orange\">\u0443\u0441\u043f\u0456\u0445\u0443<\/span><\/h2>\n<p class=\"text-center text-slate-500 mb-12 max-w-2xl mx-auto\">\u0406\u0441\u0442\u043e\u0440\u0456\u0457 \u0442\u0438\u0445, \u0445\u0442\u043e \u0432\u0436\u0435 \u0441\u0442\u0432\u043e\u0440\u0438\u0432 \u0441\u0432\u0456\u0439 \u0456\u0434\u0435\u0430\u043b\u044c\u043d\u0438\u0439 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442.<\/p>\n<div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n<div class=\"glass-card rounded-2xl p-8 border border-slate-100 bg-white relative\">\n<div class=\"absolute -top-3 -left-3 text-brand-orange\/20\"><svg class=\"w-12 h-12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg><\/div>\n<div class=\"flex items-center gap-4 mb-5 relative z-10\">\n<div class=\"w-16 h-16 rounded-full flex items-center justify-center font-extrabold text-xl bg-blue-100 text-brand-blue\">\u041d\u041a<\/div>\n<div>\n<h4 class=\"font-bold text-lg text-brand-text m-0\">\u041d\u0430\u0442\u0430\u043b\u0456\u044f \u041a\u043e\u0432\u0430\u043b\u044c<\/h4>\n<p class=\"text-sm text-slate-500 m-0\">\u0412\u043b\u0430\u0441\u043d\u0438\u0446\u044f \u0431\u0443\u0434\u0438\u043d\u043a\u0443, \u041a\u0438\u0457\u0432<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"text-sm text-slate-600 leading-relaxed m-0 relative z-10\">&#171;\u0422\u0435\u043f\u0435\u0440 \u043c\u0456\u0439 \u0441\u0430\u0434 \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u044f\u043a \u0437 \u043e\u0431\u043a\u043b\u0430\u0434\u0438\u043d\u043a\u0438 \u0436\u0443\u0440\u043d\u0430\u043b\u0443. \u041d\u0430\u0439\u043a\u043e\u0440\u0438\u0441\u043d\u0456\u0448\u0438\u043c \u0431\u0443\u0432 \u043c\u043e\u0434\u0443\u043b\u044c \u043f\u0440\u043e \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u043a\u0432\u0456\u0442\u043d\u0438\u043a\u0456\u0432 \u0431\u0435\u0437\u043f\u0435\u0440\u0435\u0440\u0432\u043d\u043e\u0433\u043e \u0446\u0432\u0456\u0442\u0456\u043d\u043d\u044f.&#187;<\/p>\n<\/p><\/div>\n<div class=\"glass-card rounded-2xl p-8 border border-slate-100 bg-white relative\">\n<div class=\"absolute -top-3 -left-3 text-brand-orange\/20\"><svg class=\"w-12 h-12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg><\/div>\n<div class=\"flex items-center gap-4 mb-5 relative z-10\">\n<div class=\"w-16 h-16 rounded-full flex items-center justify-center font-extrabold text-xl bg-blue-100 text-brand-blue\">\u041e\u041c<\/div>\n<div>\n<h4 class=\"font-bold text-lg text-brand-text m-0\">\u041e\u043b\u0435\u043a\u0441\u0456\u0439 \u041c\u0435\u043b\u044c\u043d\u0438\u043a<\/h4>\n<p class=\"text-sm text-slate-500 m-0\">\u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"text-sm text-slate-600 leading-relaxed m-0 relative z-10\">&#171;\u041f\u0440\u043e\u0444\u0435\u0441\u0456\u0439\u043d\u0438\u0439 \u043f\u0456\u0434\u0445\u0456\u0434. \u041c\u043e\u0434\u0443\u043b\u0456 \u0437 \u0456\u043d\u0436\u0435\u043d\u0435\u0440\u0456\u0457 \u0442\u0430 \u0432\u043e\u0434\u043e\u0432\u0456\u0434\u0432\u0435\u0434\u0435\u043d\u043d\u044f \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u043b\u0438 \u0432\u0438\u0440\u0456\u0448\u0438\u0442\u0438 \u0434\u0430\u0432\u043d\u044e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0443 \u043d\u0430 \u0434\u0456\u043b\u044f\u043d\u0446\u0456. \u0414\u0443\u0436\u0435 \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e!&#187;<\/p>\n<\/p><\/div>\n<div class=\"glass-card rounded-2xl p-8 border border-slate-100 bg-white relative\">\n<div class=\"absolute -top-3 -left-3 text-brand-orange\/20\"><svg class=\"w-12 h-12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\"\/><path d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\"\/><\/svg><\/div>\n<div class=\"flex items-center gap-4 mb-5 relative z-10\">\n<div class=\"w-16 h-16 rounded-full flex items-center justify-center font-extrabold text-xl bg-blue-100 text-brand-blue\">\u041e\u0421<\/div>\n<div>\n<h4 class=\"font-bold text-lg text-brand-text m-0\">\u041e\u043b\u0435\u043d\u0430 \u0421\u0438\u0434\u043e\u0440\u0435\u043d\u043a\u043e<\/h4>\n<p class=\"text-sm text-slate-500 m-0\">\u0412\u043b\u0430\u0441\u043d\u0438\u0446\u044f \u0431\u0443\u0434\u0438\u043d\u043a\u0443, \u041e\u0434\u0435\u0441\u0430<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<p class=\"text-sm text-slate-600 leading-relaxed m-0 relative z-10\">&#171;\u041a\u0443\u0440\u0441 \u043f\u0435\u0440\u0435\u0432\u0435\u0440\u0448\u0438\u0432 \u0443\u0441\u0456 \u043c\u043e\u0457 \u0441\u043f\u043e\u0434\u0456\u0432\u0430\u043d\u043d\u044f! \u0422\u0435\u043f\u0435\u0440 \u043c\u043e\u044f \u0434\u0456\u043b\u044f\u043d\u043a\u0430 \u0432\u0438\u0433\u043b\u044f\u0434\u0430\u0454 \u043d\u0435\u0439\u043c\u043e\u0432\u0456\u0440\u043d\u043e. \u041e\u0441\u043e\u0431\u043b\u0438\u0432\u043e \u0432\u0434\u044f\u0447\u043d\u0430 \u0437\u0430 \u0437\u043d\u0430\u043d\u043d\u044f \u0437 \u0444\u043b\u043e\u0440\u0438\u0441\u0442\u0438\u043a\u0438.&#187;<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"py-16 px-6 bg-white border-t border-slate-200\">\n<div class=\"max-w-5xl mx-auto\">\n<h2 class=\"text-3xl md:text-4xl font-bold text-center text-brand-text mb-10\">\u041e\u0441\u043e\u0431\u043b\u0438\u0432\u043e\u0441\u0442\u0456 \u0444\u043e\u0440\u043c\u0430\u0442\u0443 <span class=\"text-brand-blue\">Smart Online<\/span><\/h2>\n<div class=\"grid sm:grid-cols-2 gap-6\">\n<div class=\"glass-card rounded-2xl p-6 border border-slate-100 bg-blue-50\/50 flex items-start gap-4\">\n<div class=\"w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center flex-shrink-0\"><svg class=\"w-6 h-6 text-brand-blue\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m22 8-6 4 6 4V8Z\"\/><rect width=\"14\" height=\"12\" x=\"2\" y=\"6\" rx=\"2\" ry=\"2\"\/><\/svg><\/div>\n<div>\n<h4 class=\"font-bold text-brand-text mb-1 text-lg\">\u0421\u0435\u0440\u0456\u044f \u0432\u0456\u0434\u0435\u043e\u0443\u0440\u043e\u043a\u0456\u0432<\/h4>\n<p class=\"text-sm text-slate-600 m-0\">\u0417\u0440\u0443\u0447\u043d\u0456 \u0442\u0430 \u0437\u043c\u0456\u0441\u0442\u043e\u0432\u043d\u0456 \u0432\u0456\u0434\u0435\u043e \u043f\u043e 20 \u0445\u0432\u0438\u043b\u0438\u043d.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"glass-card rounded-2xl p-6 border border-slate-100 bg-blue-50\/50 flex items-start gap-4\">\n<div class=\"w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center flex-shrink-0\"><svg class=\"w-6 h-6 text-brand-blue\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\" ry=\"2\"\/><circle cx=\"9\" cy=\"9\" r=\"2\"\/><path d=\"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21\"\/><\/svg><\/div>\n<div>\n<h4 class=\"font-bold text-brand-text mb-1 text-lg\">\u041d\u0430\u043e\u0447\u043d\u0456 \u043c\u0430\u0442\u0435\u0440\u0456\u0430\u043b\u0438<\/h4>\n<p class=\"text-sm text-slate-600 m-0\">\u0412\u0456\u0434\u0435\u043e \u0437 \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0456\u044f\u043c\u0438, \u043a\u0440\u0435\u0441\u043b\u0435\u043d\u043d\u044f\u043c\u0438 \u0442\u0430 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0430\u043c\u0438.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"glass-card rounded-2xl p-6 border border-slate-100 bg-blue-50\/50 flex items-start gap-4\">\n<div class=\"w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center flex-shrink-0\"><svg class=\"w-6 h-6 text-brand-blue\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><\/div>\n<div>\n<h4 class=\"font-bold text-brand-text mb-1 text-lg\">\u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0456 \u0437\u0430\u0432\u0434\u0430\u043d\u043d\u044f<\/h4>\n<p class=\"text-sm text-slate-600 m-0\">\u041e\u0431\u043e\u0432&#8217;\u044f\u0437\u043a\u043e\u0432\u0430 \u043f\u0440\u0430\u043a\u0442\u0438\u043a\u0430 \u0442\u0430 \u0437\u0430\u043a\u0440\u0456\u043f\u043b\u0435\u043d\u043d\u044f \u0443 \u043a\u043e\u0436\u043d\u043e\u043c\u0443 \u0443\u0440\u043e\u0446\u0456.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"glass-card rounded-2xl p-6 border border-slate-100 bg-blue-50\/50 flex items-start gap-4\">\n<div class=\"w-12 h-12 rounded-full bg-blue-100 flex items-center justify-center flex-shrink-0\"><svg class=\"w-6 h-6 text-brand-blue\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89 17 22l-5-3-5 3 1.523-9.11\"\/><\/svg><\/div>\n<div>\n<h4 class=\"font-bold text-brand-text mb-1 text-lg\">\u0421\u0435\u0440\u0442\u0438\u0444\u0456\u043a\u0430\u0442<\/h4>\n<p class=\"text-sm text-slate-600 m-0\">\u041e\u0444\u0456\u0446\u0456\u0439\u043d\u0438\u0439 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442 \u043f\u0456\u0441\u043b\u044f \u0444\u0456\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0442\u0435\u0441\u0442\u0443\u0432\u0430\u043d\u043d\u044f.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"glass-card rounded-2xl p-6 border border-slate-100 bg-red-50\/50 flex items-start gap-4 sm:col-span-2\">\n<div class=\"w-12 h-12 rounded-full bg-red-100 flex items-center justify-center flex-shrink-0\"><svg class=\"w-6 h-6 text-brand-orange\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect width=\"20\" height=\"14\" x=\"2\" y=\"7\" rx=\"2\" ry=\"2\"\/><path d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\/><\/svg><\/div>\n<div>\n<h4 class=\"font-bold text-brand-text mb-1 text-lg\">\u0424\u0456\u043d\u0430\u043d\u0441\u043e\u0432\u0456 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0438<\/h4>\n<p class=\"text-sm text-slate-600 m-0\">\u0413\u043e\u0442\u043e\u0432\u0456 \u0448\u0430\u0431\u043b\u043e\u043d\u0438, \u043a\u043e\u0448\u0442\u043e\u0440\u0438\u0441\u0438 \u0442\u0430 \u0437\u043d\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u0441\u0442\u0430\u0440\u0442\u0443 \u0432\u043b\u0430\u0441\u043d\u043e\u0457 \u0441\u043f\u0440\u0430\u0432\u0438.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"py-16 px-6 bg-slate-50 border-t border-slate-200\">\n<div class=\"max-w-3xl mx-auto\">\n<h2 class=\"text-3xl md:text-4xl font-bold text-center text-brand-text mb-10\">\u0427\u0430\u0441\u0442\u0456 <span class=\"text-brand-blue\">\u0437\u0430\u043f\u0438\u0442\u0430\u043d\u043d\u044f<\/span><\/h2>\n<div class=\"bg-white rounded-3xl p-6 sm:p-10 shadow-sm border border-slate-100\">\n<details class=\"faq-item\">\n<summary>\n            <span>\u0427\u0438 \u043f\u043e\u0442\u0440\u0456\u0431\u043d\u0430 \u043c\u0435\u043d\u0456 \u0445\u0443\u0434\u043e\u0436\u043d\u044f \u0447\u0438 \u0430\u0440\u0445\u0456\u0442\u0435\u043a\u0442\u0443\u0440\u043d\u0430 \u043e\u0441\u0432\u0456\u0442\u0430?<\/span><br \/>\n            <svg class=\"w-6 h-6 faq-icon flex-shrink-0 ml-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><br \/>\n          <\/summary>\n<div class=\"faq-answer\">\n            \u041d\u0456, \u043c\u0438 \u043d\u0430\u0432\u0447\u0430\u0454\u043c\u043e \u0432\u0441\u0456\u043c \u043e\u0441\u043d\u043e\u0432\u0430\u043c \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0456\u0457 \u0442\u0430 \u043a\u0440\u0435\u0441\u043b\u0435\u043d\u043d\u044f \u0437 \u043d\u0443\u043b\u044f. \u0413\u043e\u043b\u043e\u0432\u043d\u0435 \u2014 \u0432\u0430\u0448\u0435 \u0431\u0430\u0436\u0430\u043d\u043d\u044f \u0441\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u043a\u0440\u0430\u0441\u0443.\n          <\/div>\n<\/details>\n<details class=\"faq-item\">\n<summary>\n            <span>\u042f\u043a\u0456 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0438 \u0434\u043b\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u043c\u0438 \u0431\u0443\u0434\u0435\u043c\u043e \u0432\u0438\u0432\u0447\u0430\u0442\u0438?<\/span><br \/>\n            <svg class=\"w-6 h-6 faq-icon flex-shrink-0 ml-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"m6 9 6 6 6-6\"\/><\/svg><br \/>\n          <\/summary>\n<div class=\"faq-answer\">\n            \u041f\u0440\u043e\u0433\u0440\u0430\u043c\u0430 \u2014 \u0446\u0435 \u043b\u0438\u0448\u0435 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442. \u0411\u0435\u0437 \u0440\u043e\u0437\u0443\u043c\u0456\u043d\u043d\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0440\u0443 \u0442\u0430 \u0437\u0430\u043a\u043e\u043d\u0456\u0432 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0456\u0457 \u0436\u043e\u0434\u0435\u043d \u0441\u043e\u0444\u0442 \u043d\u0435 \u0441\u0442\u0432\u043e\u0440\u0438\u0442\u044c \u0434\u0438\u0437\u0430\u0439\u043d \u0437\u0430 \u0432\u0430\u0441. \u0422\u043e\u043c\u0443 \u043d\u0430 \u043a\u0443\u0440\u0441\u0456 \u043c\u0438 \u0441\u043f\u043e\u0447\u0430\u0442\u043a\u0443 \u043d\u0430\u0432\u0447\u0438\u043c\u043e \u0432\u0430\u0441 \u00ab\u0432\u0456\u0434\u0447\u0443\u0432\u0430\u0442\u0438\u00bb \u0434\u0456\u043b\u044f\u043d\u043a\u0443, \u0440\u043e\u0437\u0443\u043c\u0456\u0442\u0438 \u0435\u0440\u0433\u043e\u043d\u043e\u043c\u0456\u043a\u0443 \u0442\u0430 \u043c\u0438\u0441\u043b\u0438\u0442\u0438 \u044f\u043a \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440, \u0430 \u0432\u0436\u0435 \u043f\u043e\u0442\u0456\u043c \u0440\u043e\u0437\u0431\u0435\u0440\u0435\u043c\u043e \u043e\u0441\u043d\u043e\u0432\u0438 \u0440\u043e\u0431\u043e\u0442\u0438 \u0432 \u043d\u0430\u0439\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0456\u0448\u0438\u0445 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u0438\u0445 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u0430\u0445 \u0434\u043b\u044f \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u043d\u044f \u0432\u0456\u0437\u0443\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0439.\n          <\/div>\n<\/details><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"py-16 px-6\" style=\"background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);\">\n<div class=\"max-w-4xl mx-auto text-center\">\n<h2 class=\"text-3xl md:text-4xl font-bold text-white mb-10\">\n        \u0425\u043e\u0447\u0435\u0448 \u0434\u0456\u0437\u043d\u0430\u0442\u0438\u0441\u044f \u0441\u043a\u0456\u043b\u044c\u043a\u0438 \u0431\u0443\u0434\u0435\u0448 \u0437\u0430\u0440\u043e\u0431\u043b\u044f\u0442\u0438 <span class=\"text-brand-orange\">\u043f\u0456\u0441\u043b\u044f \u043f\u0440\u043e\u0445\u043e\u0434\u0436\u0435\u043d\u043d\u044f \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f?<\/span><br \/>\n      <\/h2>\n<div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 flex-wrap\">\n        <a href=\"#popup-test-form\" onclick=\"return false;\" class=\"pp-zakaz-form cta-btn bg-brand-orange hover:bg-[#e66058] text-white shadow-[0_4px_14px_rgba(251,114,106,0.35)] hover:shadow-[0_6px_20px_rgba(251,114,106,0.5)] w-full sm:w-auto justify-center rounded-full px-10 py-5 text-lg\"><br \/>\n          <svg class=\"w-6 h-6 mr-2\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><path d=\"m9 15 2 2 4-4\"\/><\/svg><br \/>\n          <span>\u0417\u0430\u0440\u043e\u0431\u0456\u0442\u043e\u043a \u0442\u0443\u0442<\/span><br \/>\n        <\/a><\/p>\n<p>        <a href=\"#popup-zakaz-form\" onclick=\"return false;\" class=\"pp-zakaz-form cta-btn bg-brand-blue text-white shadow-[0_4px_14px_rgba(0,94,144,0.35)] hover:shadow-[0_6px_20px_rgba(0,94,144,0.5)] w-full sm:w-auto justify-center rounded-full px-10 py-5 text-lg\"><br \/>\n            <svg class=\"w-5 h-5 mr-2\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"9 11 12 14 22 4\"\/><path d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"\/><\/svg><br \/>\n            <span>\u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f \u043d\u0430 \u043a\u0443\u0440\u0441<\/span><br \/>\n        <\/a><\/p>\n<p>        <a href=\"https:\/\/t.me\/atlant_ua\" target=\"_blank\" class=\"cta-btn bg-white\/10 text-white border border-white\/20 hover:bg-white\/20 rounded-full w-full sm:w-auto justify-center px-10 py-5 text-lg transition-colors\"><br \/>\n            <svg class=\"w-5 h-5 mr-2\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 2L11 13\"\/><path d=\"M22 2L15 22L11 13L2 9L22 2z\"\/><\/svg><br \/>\n            <span>\u0417\u0432&#8217;\u044f\u0437\u0430\u0442\u0438\u0441\u044f \u0432 \u0422\u0435\u043b\u0435\u0433\u0440\u0430\u043c<\/span><br \/>\n        <\/a>\n      <\/div>\n<\/p><\/div>\n<\/section>\n<\/div>\n<div id=\"popup-test-form\" class=\"white-popup white-big-popup mfp-hide\">\n<div class=\"zakaz-form\">\n    <script src=\"https:\/\/cdn.tailwindcss.com\/3.4.17\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.263.0\/dist\/umd\/lucide.min.js\"><\/script>\r\n\r\n<style>\r\n    .garden-wrapper {\r\n        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        background: linear-gradient(135deg, #005e90 0%, #003d61 100%);\r\n        color: #333;\r\n        width: 100%;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n    }\r\n    .garden-wrapper * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .garden-wrapper .app-container {\r\n        padding: 20px;\r\n        max-width: 42rem; \/* max-w-2xl *\/\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .garden-wrapper .card {\r\n        background: white;\r\n        border-radius: 12px;\r\n        padding: 24px;\r\n        margin-bottom: 20px;\r\n        box-shadow: 0 4px 15px rgba(0, 94, 144, 0.1);\r\n    }\r\n\r\n    .garden-wrapper .section-title {\r\n        color: #005e90;\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        margin-bottom: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 8px;\r\n    }\r\n\r\n    .garden-wrapper .form-group {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .garden-wrapper label {\r\n        display: block;\r\n        color: #333;\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n        font-size: 14px;\r\n    }\r\n\r\n    .garden-wrapper input[type=\"number\"],\r\n    .garden-wrapper input[type=\"text\"],\r\n    .garden-wrapper select {\r\n        width: 100%;\r\n        padding: 12px;\r\n        border: 2px solid #e0e0e0;\r\n        border-radius: 8px;\r\n        font-size: 14px;\r\n        transition: border-color 0.3s;\r\n        background: white;\r\n    }\r\n\r\n    .garden-wrapper input:focus,\r\n    .garden-wrapper select:focus {\r\n        outline: none;\r\n        border-color: #005e90;\r\n    }\r\n\r\n    .garden-wrapper .checkbox-group {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 12px;\r\n        margin-top: 12px;\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n        .garden-wrapper .checkbox-group {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    .garden-wrapper .checkbox-item {\r\n        background: #f8f8f8;\r\n        border: 2px solid #e0e0e0;\r\n        border-radius: 8px;\r\n        padding: 14px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .garden-wrapper .checkbox-item:hover {\r\n        border-color: #fb726a;\r\n        background: #fff5f4;\r\n    }\r\n\r\n    .garden-wrapper input[type=\"checkbox\"] {\r\n        width: 18px;\r\n        height: 18px;\r\n        cursor: pointer;\r\n        accent-color: #fb726a;\r\n    }\r\n\r\n    .garden-wrapper .checkbox-item input[type=\"checkbox\"]:checked ~ label {\r\n        color: #fb726a;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .garden-wrapper .checkbox-item label {\r\n        margin: 0;\r\n        font-weight: 500;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .garden-wrapper button {\r\n        background: linear-gradient(135deg, #fb726a 0%, #f95844 100%);\r\n        color: white;\r\n        border: none;\r\n        padding: 14px 28px;\r\n        border-radius: 8px;\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        cursor: pointer;\r\n        transition: transform 0.2s, box-shadow 0.2s;\r\n        width: 100%;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .garden-wrapper button:hover {\r\n        transform: translateY(-2px);\r\n        box-shadow: 0 6px 20px rgba(251, 114, 106, 0.3);\r\n    }\r\n\r\n    .garden-wrapper button:active {\r\n        transform: translateY(0);\r\n    }\r\n\r\n    .garden-wrapper .btn-secondary {\r\n        background: #f0f0f0;\r\n        color: #005e90;\r\n        border: 2px solid #005e90;\r\n    }\r\n\r\n    .garden-wrapper .btn-secondary:hover {\r\n        background: #e8e8e8;\r\n        box-shadow: 0 4px 12px rgba(0, 94, 144, 0.15);\r\n    }\r\n\r\n    .garden-wrapper .success-message {\r\n        background: #e8f5e9;\r\n        color: #2e7d32;\r\n        padding: 16px;\r\n        border-radius: 8px;\r\n        margin-bottom: 20px;\r\n        display: none;\r\n        border-left: 4px solid #2e7d32;\r\n    }\r\n\r\n    .garden-wrapper .success-message.show {\r\n        display: block;\r\n        animation: slideIn 0.3s ease-out;\r\n    }\r\n\r\n    @keyframes slideIn {\r\n        from { opacity: 0; transform: translateY(-10px); }\r\n        to { opacity: 1; transform: translateY(0); }\r\n    }\r\n\r\n    .garden-wrapper .badge {\r\n        display: inline-block;\r\n        background: #fb726a;\r\n        color: white;\r\n        padding: 4px 12px;\r\n        border-radius: 20px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        margin-left: 8px;\r\n    }\r\n\r\n    .garden-wrapper .hidden {\r\n        display: none !important;\r\n    }\r\n\r\n    .garden-wrapper .test-header {\r\n        background: linear-gradient(135deg, #fb726a 0%, #f95844 100%);\r\n        color: white;\r\n        padding: 24px;\r\n        border-radius: 12px;\r\n        margin-bottom: 20px;\r\n        text-align: center;\r\n        box-shadow: 0 8px 20px rgba(251, 114, 106, 0.2);\r\n    }\r\n\r\n    .garden-wrapper .test-header h2 {\r\n        font-size: 24px;\r\n        font-weight: 700;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .garden-wrapper .test-header p {\r\n        font-size: 14px;\r\n        opacity: 0.95;\r\n        margin: 0;\r\n    }\r\n\r\n    .garden-wrapper .form-card {\r\n        background: white;\r\n        border-radius: 12px;\r\n        padding: 24px;\r\n        margin-bottom: 20px;\r\n        border: 2px solid #f0f0f0;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    .garden-wrapper .form-card:hover {\r\n        border-color: #005e90;\r\n        box-shadow: 0 6px 20px rgba(0, 94, 144, 0.1);\r\n    }\r\n\r\n    .garden-wrapper .step-number {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 32px;\r\n        height: 32px;\r\n        background: linear-gradient(135deg, #fb726a 0%, #f95844 100%);\r\n        color: white;\r\n        border-radius: 50%;\r\n        font-weight: 700;\r\n        margin-right: 12px;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .garden-wrapper .progress-bar {\r\n        height: 4px;\r\n        background: #e0e0e0;\r\n        border-radius: 2px;\r\n        margin-bottom: 24px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .garden-wrapper .progress-fill {\r\n        height: 100%;\r\n        background: linear-gradient(90deg, #fb726a 0%, #f95844 100%);\r\n        width: 33%;\r\n        transition: width 0.3s ease;\r\n        border-radius: 2px;\r\n    }\r\n\r\n    .garden-wrapper .option-card {\r\n        background: #f8f8f8;\r\n        border: 2px solid #e0e0e0;\r\n        border-radius: 8px;\r\n        padding: 16px;\r\n        margin-bottom: 12px;\r\n        cursor: pointer;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    .garden-wrapper .option-card:hover {\r\n        border-color: #005e90;\r\n        background: #f0f6fb;\r\n        transform: translateX(4px);\r\n    }\r\n\r\n    .garden-wrapper .option-card.selected {\r\n        border-color: #fb726a;\r\n        background: #fff5f4;\r\n    }\r\n\r\n    .garden-wrapper .emoji-icon {\r\n        font-size: 20px;\r\n        margin-right: 4px;\r\n    }\r\n\r\n    .garden-wrapper .info-box {\r\n        background: linear-gradient(135deg, rgba(0, 94, 144, 0.05) 0%, rgba(251, 114, 106, 0.05) 100%);\r\n        border-left: 4px solid #005e90;\r\n        padding: 16px;\r\n        border-radius: 8px;\r\n        margin-bottom: 16px;\r\n        font-size: 13px;\r\n        color: #555;\r\n    }\r\n\r\n    .garden-wrapper .results-grid {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr;\r\n        gap: 16px;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n        .garden-wrapper .results-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n    }\r\n\r\n    .garden-wrapper .result-card {\r\n        background: white;\r\n        border-left: 4px solid #005e90;\r\n        border-radius: 8px;\r\n        padding: 16px;\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);\r\n    }\r\n\r\n    .garden-wrapper .result-card:nth-child(2) {\r\n        border-left-color: #fb726a;\r\n    }\r\n\r\n    .garden-wrapper .result-card-label {\r\n        font-size: 12px;\r\n        color: #666;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        margin-bottom: 8px;\r\n    }\r\n\r\n    .garden-wrapper .result-card-value {\r\n        font-size: 28px;\r\n        font-weight: 700;\r\n        color: #005e90;\r\n    }\r\n\r\n    .garden-wrapper .result-card:nth-child(2) .result-card-value {\r\n        color: #fb726a;\r\n    }\r\n<\/style>\r\n\r\n<div class=\"garden-wrapper\">\r\n  <div class=\"app-container\">\r\n    <div class=\"test-header\">\r\n      <h2>\ud83c\udf3f \u041a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0442\u043e\u0440 \u0441\u0430\u0434\u0443<\/h2>\r\n      <p>\u0414\u0456\u0437\u043d\u0430\u0439\u0441\u044f \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u043c\u0440\u0456\u0439\u043d\u043e\u0433\u043e \u0441\u0430\u0434\u0443 \u0442\u0430 \u0441\u0432\u0456\u0439 \u043f\u043e\u0442\u0435\u043d\u0446\u0456\u0439\u043d\u0438\u0439 \u0437\u0430\u0440\u043e\u0431\u0456\u0442\u043e\u043a!<\/p>\r\n    <\/div>\r\n    \r\n    <div class=\"progress-bar\">\r\n      <div class=\"progress-fill\" id=\"progressFill\"><\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"form-card\">\r\n      <div class=\"section-title\"><span class=\"step-number\">1<\/span>\r\n        <h3 style=\"margin:0; font-size:18px; color:#333;\">\u0420\u043e\u0437\u043a\u0430\u0436\u0438 \u043f\u0440\u043e \u0441\u0432\u0456\u0439 \u0441\u0430\u0434<\/h3>\r\n      <\/div>\r\n      <div class=\"info-box\">\r\n        \ud83d\udca1 \u0417\u0430\u043b\u0438\u0448 \u043f\u043e\u0434\u0440\u043e\u0431\u0438\u0446\u0456 \u043f\u0440\u043e \u0442\u0432\u0456\u0439 \u043c\u0430\u0439\u0431\u0443\u0442\u043d\u0456\u0439 \u0441\u0430\u0434. \u0422\u0430\u043a \u043c\u0438 \u0437\u043c\u043e\u0436\u0435\u043c\u043e \u0442\u043e\u0447\u043d\u0456\u0448\u0435 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u0432\u0430\u0442\u0438 \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c.\r\n      <\/div>\r\n      \r\n      <div class=\"form-group\">\r\n        <label for=\"area\"><span class=\"emoji-icon\">\ud83d\udccf<\/span>\u041f\u043b\u043e\u0449\u0430 \u0434\u0456\u043b\u044f\u043d\u043a\u0438 (\u0441\u043e\u0442\u043a\u0438)<\/label> \r\n        <input type=\"number\" id=\"area\" min=\"0.5\" max=\"100\" step=\"0.5\" value=\"6\" placeholder=\"\u0412\u0432\u0435\u0434\u0456\u0442\u044c \u043f\u043b\u043e\u0449\u0443\">\r\n      <\/div>\r\n      \r\n      <div class=\"form-group\">\r\n        <label for=\"style\"><span class=\"emoji-icon\">\ud83c\udfa8<\/span>\u0421\u0442\u0438\u043b\u044c \u0441\u0430\u0434\u0443<\/label>\r\n        <div id=\"styleOptions\">\r\n          <div class=\"option-card selected\" data-style=\"minimalism\"><strong>\u041c\u0456\u043d\u0456\u043c\u0430\u043b\u0456\u0437\u043c<\/strong>\r\n            <p style=\"font-size: 12px; color: #999; margin-top: 4px;\">\u041f\u0440\u043e\u0441\u0442\u043e, \u0435\u043b\u0435\u0433\u0430\u043d\u0442\u043d\u043e, \u043c\u043e\u0434\u043d\u043e<\/p>\r\n          <\/div>\r\n          <div class=\"option-card\" data-style=\"english\"><strong>English Cottage \ud83c\udf39<\/strong>\r\n            <p style=\"font-size: 12px; color: #999; margin-top: 4px;\">\u0420\u043e\u043c\u0430\u043d\u0442\u0438\u0447\u043d\u0438\u0439, \u043f\u0438\u0448\u043d\u0438\u0439 \u0441\u0430\u0434<\/p>\r\n          <\/div>\r\n          <div class=\"option-card\" data-style=\"eco\"><strong>\u0415\u043a\u043e-\u043b\u0456\u0441 \ud83c\udf33<\/strong>\r\n            <p style=\"font-size: 12px; color: #999; margin-top: 4px;\">\u041f\u0440\u0438\u0440\u043e\u0434\u043d\u0430 \u0433\u0430\u0440\u043c\u043e\u043d\u0456\u044f<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <select id=\"style\" style=\"display: none;\"> \r\n          <option value=\"minimalism\">\u041c\u0456\u043d\u0456\u043c\u0430\u043b\u0456\u0437\u043c<\/option> \r\n          <option value=\"english\">English Cottage (\u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u0438\u0439 \u0441\u0430\u0434)<\/option> \r\n          <option value=\"eco\">\u0415\u043a\u043e-\u043b\u0456\u0441<\/option> \r\n        <\/select>\r\n      <\/div>\r\n      \r\n      <div class=\"form-group\">\r\n        <label><span class=\"emoji-icon\">\u2728<\/span>\u0414\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u0456 \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0438<\/label>\r\n        <div class=\"checkbox-group\">\r\n          <div class=\"checkbox-item\">\r\n            <input type=\"checkbox\" id=\"gazebo\" value=\"gazebo\"> <label for=\"gazebo\"><strong>\u0410\u043b\u044c\u0442\u0430\u043d\u043a\u0430<\/strong><br><span style=\"font-size: 12px; color: #999;\">+25 000 \u20b4<\/span><\/label>\r\n          <\/div>\r\n          <div class=\"checkbox-item\">\r\n            <input type=\"checkbox\" id=\"irrigation\" value=\"irrigation\"> <label for=\"irrigation\"><strong>\u0410\u0432\u0442\u043e\u043f\u043e\u043b\u0438\u0432<\/strong><br><span style=\"font-size: 12px; color: #999;\">+15 000 \u20b4<\/span><\/label>\r\n          <\/div>\r\n          <div class=\"checkbox-item\">\r\n            <input type=\"checkbox\" id=\"lighting\" value=\"lighting\"> <label for=\"lighting\"><strong>\u041e\u0441\u0432\u0456\u0442\u043b\u0435\u043d\u043d\u044f<\/strong><br><span style=\"font-size: 12px; color: #999;\">+12 000 \u20b4<\/span><\/label>\r\n          <\/div>\r\n          <div class=\"checkbox-item\">\r\n            <input type=\"checkbox\" id=\"stone\" value=\"stone\"> <label for=\"stone\"><strong>\u041a\u0430\u043c\u0456\u043d\u044c\/\u043c\u043e\u0449\u0435\u043d\u043d\u044f<\/strong><br><span style=\"font-size: 12px; color: #999;\">+18 000 \u20b4<\/span><\/label>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"form-group\">\r\n        <label for=\"level\"><span class=\"emoji-icon\">\ud83d\udc64<\/span>\u0422\u0432\u0456\u0439 \u0440\u0456\u0432\u0435\u043d\u044c \u043a\u043e\u043c\u043f\u0435\u0442\u0435\u043d\u0446\u0456\u0457<\/label>\r\n        <div id=\"levelOptions\">\r\n          <div class=\"option-card selected\" data-level=\"beginner\"><strong>\u041f\u043e\u0447\u0430\u0442\u043a\u0456\u0432\u0435\u0446\u044c<\/strong>\r\n            <p style=\"font-size: 12px; color: #999; margin-top: 4px; margin-bottom: 0;\">\u0411\u0430\u0437\u043e\u0432\u0438\u0439 \u043a\u043e\u0448\u0442\u043e\u0440\u0438\u0441 <span class=\"badge\">5 000 \u20b4<\/span><\/p>\r\n          <\/div>\r\n          <div class=\"option-card\" data-level=\"pro\"><strong>\u041f\u0440\u043e\u0444\u0435\u0441\u0456\u043e\u043d\u0430\u043b<\/strong>\r\n            <p style=\"font-size: 12px; color: #999; margin-top: 4px; margin-bottom: 0;\">3D-\u0432\u0456\u0437\u0443\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u044f + \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u0438\u0439 <span class=\"badge\">15 000 \u20b4<\/span><\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <select id=\"level\" style=\"display: none;\"> \r\n          <option value=\"beginner\">\u041f\u043e\u0447\u0430\u0442\u043a\u0456\u0432\u0435\u0446\u044c<\/option> \r\n          <option value=\"pro\">\u041f\u0440\u043e\u0444\u0435\u0441\u0456\u043e\u043d\u0430\u043b<\/option> \r\n        <\/select>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"form-card\">\r\n      <div class=\"section-title\"><span class=\"step-number\">2<\/span>\r\n        <h3 style=\"margin:0; font-size:18px; color:#333;\">\u0417\u0430\u043b\u0438\u0448 \u0441\u0432\u0456\u0439 \u043a\u043e\u043d\u0442\u0430\u043a\u0442<\/h3>\r\n      <\/div>\r\n      <div class=\"info-box\">\r\n        \ud83d\udcf1 \u0412\u0432\u0435\u0434\u0438 \u043a\u043e\u043d\u0442\u0430\u043a\u0442 \u0434\u043b\u044f \u0441\u043f\u0435\u0446\u0456\u0430\u043b\u044c\u043d\u043e\u0457 \u043f\u0440\u043e\u043f\u043e\u0437\u0438\u0446\u0456\u0457 \u0442\u0430 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0443 \u0442\u0432\u043e\u0433\u043e \u0437\u0430\u0440\u043e\u0431\u0456\u0442\u043a\u0443\r\n      <\/div>\r\n      <div class=\"form-group\">\r\n        <label for=\"contact\"><span class=\"emoji-icon\">\ud83d\udcac<\/span>\u0412\u0430\u0448 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0438\u0439 \u043d\u043e\u043c\u0435\u0440 (Telegram\/Viber):<\/label> \r\n        <input type=\"text\" id=\"contact\" placeholder=\"+38(0XX)XXX-XX-XX \u0430\u0431\u043e @username\">\r\n      <\/div>\r\n      <div style=\"margin-top: 24px;\">\r\n        <button id=\"calculateBtn\">\u2728 \u0420\u043e\u0437\u0440\u0430\u0445\u0443\u0432\u0430\u0442\u0438<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div id=\"resultsSection\" class=\"hidden\">\r\n      <div class=\"success-message\" id=\"successMessage\" style=\"display: block;\">\r\n        \u2705 \u041a\u043e\u043d\u0442\u0430\u043a\u0442 \u0437\u0430\u043f\u0438\u0441\u0430\u043d\u0438\u0439! \u041e\u0441\u044c \u0432\u0430\u0448 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a:\r\n      <\/div>\r\n      \r\n      <div class=\"results-grid\" id=\"resultsContainer\">\r\n        <div class=\"result-card\">\r\n          <div class=\"result-card-label\">\ud83d\udcb0 \u0411\u044e\u0434\u0436\u0435\u0442 \u043a\u043b\u0456\u0454\u043d\u0442\u0430<\/div>\r\n          <div class=\"result-card-value\" id=\"clientBudget\">0 \u20b4<\/div>\r\n        <\/div>\r\n        <div class=\"result-card\">\r\n          <div class=\"result-card-label\">\ud83d\udcb5 \u0422\u0432\u0456\u0439 \u0437\u0430\u0440\u043e\u0431\u0456\u0442\u043e\u043a (\u043a\u043e\u043c\u0456\u0441\u0456\u044f)<\/div>\r\n          <div class=\"result-card-value\" id=\"designerEarnings\">0 \u20b4<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div style=\"text-align: center; margin-top: 24px; padding-top: 16px; border-top: 2px solid #e0e0e0;\">\r\n        <button id=\"resetBtn\" class=\"btn-secondary\" style=\"width: auto;\">\u2190 \u0420\u0435\u0434\u0430\u0433\u0443\u0432\u0430\u0442\u0438 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a<\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  \/\/ \u0411\u0430\u0437\u043e\u0432\u0456 \u0446\u0456\u043d\u0438 \u0437\u0430 \u0441\u043e\u0442\u043a\u0443 \u0434\u043b\u044f \u043a\u043e\u0436\u043d\u043e\u0433\u043e \u0441\u0442\u0438\u043b\u044e (\u0432 \u20b4)\r\n  const stylePrices = {\r\n      minimalism: 8000,\r\n      english: 10000,\r\n      eco: 7500\r\n  };\r\n\r\n  \/\/ \u0412\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432 (\u0432 \u20b4)\r\n  const elementPrices = {\r\n      gazebo: 25000,\r\n      irrigation: 15000,\r\n      lighting: 12000,\r\n      stone: 18000\r\n  };\r\n\r\n  \/\/ \u0424\u0456\u043a\u0441\u043e\u0432\u0430\u043d\u0430 \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0443 \u0437\u0430\u043b\u0435\u0436\u043d\u043e \u0432\u0456\u0434 \u0440\u0456\u0432\u043d\u044f\r\n  const projectFees = {\r\n      beginner: 5000,\r\n      pro: 15000\r\n  };\r\n\r\n  \/\/ \u0412\u0456\u0434\u0441\u043e\u0442\u043e\u043a \u043a\u043e\u043c\u0456\u0441\u0456\u0457 \u0434\u043b\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\r\n  const commissionPercent = 0.10;\r\n\r\n  \/\/ \u0415\u043b\u0435\u043c\u0435\u043d\u0442\u0438 \u0444\u043e\u0440\u043c\u0438\r\n  const areaInput = document.getElementById('area');\r\n  const styleSelect = document.getElementById('style');\r\n  const levelSelect = document.getElementById('level');\r\n  const contactInput = document.getElementById('contact');\r\n  const calculateBtn = document.getElementById('calculateBtn');\r\n  const successMessage = document.getElementById('successMessage');\r\n  const resultsSection = document.getElementById('resultsSection');\r\n  const resetBtn = document.getElementById('resetBtn');\r\n  const progressFill = document.getElementById('progressFill');\r\n\r\n  \/\/ Interactive style selection\r\n  document.querySelectorAll('#styleOptions .option-card').forEach(card => {\r\n      card.addEventListener('click', () => {\r\n          document.querySelectorAll('#styleOptions .option-card').forEach(c => c.classList.remove('selected'));\r\n          card.classList.add('selected');\r\n          styleSelect.value = card.dataset.style;\r\n          calculateCosts();\r\n      });\r\n  });\r\n\r\n  \/\/ Interactive level selection\r\n  document.querySelectorAll('#levelOptions .option-card').forEach(card => {\r\n      card.addEventListener('click', () => {\r\n          document.querySelectorAll('#levelOptions .option-card').forEach(c => c.classList.remove('selected'));\r\n          card.classList.add('selected');\r\n          levelSelect.value = card.dataset.level;\r\n          calculateCosts();\r\n      });\r\n  });\r\n\r\n  \/\/ \u0424\u0443\u043d\u043a\u0446\u0456\u044f \u0434\u043b\u044f \u043f\u043e\u043a\u0430\u0437\u0443 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432 \u043f\u0456\u0441\u043b\u044f \u043d\u0430\u0442\u0438\u0441\u043a\u0430\u043d\u043d\u044f \"\u0420\u043e\u0437\u0440\u0430\u0445\u0443\u0432\u0430\u0442\u0438\"\r\n  function showResults() {\r\n      resultsSection.classList.remove('hidden');\r\n      successMessage.classList.add('show');\r\n      \r\n      \/\/ \u041f\u0440\u043e\u043a\u0440\u0443\u0442\u0438\u0442\u0438 \u0434\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432\r\n      setTimeout(() => {\r\n          resultsSection.scrollIntoView({ behavior: 'smooth' });\r\n      }, 100);\r\n\r\n      \/\/ Update progress bar to 100%\r\n      progressFill.style.width = '100%';\r\n  }\r\n\r\n  \/\/ \u0424\u0443\u043d\u043a\u0446\u0456\u044f \u0434\u043b\u044f \u0441\u043a\u0438\u0434\u0430\u043d\u043d\u044f \u0442\u0430 \u043f\u043e\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f \u0434\u043e \u0444\u043e\u0440\u043c\u0438 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0443\r\n  function resetForm() {\r\n      resultsSection.classList.add('hidden');\r\n      successMessage.classList.remove('show');\r\n      contactInput.value = '';\r\n      contactInput.focus();\r\n      \r\n      \/\/ Reset progress bar to 66%\r\n      progressFill.style.width = '66%';\r\n  }\r\n\r\n  \/\/ \u0424\u0443\u043d\u043a\u0446\u0456\u044f \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0443\r\n  function calculateCosts() {\r\n      const area = parseFloat(areaInput.value) || 1;\r\n      const style = styleSelect.value;\r\n      const level = levelSelect.value;\r\n\r\n      \/\/ \u0411\u0430\u0437\u043e\u0432\u0430 \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u0440\u043e\u0441\u043b\u0438\u043d\r\n      let baseCost = area * stylePrices[style];\r\n\r\n      \/\/ \u0414\u043e\u0434\u0430\u0442\u043a\u043e\u0432\u0456 20% \u0434\u043b\u044f \u0430\u043d\u0433\u043b\u0456\u0439\u0441\u044c\u043a\u043e\u0433\u043e \u0441\u0430\u0434\u0443\r\n      if (style === 'english') {\r\n          baseCost *= 1.2;\r\n      }\r\n\r\n      \/\/ \u0412\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432\r\n      let elementsCost = 0;\r\n      document.querySelectorAll('input[type=\"checkbox\"]:checked').forEach(checkbox => {\r\n          elementsCost += elementPrices[checkbox.value];\r\n      });\r\n\r\n      \/\/ \u0412\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u0440\u043e\u0431\u0456\u0442 (30% \u0432\u0456\u0434 \u0441\u0443\u043c\u0438 \u0440\u043e\u0441\u043b\u0438\u043d + \u0435\u043b\u0435\u043c\u0435\u043d\u0442\u0456\u0432)\r\n      const workCost = (baseCost + elementsCost) * 0.30;\r\n\r\n      \/\/ \u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0430 \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u0440\u0435\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457\r\n      const totalCost = baseCost + elementsCost + workCost;\r\n\r\n      \/\/ \u0412\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0443 (\u043a\u043e\u0448\u0442\u043e\u0440\u0438\u0441)\r\n      const projectCost = projectFees[level];\r\n\r\n      \/\/ \u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0438\u0439 \u0447\u0435\u043a \u0434\u043b\u044f \u043a\u043b\u0456\u0454\u043d\u0442\u0430\r\n      const clientBudget = totalCost + projectCost;\r\n\r\n      \/\/ \u041a\u043e\u043c\u0456\u0441\u0456\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 (10% \u0432\u0456\u0434 \u0432\u0430\u0440\u0442\u043e\u0441\u0442\u0456 \u0440\u0435\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u0457)\r\n      const commission = totalCost * commissionPercent;\r\n\r\n      \/\/ \u0417\u0430\u0433\u0430\u043b\u044c\u043d\u0438\u0439 \u0437\u0430\u0440\u043e\u0431\u0456\u0442\u043e\u043a \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430 (\u043a\u043e\u043c\u0456\u0441\u0456\u044f + \u0432\u0430\u0440\u0442\u0456\u0441\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442\u0443)\r\n      const designerEarnings = commission + projectCost;\r\n\r\n      \/\/ \u041e\u043d\u043e\u0432\u043b\u0435\u043d\u043d\u044f \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432\r\n      document.getElementById('clientBudget').textContent = formatCurrency(clientBudget);\r\n      document.getElementById('designerEarnings').textContent = formatCurrency(designerEarnings);\r\n  }\r\n\r\n  \/\/ \u0424\u043e\u0440\u043c\u0430\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0432\u0430\u043b\u044e\u0442\u0438\r\n  function formatCurrency(value) {\r\n      return new Intl.NumberFormat('uk-UA', {\r\n          style: 'currency',\r\n          currency: 'UAH',\r\n          minimumFractionDigits: 0,\r\n          maximumFractionDigits: 0\r\n      }).format(value);\r\n  }\r\n\r\n  \/\/ \u041e\u0431\u0440\u043e\u0431\u043d\u0438\u043a \u043a\u043d\u043e\u043f\u043a\u0438 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043a\u0443\r\n  calculateBtn.addEventListener('click', (e) => {\r\n      e.preventDefault();\r\n\r\n      const contact = contactInput.value.trim();\r\n\r\n      if (!contact) {\r\n          alert('\u0411\u0443\u0434\u044c \u043b\u0430\u0441\u043a\u0430, \u0432\u0432\u0435\u0434\u0456\u0442\u044c \u0432\u0430\u0448 \u043a\u043e\u043d\u0442\u0430\u043a\u0442 (\u043d\u043e\u043c\u0435\u0440 \u0430\u0431\u043e Telegram)');\r\n          return;\r\n      }\r\n\r\n      \/\/ \u0420\u043e\u0437\u0431\u0438\u0442\u0435 \u043f\u043e\u0441\u0438\u043b\u0430\u043d\u043d\u044f \u0434\u043b\u044f \u043e\u0431\u0445\u043e\u0434\u0443 \u0444\u0430\u0454\u0440\u0432\u043e\u043b\u0456\u0432 \u0445\u043e\u0441\u0442\u0438\u043d\u0433\u0443\r\n      const u1 = 'https:\/\/script.google.com\/macros\/s\/';\r\n      const u2 = 'AKfycbwsagSEeH-RkuPJENoROc7cbskExWxpEcQNhu3K9_1xkX03jE3HI3mNPdkehLpcJo9l';\r\n      const u3 = '\/exec';\r\n      const scriptURL = u1 + u2 + u3;\r\n\r\n      \/\/ \u0412\u0456\u0434\u043f\u0440\u0430\u0432\u043a\u0430 \u0434\u0430\u043d\u0438\u0445 \u0443 \u0444\u043e\u0440\u043c\u0430\u0442\u0456 JSON, \u044f\u043a \u0442\u043e\u0433\u043e \u0447\u0435\u043a\u0430\u0454 \u043d\u043e\u0432\u0438\u0439 \u0441\u043a\u0440\u0438\u043f\u0442\r\n      fetch(scriptURL, { \r\n          method: 'POST', \r\n          mode: 'no-cors',\r\n          headers: { 'Content-Type': 'application\/json' },\r\n          body: JSON.stringify({ phone: contact })\r\n      })\r\n        .then(response => console.log('\u041d\u043e\u043c\u0435\u0440 \u0443\u0441\u043f\u0456\u0448\u043d\u043e \u0432\u0456\u0434\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e!'))\r\n        .catch(error => console.error('\u041f\u043e\u043c\u0438\u043b\u043a\u0430 \u0432\u0456\u0434\u043f\u0440\u0430\u0432\u043a\u0438!', error.message));\r\n\r\n      \/\/ \u041f\u043e\u043a\u0430\u0437 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0456\u0432\r\n      showResults();\r\n  });\r\n\r\n  \/\/ \u041e\u0431\u0440\u043e\u0431\u043d\u0438\u043a \u043a\u043d\u043e\u043f\u043a\u0438 \u043f\u043e\u0432\u0435\u0440\u043d\u0435\u043d\u043d\u044f\r\n  resetBtn.addEventListener('click', resetForm);\r\n\r\n  \/\/ \u0421\u043b\u0443\u0445\u0430\u0447\u0456 \u043f\u043e\u0434\u0456\u0439 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0440\u0430\u0445\u0443\u043d\u043a\u0443\r\n  areaInput.addEventListener('input', calculateCosts);\r\n  styleSelect.addEventListener('change', calculateCosts);\r\n  levelSelect.addEventListener('change', calculateCosts);\r\n  document.querySelectorAll('input[type=\"checkbox\"]').forEach(checkbox => {\r\n      checkbox.addEventListener('change', calculateCosts);\r\n  });\r\n\r\n  \/\/ \u0406\u043d\u0456\u0446\u0456\u0430\u043b\u0456\u0437\u0430\u0446\u0456\u044f \u0456\u043a\u043e\u043d\u043e\u043a\r\n  lucide.createIcons();\r\n\r\n  \/\/ \u041f\u043e\u0447\u0430\u0442\u043a\u043e\u0432\u0438\u0439 \u0440\u043e\u0437\u0440\u0430\u0445\u0443\u043d\u043e\u043a\r\n  calculateCosts();\r\n  \r\n  \/\/ Set initial progress to 66%\r\n  progressFill.style.width = '66%';\r\n<\/script>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0412\u0456\u0434\u0435\u043e\u043a\u0443\u0440\u0441 Smart Online \u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u0438\u0439 \u0414\u0438\u0437\u0430\u0439\u043d \u041e\u0442\u0440\u0438\u043c\u0430\u0439\u0442\u0435 \u043f\u043e\u0432\u043d\u0438\u0439 \u043d\u0430\u0431\u0456\u0440 \u0456\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u0456\u0432, \u0449\u043e\u0431 \u043f\u0435\u0440\u0435\u0442\u0432\u043e\u0440\u0438\u0442\u0438 \u0431\u0443\u0434\u044c-\u044f\u043a\u0443 \u0434\u0456\u043b\u044f\u043d\u043a\u0443 \u043d\u0430 \u0432\u0438\u0442\u0432\u0456\u0440 \u043c\u0438\u0441\u0442\u0435\u0446\u0442\u0432\u0430 \u2014 \u0432\u0456\u0434 \u0430\u043d\u0430\u043b\u0456\u0437\u0443 \u0491\u0440\u0443\u043d\u0442\u0443 \u0434\u043e \u0444\u0456\u043d\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u043a\u043e\u0448\u0442\u043e\u0440\u0438\u0441\u0443. \u0417\u0430\u043f\u0438\u0441\u0430\u0442\u0438\u0441\u044f \u043d\u0430 \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u041e\u0437\u043d\u0430\u0439\u043e\u043c\u0438\u0442\u0438\u0441\u044c \u0437 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043e\u044e \u0412\u0456\u0434\u0433\u0443\u043a\u0438 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0456\u0432 \u0414\u043b\u044f \u043a\u043e\u0433\u043e \u0446\u0435\u0439 \u043a\u0443\u0440\u0441? \u0417\u043d\u0430\u0439\u0434\u0456\u0442\u044c \u0441\u0435\u0431\u0435 \u0441\u0435\u0440\u0435\u0434 \u043d\u0430\u0448\u0438\u0445 \u0441\u0442\u0443\u0434\u0435\u043d\u0442\u0456\u0432 \u0442\u0430 \u0434\u0456\u0437\u043d\u0430\u0439\u0442\u0435\u0441\u044f, \u044f\u043a \u043a\u0443\u0440\u0441 \u0432\u0438\u0440\u0456\u0448\u0438\u0442\u044c \u0441\u0430\u043c\u0435 \u0432\u0430\u0448\u0456 \u0437\u0430\u0432\u0434\u0430\u043d\u043d\u044f. \u0412\u043b\u0430\u0441\u043d\u0438\u043a\u0430\u043c \u0431\u0443\u0434\u0438\u043d\u043a\u0456\u0432 \u0421\u0442\u0432\u043e\u0440\u0456\u0442\u044c \u0441\u0430\u0434 \u043c\u0440\u0456\u0457 \u0432\u043b\u0430\u0441\u043d\u043e\u0440\u0443\u0447 \u0431\u0435\u0437 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":11829,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17],"tags":[117,112,110,109,116,113,111,115,114],"class_list":["post-1574","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-smart-online","tag-blagoustrij-teritorij","tag-dizajn-dilyanki","tag-kursi-landshaftnogo-dizajnu","tag-landshaftnij-dizajn","tag-navchannya-dizajnu","tag-ozelenennya","tag-proektuvannya-sadu","tag-profesiya-landshaftnij-dizajner","tag-sadove-mistecztvo"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u041a\u0443\u0440\u0441 \u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d: \u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0441 \u043d\u0443\u043b\u044f | \u0410\u0442\u043b\u0430\u043d\u0442<\/title>\n<meta name=\"description\" content=\"\u041c\u0435\u0447\u0442\u0430\u0435\u0442\u0435 \u043e\u0431 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0430\u0434\u0435? \ud83c\udf3f \u041e\u043d\u043b\u0430\u0439\u043d-\u043a\u0443\u0440\u0441 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043e\u0442 \u00ab\u0410\u0442\u043b\u0430\u043d\u0442\u00bb. 70 \u0443\u0440\u043e\u043a\u043e\u0432, \u0441\u0445\u0435\u043c\u044b \u043f\u043e\u043b\u0438\u0432\u0430, \u0433\u0435\u043d\u043f\u043b\u0430\u043d \u0438 \u0441\u043c\u0435\u0442\u0430 \u0441\u0432\u043e\u0438\u043c\u0438 \u0440\u0443\u043a\u0430\u043c\u0438.\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c \u0441\u0435\u0439\u0447\u0430\u0441.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kursi.dp.ua\/ru\/kurs-landshaftnyj-dizajn\/\" \/>\n<meta property=\"og:locale\" content=\"ru_RU\" \/>\n<meta property=\"og:locale:alternate\" content=\"uk\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0417\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e \u043d\u0443\u0434\u043d\u0456 \u043b\u0435\u043a\u0446\u0456\u0457. \u041c\u0438 \u0441\u0442\u0432\u043e\u0440\u0438\u043b\u0438 \u043a\u0443\u0440\u0441, \u044f\u043a\u0438\u0439 \u0435\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0432\u0430\u0448 \u0447\u0430\u0441 \u0442\u0430 \u0433\u0440\u043e\u0448\u0456.\" \/>\n<meta property=\"og:description\" content=\"\u0411\u0430\u0436\u0430\u0454\u0442\u0435 \u0441\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u0441\u0430\u0434\u0438 \u043c\u0440\u0456\u0457? \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0438\u0439 \u043a\u0443\u0440\u0441 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443: \u0432\u0456\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u043e \u0431\u0456\u0437\u043d\u0435\u0441\u0443 \u043d\u0430 \u043f\u043e\u0441\u043b\u0443\u0433\u0430\u0445. \u0417\u0430\u043f\u0438\u0441\u0443\u0439\u0442\u0435\u0441\u044c!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kursi.dp.ua\/ru\/kurs-landshaftnyj-dizajn\/\" \/>\n<meta property=\"og:site_name\" content=\"\u0410\u0442\u043b\u0430\u043d\u0442\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100043341968015\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-06T17:21:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-26T19:33:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kursi.dp.ua\/wp-content\/uploads\/2022\/01\/gemini_generated_image_ihyut9ihyut9ihyu-825x1024.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"kursi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0430\u0432\u0442\u043e\u0440\u043e\u043c\" \/>\n\t<meta name=\"twitter:data1\" content=\"kursi\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 \u043c\u0438\u043d\u0443\u0442\u044b\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u041a\u0443\u0440\u0441 \u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d: \u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0441 \u043d\u0443\u043b\u044f | \u0410\u0442\u043b\u0430\u043d\u0442","description":"\u041c\u0435\u0447\u0442\u0430\u0435\u0442\u0435 \u043e\u0431 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0430\u0434\u0435? \ud83c\udf3f \u041e\u043d\u043b\u0430\u0439\u043d-\u043a\u0443\u0440\u0441 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043e\u0442 \u00ab\u0410\u0442\u043b\u0430\u043d\u0442\u00bb. 70 \u0443\u0440\u043e\u043a\u043e\u0432, \u0441\u0445\u0435\u043c\u044b \u043f\u043e\u043b\u0438\u0432\u0430, \u0433\u0435\u043d\u043f\u043b\u0430\u043d \u0438 \u0441\u043c\u0435\u0442\u0430 \u0441\u0432\u043e\u0438\u043c\u0438 \u0440\u0443\u043a\u0430\u043c\u0438.\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c \u0441\u0435\u0439\u0447\u0430\u0441.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kursi.dp.ua\/ru\/kurs-landshaftnyj-dizajn\/","og_locale":"ru_RU","og_type":"article","og_title":"[:uk]\u0417\u0430\u0431\u0443\u0434\u044c\u0442\u0435 \u043f\u0440\u043e \u043d\u0443\u0434\u043d\u0456 \u043b\u0435\u043a\u0446\u0456\u0457. \u041c\u0438 \u0441\u0442\u0432\u043e\u0440\u0438\u043b\u0438 \u043a\u0443\u0440\u0441, \u044f\u043a\u0438\u0439 \u0435\u043a\u043e\u043d\u043e\u043c\u0438\u0442\u044c \u0432\u0430\u0448 \u0447\u0430\u0441 \u0442\u0430 \u0433\u0440\u043e\u0448\u0456.[:]","og_description":"[:uk]\u0411\u0430\u0436\u0430\u0454\u0442\u0435 \u0441\u0442\u0432\u043e\u0440\u044e\u0432\u0430\u0442\u0438 \u0441\u0430\u0434\u0438 \u043c\u0440\u0456\u0457? \u041f\u0440\u0430\u043a\u0442\u0438\u0447\u043d\u0438\u0439 \u043a\u0443\u0440\u0441 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443: \u0432\u0456\u0434 \u043f\u0440\u043e\u0435\u043a\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0434\u043e \u0431\u0456\u0437\u043d\u0435\u0441\u0443 \u043d\u0430 \u043f\u043e\u0441\u043b\u0443\u0433\u0430\u0445. \u0417\u0430\u043f\u0438\u0441\u0443\u0439\u0442\u0435\u0441\u044c![:]","og_url":"https:\/\/kursi.dp.ua\/ru\/kurs-landshaftnyj-dizajn\/","og_site_name":"\u0410\u0442\u043b\u0430\u043d\u0442","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100043341968015","article_published_time":"2022-01-06T17:21:23+00:00","article_modified_time":"2026-03-26T19:33:09+00:00","og_image":[{"width":825,"height":1024,"url":"https:\/\/kursi.dp.ua\/wp-content\/uploads\/2022\/01\/gemini_generated_image_ihyut9ihyut9ihyu-825x1024.png","type":"image\/png"}],"author":"kursi","twitter_card":"summary_large_image","twitter_misc":{"\u041d\u0430\u043f\u0438\u0441\u0430\u043d\u043e \u0430\u0432\u0442\u043e\u0440\u043e\u043c":"kursi","\u041f\u0440\u0438\u043c\u0435\u0440\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0447\u0442\u0435\u043d\u0438\u044f":"3 \u043c\u0438\u043d\u0443\u0442\u044b"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/#article","isPartOf":{"@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/"},"author":{"name":"kursi","@id":"https:\/\/kursi.dp.ua\/#\/schema\/person\/688f6a295c11bbf933d3494f3d4d135e"},"headline":"\u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440","datePublished":"2022-01-06T17:21:23+00:00","dateModified":"2026-03-26T19:33:09+00:00","mainEntityOfPage":{"@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/"},"wordCount":882,"image":{"@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/#primaryimage"},"thumbnailUrl":"https:\/\/kursi.dp.ua\/wp-content\/uploads\/2022\/01\/dizajn-bez-nazvaniya-32.png","keywords":["\u0431\u043b\u0430\u0433\u043e\u0443\u0441\u0442\u0440\u0456\u0439 \u0442\u0435\u0440\u0438\u0442\u043e\u0440\u0456\u0439","\u0434\u0438\u0437\u0430\u0439\u043d \u0434\u0456\u043b\u044f\u043d\u043a\u0438","\u043a\u0443\u0440\u0441\u0438 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0443","\u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d","\u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0443","\u043e\u0437\u0435\u043b\u0435\u043d\u0435\u043d\u043d\u044f","\u043f\u0440\u043e\u0435\u043a\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0430\u0434\u0443","\u043f\u0440\u043e\u0444\u0435\u0441\u0456\u044f \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440","\u0441\u0430\u0434\u043e\u0432\u0435 \u043c\u0438\u0441\u0442\u0435\u0446\u0442\u0432\u043e"],"articleSection":["Smart Online (\u0432\u0438\u0434\u0435\u043e\u043a\u0443\u0440\u0441\u044b)"],"inLanguage":"ru-RU"},{"@type":"WebPage","@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/","url":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/","name":"\u041a\u0443\u0440\u0441 \u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d: \u041e\u0431\u0443\u0447\u0435\u043d\u0438\u0435 \u0441 \u043d\u0443\u043b\u044f | \u0410\u0442\u043b\u0430\u043d\u0442","isPartOf":{"@id":"https:\/\/kursi.dp.ua\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/#primaryimage"},"image":{"@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/#primaryimage"},"thumbnailUrl":"https:\/\/kursi.dp.ua\/wp-content\/uploads\/2022\/01\/dizajn-bez-nazvaniya-32.png","datePublished":"2022-01-06T17:21:23+00:00","dateModified":"2026-03-26T19:33:09+00:00","author":{"@id":"https:\/\/kursi.dp.ua\/#\/schema\/person\/688f6a295c11bbf933d3494f3d4d135e"},"description":"\u041c\u0435\u0447\u0442\u0430\u0435\u0442\u0435 \u043e\u0431 \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u0441\u0430\u0434\u0435? \ud83c\udf3f \u041e\u043d\u043b\u0430\u0439\u043d-\u043a\u0443\u0440\u0441 \u043b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u043e\u0433\u043e \u0434\u0438\u0437\u0430\u0439\u043d\u0430 \u043e\u0442 \u00ab\u0410\u0442\u043b\u0430\u043d\u0442\u00bb. 70 \u0443\u0440\u043e\u043a\u043e\u0432, \u0441\u0445\u0435\u043c\u044b \u043f\u043e\u043b\u0438\u0432\u0430, \u0433\u0435\u043d\u043f\u043b\u0430\u043d \u0438 \u0441\u043c\u0435\u0442\u0430 \u0441\u0432\u043e\u0438\u043c\u0438 \u0440\u0443\u043a\u0430\u043c\u0438.\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0438\u0440\u0443\u0439\u0442\u0435\u0441\u044c \u0441\u0435\u0439\u0447\u0430\u0441.","breadcrumb":{"@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/#breadcrumb"},"inLanguage":"ru-RU","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/"]}]},{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/#primaryimage","url":"https:\/\/kursi.dp.ua\/wp-content\/uploads\/2022\/01\/dizajn-bez-nazvaniya-32.png","contentUrl":"https:\/\/kursi.dp.ua\/wp-content\/uploads\/2022\/01\/dizajn-bez-nazvaniya-32.png","width":450,"height":675,"caption":"\u0412\u0456\u0434\u0435\u043e\u043a\u0443\u0440\u0441 \"\u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\" \u0432\u0456\u0434 \u0446\u0435\u043d\u0442\u0440\u0443 \"\u0410\u0442\u043b\u0430\u043d\u0442\" \u043d\u0430\u0432\u0447\u0430\u043d\u043d\u044f \u0432 \u0423\u043a\u0440\u0430\u0457\u043d\u0456"},{"@type":"BreadcrumbList","@id":"https:\/\/kursi.dp.ua\/kurs-landshaftnyj-dizajn\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0413\u043b\u0430\u0432\u043d\u0430\u044f \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430","item":"https:\/\/kursi.dp.ua\/"},{"@type":"ListItem","position":2,"name":"\u041b\u0430\u043d\u0434\u0448\u0430\u0444\u0442\u043d\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440"}]},{"@type":"WebSite","@id":"https:\/\/kursi.dp.ua\/#website","url":"https:\/\/kursi.dp.ua\/","name":"\u0410\u0442\u043b\u0430\u043d\u0442","description":"\u0421\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0439 \u0426\u0435\u043d\u0442\u0440 \u041e\u0431\u0443\u0447\u0435\u043d\u0438\u044f","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kursi.dp.ua\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ru-RU"},{"@type":"Person","@id":"https:\/\/kursi.dp.ua\/#\/schema\/person\/688f6a295c11bbf933d3494f3d4d135e","name":"kursi","image":{"@type":"ImageObject","inLanguage":"ru-RU","@id":"https:\/\/kursi.dp.ua\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3adf417887ec57ae8843600cda11c15c43ddedc0b7b632ba699eea2e155b9ffd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3adf417887ec57ae8843600cda11c15c43ddedc0b7b632ba699eea2e155b9ffd?s=96&d=mm&r=g","caption":"kursi"},"sameAs":["https:\/\/bioplast-zahid.lviv.ua"],"url":"https:\/\/kursi.dp.ua\/ru\/author\/kursi\/"}]}},"_links":{"self":[{"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/posts\/1574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/comments?post=1574"}],"version-history":[{"count":153,"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/posts\/1574\/revisions"}],"predecessor-version":[{"id":4706,"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/posts\/1574\/revisions\/4706"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/media\/11829"}],"wp:attachment":[{"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/media?parent=1574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/categories?post=1574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kursi.dp.ua\/ru\/wp-json\/wp\/v2\/tags?post=1574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}