\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u0410\u043b\u043c\u0430\u0442\u044b | \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0430\u0441\u0442\u0435\u0440<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --black: #0a0a0a;\r\n --charcoal: #1a1a1a;\r\n --steel: #2c2c2c;\r\n --iron: #3d3d3d;\r\n --slag: #555555;\r\n --silver: #8a8a8a;\r\n --light: #c8c8c8;\r\n --white: #f0ede8;\r\n --fire: #e85c1a;\r\n --fire-dark: #c44a0e;\r\n --spark: #f5a623;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n background: var(--black);\r\n color: var(--white);\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-weight: 400;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n header {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 100;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 18px 48px;\r\n background: rgba(10,10,10,0.92);\r\n backdrop-filter: blur(8px);\r\n border-bottom: 1px solid var(--iron);\r\n }\r\n .logo {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 16px;\r\n letter-spacing: 3px;\r\n color: var(--white);\r\n }\r\n .logo span { color: var(--fire); }\r\n nav a {\r\n color: var(--light);\r\n text-decoration: none;\r\n margin-left: 32px;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n transition: color 0.2s;\r\n }\r\n nav a:hover { color: var(--fire); }\r\n\r\n .header-phone {\r\n display: none;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fire);\r\n text-decoration: none;\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 18px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n #hero {\r\n min-height: 100vh;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(135deg, rgba(232,92,26,0.08) 0%, transparent 50%),\r\n repeating-linear-gradient(-45deg, transparent, transparent 40px, rgba(255,255,255,0.012) 40px, rgba(255,255,255,0.012) 41px);\r\n }\r\n .hero-left {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 120px 48px 80px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .hero-tag {\r\n font-size: 11px;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--fire);\r\n margin-bottom: 4px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .hero-tag::before {\r\n content: '';\r\n display: block;\r\n width: 40px;\r\n height: 1px;\r\n background: var(--fire);\r\n }\r\n h1 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(32px, 7vw, 96px);\r\n line-height: 1;\r\n letter-spacing: 1px;\r\n margin-bottom: 12px;\r\n }\r\n h1 em {\r\n font-style: normal;\r\n color: var(--fire);\r\n display: block;\r\n }\r\n .hero-desc {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: var(--silver);\r\n max-width: 440px;\r\n margin-bottom: 24px;\r\n font-weight: 300;\r\n }\r\n\r\n \/* WhatsApp Form *\/\r\n .wa-form {\r\n background: var(--charcoal);\r\n border: 1px solid var(--iron);\r\n border-left: 3px solid var(--fire);\r\n padding: 32px;\r\n max-width: 480px;\r\n }\r\n .wa-form label {\r\n display: block;\r\n border-radius: 16px\r\n font-size: 11px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--silver);\r\n margin-bottom: 14px;\r\n }\r\n .wa-form textarea {\r\n width: 100%;\r\n background: var(--steel);\r\n border: 1px solid var(--iron);\r\n color: var(--white);\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-size: 14px;\r\n padding: 14px 14px;\r\n resize: vertical;\r\n min-height: 64px;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n line-height: 1.6;\r\n }\r\n .wa-form textarea::placeholder { color: var(--slag); }\r\n .wa-form textarea:focus { border-color: var(--fire); }\r\n .btn-wa {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 10px;\r\n padding: 16px 24px;\r\n background: #25D366;\r\n color: #fff;\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 12px;\r\n letter-spacing: 2px;\r\n border: none;\r\n cursor: pointer;\r\n width: 100%;\r\n justify-content: center;\r\n transition: background 0.2s, transform 0.15s;\r\n }\r\n .btn-wa:hover { background: #1ebe5b; transform: translateY(-1px); }\r\n .btn-wa svg { flex-shrink: 0; }\r\n .form-note {\r\n font-size: 11px;\r\n color: var(--slag);\r\n margin-top: 10px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .hero-right {\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: flex-end;\r\n }\r\n .hero-visual {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse at 40% 60%, rgba(232,92,26,0.25) 0%, transparent 60%),\r\n linear-gradient(to bottom, transparent 30%, rgba(10,10,10,0.7) 100%),\r\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='400' height='600'%3E%3Crect width='400' height='600' fill='%231a1a1a'\/%3E%3Cg opacity='0.6'%3E%3Crect x='60' y='100' width='280' height='8' rx='2' fill='%23555'\/%3E%3Crect x='60' y='140' width='280' height='8' rx='2' fill='%23555'\/%3E%3Crect x='60' y='180' width='280' height='8' rx='2' fill='%23555'\/%3E%3Crect x='55' y='95' width='8' height='100' rx='2' fill='%23444'\/%3E%3Crect x='335' y='95' width='8' height='100' rx='2' fill='%23444'\/%3E%3Crect x='140' y='95' width='8' height='100' rx='2' fill='%23444'\/%3E%3Crect x='250' y='95' width='8' height='100' rx='2' fill='%23444'\/%3E%3C\/g%3E%3Ccircle cx='200' cy='240' r='60' fill='none' stroke='%23e85c1a' stroke-width='3' opacity='0.5'\/%3E%3Ccircle cx='200' cy='240' r='30' fill='%23e85c1a' opacity='0.15'\/%3E%3Cline x1='200' y1='200' x2='200' y2='280' stroke='%23f5a623' stroke-width='2' opacity='0.8'\/%3E%3Cline x1='160' y1='240' x2='240' y2='240' stroke='%23f5a623' stroke-width='2' opacity='0.8'\/%3E%3Ccircle cx='220' cy='220' r='5' fill='%23f5a623'\/%3E%3Ccircle cx='185' cy='255' r='3' fill='%23f5a623' opacity='0.6'\/%3E%3Ccircle cx='210' cy='265' r='4' fill='%23e85c1a' opacity='0.7'\/%3E%3Ctext x='200' y='380' text-anchor='middle' font-family='sans-serif' font-size='80' fill='%23333'%3E\u2699%3C\/text%3E%3C\/svg%3E\") center\/cover;\r\n }\r\n .hero-sparks { position: absolute; inset: 0; pointer-events: none; }\r\n .spark {\r\n position: absolute;\r\n width: 3px; height: 3px;\r\n background: var(--spark);\r\n border-radius: 50%;\r\n animation: float linear infinite;\r\n opacity: 0;\r\n }\r\n @keyframes float {\r\n 0% { transform: translate(0,0) scale(1); opacity: 1; }\r\n 100% { transform: translate(var(--dx), var(--dy)) scale(0); opacity: 0; }\r\n }\r\n .spark:nth-child(1) { left:45%; top:55%; --dx:-40px; --dy:-120px; animation-duration:2.1s; animation-delay:0.2s; }\r\n .spark:nth-child(2) { left:50%; top:58%; --dx:30px; --dy:-100px; animation-duration:1.8s; animation-delay:0.7s; }\r\n .spark:nth-child(3) { left:48%; top:56%; --dx:-20px; --dy:-90px; animation-duration:2.4s; animation-delay:1.1s; }\r\n .spark:nth-child(4) { left:52%; top:60%; --dx:50px; --dy:-80px; animation-duration:1.6s; animation-delay:0.4s; }\r\n .spark:nth-child(5) { left:46%; top:57%; --dx:-60px; --dy:-70px; animation-duration:2.8s; animation-delay:0.9s; }\r\n .spark:nth-child(6) { left:54%; top:55%; --dx:20px; --dy:-110px; animation-duration:2.0s; animation-delay:1.5s; }\r\n\r\n \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\r\n section { padding: 100px 48px; }\r\n .section-label {\r\n font-size: 11px;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--fire);\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .section-label::before {\r\n content: '';\r\n display: block;\r\n width: 32px;\r\n height: 1px;\r\n background: var(--fire);\r\n }\r\n h2 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(36px, 5vw, 64px);\r\n letter-spacing: 2px;\r\n margin-bottom: 24px;\r\n line-height: 1;\r\n }\r\n .divider {\r\n width: 60px;\r\n height: 3px;\r\n background: var(--fire);\r\n margin-bottom: 48px;\r\n }\r\n\r\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n #services {\r\n background: var(--charcoal);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n #services::before {\r\n content: '\u041c\u0415\u0422\u0410\u041b\u041b';\r\n position: absolute;\r\n right: -20px; top: 50%;\r\n transform: translateY(-50%);\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 200px;\r\n color: rgba(255,255,255,0.02);\r\n letter-spacing: 10px;\r\n pointer-events: none;\r\n white-space: nowrap;\r\n }\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 2px;\r\n }\r\n .service-card {\r\n background: var(--steel);\r\n padding: 40px 32px;\r\n border-top: 3px solid transparent;\r\n transition: border-color 0.3s, background 0.3s;\r\n position: relative;\r\n overflow: hidden;\r\n cursor: default;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .service-card::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n width: 0; height: 2px;\r\n background: var(--fire);\r\n transition: width 0.4s;\r\n }\r\n .service-card:hover { background: var(--iron); border-top-color: var(--fire); }\r\n .service-card:hover::after { width: 100%; }\r\n .service-icon {\r\n width: 48px; height: 48px;\r\n margin-bottom: 20px;\r\n display: block;\r\n color: var(--fire);\r\n }\r\n .service-icon svg {\r\n width: 48px; height: 48px;\r\n stroke: var(--fire);\r\n fill: none;\r\n stroke-width: 1.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n .service-card h3 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 26px;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n color: var(--white);\r\n }\r\n .service-card p {\r\n font-size: 14px;\r\n color: var(--silver);\r\n line-height: 1.6;\r\n font-weight: 300;\r\n flex: 1;\r\n }\r\n .btn-service {\r\n display: inline-block;\r\n margin-top: 20px;\r\n padding: 10px 24px;\r\n background: transparent;\r\n border: 1px solid var(--fire);\r\n color: var(--fire);\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 18px;\r\n letter-spacing: 2px;\r\n text-decoration: none;\r\n transition: background 0.2s, color 0.2s;\r\n align-self: flex-start;\r\n }\r\n .btn-service:hover {\r\n background: var(--fire);\r\n color: var(--white);\r\n }\r\n\r\n \/* \u2500\u2500 WHY US \u2500\u2500 *\/\r\n #why { background: var(--black); }\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n .why-items { display: flex; flex-direction: column; gap: 28px; }\r\n .why-item { display: flex; gap: 24px; align-items: flex-start; }\r\n .why-num {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 32px;\r\n color: var(--fire);\r\n line-height: 1;\r\n flex-shrink: 0;\r\n opacity: 0.6;\r\n }\r\n .why-item h4 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 18px;\r\n letter-spacing: 1px;\r\n margin-bottom: 6px;\r\n }\r\n .why-item p { font-size: 12px; color: var(--silver); line-height: 1.6; font-weight: 300; }\r\n .why-stats {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n gap: 2px;\r\n }\r\n .stat-box {\r\n background: var(--charcoal);\r\n padding: 40px 32px;\r\n text-align: center;\r\n border-bottom: 3px solid var(--iron);\r\n transition: border-color 0.3s;\r\n }\r\n .stat-box:hover { border-bottom-color: var(--fire); }\r\n .stat-num {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 44px;\r\n color: var(--fire);\r\n line-height: 1;\r\n display: block;\r\n }\r\n .stat-label {\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--silver);\r\n margin-top: 8px;\r\n display: block;\r\n }\r\n\r\n \/* \u2500\u2500 GALLERY \u2500\u2500 *\/\r\n #works { background: var(--charcoal); }\r\n .works-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n grid-template-rows: 220px 220px;\r\n gap: 4px;\r\n }\r\n .work-item {\r\n background: var(--steel);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .work-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(232,92,26,0.12);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n }\r\n .work-item:hover .work-overlay { opacity: 1; }\r\n\r\n \/* \u2500\u2500 PROCESS \u2500\u2500 *\/\r\n #process { background: var(--black); overflow: hidden; }\r\n .process-steps {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n position: relative;\r\n margin-top: 60px;\r\n }\r\n .process-steps::before {\r\n content: '';\r\n position: absolute;\r\n top: 28px; left: 12.5%; right: 12.5%;\r\n height: 1px;\r\n background: linear-gradient(to right, var(--fire), var(--iron));\r\n z-index: 0;\r\n }\r\n .step { text-align: center; padding: 0 20px; position: relative; z-index: 1; }\r\n .step-circle {\r\n width: 56px; height: 56px;\r\n background: var(--charcoal);\r\n border: 2px solid var(--fire);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px;\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 24px;\r\n color: var(--fire);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .step h4 { font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 1px; margin-bottom: 8px; color: var(--white); }\r\n .step p { font-size: 13px; color: var(--silver); line-height: 1.6; font-weight: 300; }\r\n\r\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\r\n #reviews { background: var(--charcoal); }\r\n .reviews-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n }\r\n .review-card { background: var(--steel); padding: 36px 32px; position: relative; }\r\n .review-card::before {\r\n content: '\\201C';\r\n font-family: Georgia, serif;\r\n font-size: 80px;\r\n color: var(--fire);\r\n opacity: 0.3;\r\n position: absolute;\r\n top: 10px; left: 24px;\r\n line-height: 1;\r\n }\r\n .review-text { font-size: 14px; color: var(--light); line-height: 1.8; font-weight: 300; margin-bottom: 24px; padding-top: 16px; }\r\n .review-author { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 2px; color: var(--fire); }\r\n .review-role { font-size: 12px; color: var(--slag); letter-spacing: 1px; margin-top: 4px; }\r\n .stars { color: var(--spark); font-size: 14px; margin-bottom: 16px; letter-spacing: 2px; }\r\n\r\n \/* \u2500\u2500 CONTACTS \u2500\u2500 *\/\r\n #contact { background: var(--black); position: relative; overflow: hidden; }\r\n #contact::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: linear-gradient(to right, transparent, var(--fire), transparent);\r\n }\r\n .contact-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\r\n .contact-info h2 { margin-bottom: 16px; }\r\n .contact-info p { font-size: 15px; color: var(--silver); line-height: 1.8; font-weight: 300; margin-bottom: 40px; }\r\n .contact-item { display: flex; align-items: center; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--iron); }\r\n .contact-item:first-of-type { border-top: 1px solid var(--iron); }\r\n .contact-icon { width: 48px; height: 48px; background: var(--charcoal); border: 1px solid var(--iron); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n .contact-item-label { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--slag); margin-bottom: 4px; }\r\n .contact-item-value { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 1px; color: var(--white); }\r\n .contact-item-value a { color: inherit; text-decoration: none; transition: color 0.2s; }\r\n .contact-item-value a:hover { color: var(--fire); }\r\n .cta-form { background: var(--charcoal); border: 1px solid var(--iron); border-top: 3px solid var(--fire); padding: 40px; position: sticky; top: 100px; }\r\n .cta-form h3 { font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 2px; margin-bottom: 8px; }\r\n .cta-form p { font-size: 13px; color: var(--silver); margin-bottom: 28px; font-weight: 300; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer { background: var(--charcoal); border-top: 1px solid var(--iron); padding: 40px 48px; display: flex; align-items: center; justify-content: space-between; }\r\n .footer-logo { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 3px; }\r\n .footer-logo span { color: var(--fire); }\r\n footer p { font-size: 12px; color: var(--slag); letter-spacing: 1px; }\r\n\r\n \/* \u2500\u2500 WHATSAPP FLOAT \u2500\u2500 *\/\r\n .wa-float {\r\n position: fixed;\r\n bottom: 32px; right: 32px;\r\n z-index: 200;\r\n width: 60px; height: 60px;\r\n background: #25D366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 20px rgba(37,211,102,0.4);\r\n text-decoration: none;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n animation: pulse 2.5s infinite;\r\n }\r\n .wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(37,211,102,0.6); animation: none; }\r\n @keyframes pulse {\r\n 0%, 100% { box-shadow: 0 4px 20px rgba(37,211,102,0.4); }\r\n 50% { box-shadow: 0 4px 32px rgba(37,211,102,0.7); }\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n header { padding: 14px 24px; }\r\n nav { display: none; }\r\n .header-phone { display: flex; }\r\n #hero { grid-template-columns: 1fr; min-height: auto; }\r\n .hero-left { padding: 100px 24px 60px; }\r\n .hero-right { display: none; }\r\n section { padding: 70px 24px; }\r\n .why-grid { grid-template-columns: 1fr; }\r\n .works-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 160px 160px 160px 160px; }\r\n .works-grid .work-item { grid-column: span 1 !important; }\r\n .process-steps { grid-template-columns: 1fr 1fr; }\r\n .process-steps::before { display: none; }\r\n .reviews-grid { grid-template-columns: 1fr; }\r\n .contact-wrap { grid-template-columns: 1fr; }\r\n footer { flex-direction: column; gap: 16px; text-align: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header>\r\n <div class=\"logo\">\u0421\u0412\u0410\u0420\u041a\u0410<span>\u0410\u041b\u041c\u0410\u0422\u042b<\/span><\/div>\r\n <nav>\r\n <a href=\"#services\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a>\r\n <a href=\"#why\">\u041e \u043d\u0430\u0441<\/a>\r\n <a href=\"#process\">\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c<\/a>\r\n <a href=\"#reviews\">\u041e\u0442\u0437\u044b\u0432\u044b<\/a>\r\n <a href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\r\n <\/nav>\r\n <a href=\"tel:+77074583307\" class=\"header-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.8 19.79 19.79 0 012 1.18 2 2 0 014 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92z\" transform=\"translate(1 1)\"\/><\/svg>\r\n <span>+7 707 458 33 07<\/span>\r\n <\/a>\r\n<\/header>\r\n\r\n\r\n<section id=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-left\">\r\n <div class=\"hero-tag\">\u00b7\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0430\u0441\u0442\u0435\u0440<\/div>\r\n <h1>\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438<\/h1>\r\n <p class=\"hero-desc\">\u041d\u0430\u0432\u0435\u0441\u044b, \u043f\u0435\u0440\u0438\u043b\u0430, \u0432\u043e\u0440\u043e\u0442\u0430, \u0440\u0435\u0448\u0451\u0442\u043a\u0438, \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u044b, \u043a\u0440\u044b\u043b\u044c\u0446\u043e \u2014 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043c \u0432\u0441\u0451 \u0442\u043e\u0447\u043d\u043e, \u043d\u0430\u0434\u0451\u0436\u043d\u043e \u0438 \u0432 \u0441\u0440\u043e\u043a. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u0447\u0430\u0441\u0442\u043d\u044b\u043c\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c\u0438 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u043c.<\/p>\r\n <div class=\"wa-form\">\r\n <label>\u041e\u043f\u0438\u0448\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e<\/label>\r\n <textarea id=\"heroMsg\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u043d\u0443\u0436\u0435\u043d \u043d\u0430\u0432\u0435\u0441 \u043d\u0430\u0434 \u0433\u0430\u0440\u0430\u0436\u043e\u043c 4\u00d76 \u043c, \u043f\u0440\u043e\u0444\u0442\u0440\u0443\u0431\u0430, \u043f\u043e\u0434 \u043a\u043b\u044e\u0447...\"><\/textarea>\r\n <button class=\"btn-wa\" onclick=\"sendWA('heroMsg')\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n \u041d\u0410\u041f\u0418\u0421\u0410\u0422\u042c \u0412 WHATSAPP\r\n <\/button>\r\n <p class=\"form-note\">\u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u0438\u043d\u0443\u0442<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-right\">\r\n <div class=\"hero-visual\"><\/div>\r\n <div class=\"hero-sparks\">\r\n <div class=\"spark\"><\/div><div class=\"spark\"><\/div><div class=\"spark\"><\/div>\r\n <div class=\"spark\"><\/div><div class=\"spark\"><\/div><div class=\"spark\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"services\">\r\n <div class=\"section-label\">\u041d\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438<\/div>\r\n <h2>\u0427\u0442\u043e \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><polyline points=\"4,22 24,6 44,22\"\/><line x1=\"8\" y1=\"22\" x2=\"8\" y2=\"42\"\/><line x1=\"40\" y1=\"22\" x2=\"40\" y2=\"42\"\/><line x1=\"8\" y1=\"42\" x2=\"40\" y2=\"42\"\/><line x1=\"8\" y1=\"22\" x2=\"40\" y2=\"22\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"42\"\/><line x1=\"30\" y1=\"22\" x2=\"30\" y2=\"42\"\/><\/svg><\/span>\r\n <h3>\u041d\u0430\u0432\u0435\u0441\u044b<\/h3>\r\n <p>\u041d\u0430\u0432\u0435\u0441\u044b \u043d\u0430\u0434 \u0432\u0445\u043e\u0434\u043e\u043c, \u0433\u0430\u0440\u0430\u0436\u043e\u043c, \u0442\u0435\u0440\u0440\u0430\u0441\u043e\u0439, \u043f\u0430\u0440\u043a\u043e\u0432\u043a\u043e\u0439. \u041b\u044e\u0431\u044b\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0438 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438. \u041c\u0435\u0442\u0430\u043b\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043a\u0430\u0440\u043a\u0430\u0441 \u0441 \u043f\u0440\u043e\u0444\u043b\u0438\u0441\u0442\u043e\u043c \u0438\u043b\u0438 \u043f\u043e\u043b\u0438\u043a\u0430\u0440\u0431\u043e\u043d\u0430\u0442\u043e\u043c.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u043d\u0430\u0432\u0435\u0441\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><rect x=\"4\" y=\"8\" width=\"18\" height=\"34\"\/><rect x=\"26\" y=\"8\" width=\"18\" height=\"34\"\/><line x1=\"4\" y1=\"8\" x2=\"22\" y2=\"8\"\/><line x1=\"26\" y1=\"8\" x2=\"44\" y2=\"8\"\/><line x1=\"13\" y1=\"20\" x2=\"13\" y2=\"28\"\/><line x1=\"35\" y1=\"20\" x2=\"35\" y2=\"28\"\/><circle cx=\"22\" cy=\"25\" r=\"2\" fill=\"none\"\/><circle cx=\"26\" cy=\"25\" r=\"2\" fill=\"none\"\/><\/svg><\/span>\r\n <h3>\u0412\u043e\u0440\u043e\u0442\u0430<\/h3>\r\n <p>\u0420\u0430\u0441\u043f\u0430\u0448\u043d\u044b\u0435, \u043e\u0442\u043a\u0430\u0442\u043d\u044b\u0435, \u0441\u0435\u043a\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0432\u043e\u0440\u043e\u0442\u0430. \u0423\u0441\u0438\u043b\u0435\u043d\u043d\u044b\u0435 \u0440\u0430\u043c\u044b, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u043e\u0434 \u043a\u043b\u044e\u0447. \u041b\u044e\u0431\u043e\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u2014 \u043e\u0442 \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u0434\u043e \u043a\u043e\u0432\u0430\u043d\u043e\u0433\u043e.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u0432\u043e\u0440\u043e\u0442\u0430\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><rect x=\"6\" y=\"6\" width=\"36\" height=\"36\"\/><line x1=\"14\" y1=\"6\" x2=\"14\" y2=\"42\"\/><line x1=\"24\" y1=\"6\" x2=\"24\" y2=\"42\"\/><line x1=\"34\" y1=\"6\" x2=\"34\" y2=\"42\"\/><line x1=\"6\" y1=\"16\" x2=\"42\" y2=\"16\"\/><line x1=\"6\" y1=\"24\" x2=\"42\" y2=\"24\"\/><line x1=\"6\" y1=\"32\" x2=\"42\" y2=\"32\"\/><\/svg><\/span>\r\n <h3>\u0420\u0435\u0448\u0451\u0442\u043a\u0438<\/h3>\r\n <p>\u041e\u043a\u043e\u043d\u043d\u044b\u0435 \u0438 \u0434\u0432\u0435\u0440\u043d\u044b\u0435 \u0440\u0435\u0448\u0451\u0442\u043a\u0438 \u0434\u043b\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0434\u043e\u043c\u0430 \u0438\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430. \u041f\u0440\u044f\u043c\u044b\u0435, \u0444\u0438\u0433\u0443\u0440\u043d\u044b\u0435, \u0441 \u0445\u0440\u043e\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0438 \u043f\u043e\u043a\u0440\u0430\u0441\u043a\u043e\u0439.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u0440\u0435\u0448\u0451\u0442\u043a\u0438\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><polyline points=\"6,42 6,30 18,30 18,18 30,18 30,6 42,6\"\/><line x1=\"6\" y1=\"6\" x2=\"6\" y2=\"42\"\/><line x1=\"6\" y1=\"42\" x2=\"42\" y2=\"42\"\/><\/svg><\/span>\r\n <h3>\u041b\u0435\u0441\u0442\u043d\u0438\u0446\u044b<\/h3>\r\n <p>\u041c\u0430\u0440\u0448\u0435\u0432\u044b\u0435 \u0438 \u0432\u0438\u043d\u0442\u043e\u0432\u044b\u0435 \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u044b \u0438\u0437 \u043c\u0435\u0442\u0430\u043b\u043b\u0430. \u041f\u0440\u043e\u0447\u043d\u044b\u0435, \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435, \u0434\u043e\u043b\u0433\u043e\u0432\u0435\u0447\u043d\u044b\u0435. \u0418\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043f\u043e\u0434 \u043a\u043b\u044e\u0447.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0443\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><line x1=\"4\" y1=\"12\" x2=\"44\" y2=\"12\"\/><line x1=\"4\" y1=\"36\" x2=\"44\" y2=\"36\"\/><line x1=\"10\" y1=\"12\" x2=\"10\" y2=\"36\"\/><line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"36\"\/><line x1=\"28\" y1=\"12\" x2=\"28\" y2=\"36\"\/><line x1=\"38\" y1=\"12\" x2=\"38\" y2=\"36\"\/><line x1=\"4\" y1=\"8\" x2=\"4\" y2=\"42\"\/><line x1=\"44\" y1=\"8\" x2=\"44\" y2=\"42\"\/><\/svg><\/span>\r\n <h3>\u041f\u0435\u0440\u0438\u043b\u0430<\/h3>\r\n <p>\u041f\u0435\u0440\u0438\u043b\u0430 \u0434\u043b\u044f \u043b\u0435\u0441\u0442\u043d\u0438\u0446, \u0431\u0430\u043b\u043a\u043e\u043d\u043e\u0432, \u043a\u0440\u044b\u043b\u0435\u0446. \u041a\u0440\u0443\u0433\u043b\u0430\u044f \u0442\u0440\u0443\u0431\u0430, \u043a\u0432\u0430\u0434\u0440\u0430\u0442, \u043d\u0435\u0440\u0436\u0430\u0432\u0435\u0439\u043a\u0430 \u2014 \u043f\u043e\u0434 \u043b\u044e\u0431\u043e\u0439 \u0441\u0442\u0438\u043b\u044c \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430 \u0438\u043b\u0438 \u044d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440\u0430.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u043f\u0435\u0440\u0438\u043b\u0430\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><polyline points=\"4,42 4,32 14,32 14,24 26,24 26,16 38,16 38,42\"\/><line x1=\"4\" y1=\"42\" x2=\"44\" y2=\"42\"\/><line x1=\"4\" y1=\"28\" x2=\"14\" y2=\"20\"\/><line x1=\"14\" y1=\"20\" x2=\"26\" y2=\"12\"\/><line x1=\"26\" y1=\"12\" x2=\"38\" y2=\"6\"\/><\/svg><\/span>\r\n <h3>\u041a\u0440\u044b\u043b\u044c\u0446\u043e<\/h3>\r\n <p>\u041c\u0435\u0442\u0430\u043b\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043a\u0440\u044b\u043b\u044c\u0446\u0430 \u0441 \u043f\u0435\u0440\u0438\u043b\u0430\u043c\u0438 \u0438 \u0441\u0442\u0443\u043f\u0435\u043d\u044f\u043c\u0438. \u0421\u0432\u0430\u0440\u043a\u0430, \u043c\u043e\u043d\u0442\u0430\u0436, \u0430\u043d\u0442\u0438\u043a\u043e\u0440\u0440\u043e\u0437\u0438\u0439\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u043f\u043e\u043a\u0440\u0430\u0441\u043a\u0430.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u043a\u0440\u044b\u043b\u044c\u0446\u043e\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><line x1=\"10\" y1=\"38\" x2=\"30\" y2=\"18\" stroke-width=\"2.5\"\/><line x1=\"30\" y1=\"18\" x2=\"38\" y2=\"10\"\/><circle cx=\"30\" cy=\"18\" r=\"3\" fill=\"currentColor\" stroke=\"none\" style=\"fill:var(--fire)\"\/><line x1=\"30\" y1=\"18\" x2=\"22\" y2=\"10\"\/><line x1=\"30\" y1=\"18\" x2=\"38\" y2=\"24\"\/><line x1=\"30\" y1=\"18\" x2=\"36\" y2=\"14\"\/><line x1=\"30\" y1=\"18\" x2=\"24\" y2=\"14\"\/><line x1=\"30\" y1=\"18\" x2=\"34\" y2=\"22\"\/><rect x=\"6\" y=\"36\" width=\"8\" height=\"6\" rx=\"1\"\/><\/svg><\/span>\r\n <h3>\u0421\u0432\u0430\u0440\u043a\u0430 \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438<\/h3>\r\n <p>\u041d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438, \u0440\u0435\u043c\u043e\u043d\u0442 \u043c\u0435\u0442\u0430\u043b\u043b\u043e\u0438\u0437\u0434\u0435\u043b\u0438\u0439, \u0443\u0441\u0438\u043b\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u043a\u0430\u0441\u043e\u0432. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u043b\u044e\u0431\u044b\u043c \u043c\u0435\u0442\u0430\u043b\u043b\u043e\u043c \u0438 \u0437\u0430\u0434\u0430\u043d\u0438\u0435\u043c.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u0441\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435%20\u0440\u0430\u0431\u043e\u0442\u044b\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"why\">\r\n <div class=\"why-grid\">\r\n <div>\r\n <div class=\"section-label\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b<\/div>\r\n <h2>\u041d\u0430\u0434\u0451\u0436\u043d\u043e.<br>\u0422\u043e\u0447\u043d\u043e.<br>\u0412 \u0441\u0440\u043e\u043a.<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"why-items\">\r\n <div class=\"why-item\">\r\n <div class=\"why-num\">01<\/div>\r\n <div><h4>\u041e\u043f\u044b\u0442 \u0431\u043e\u043b\u0435\u0435 10 \u043b\u0435\u0442<\/h4><p>\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u043b\u0438 \u0441\u043e\u0442\u043d\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u0410\u043b\u043c\u0430\u0442\u0438\u043d\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438. \u0417\u043d\u0430\u0435\u043c \u0432\u0441\u0435 \u043d\u044e\u0430\u043d\u0441\u044b \u043c\u0435\u0442\u0430\u043b\u043b\u043e\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <div class=\"why-num\">02<\/div>\r\n <div><h4>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043f\u043e\u0434 \u043a\u043b\u044e\u0447<\/h4><p>\u041e\u0431\u043c\u0435\u0440, \u043f\u0440\u043e\u0435\u043a\u0442, \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u0435, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430, \u043c\u043e\u043d\u0442\u0430\u0436 \u0438 \u043f\u043e\u043a\u0440\u0430\u0441\u043a\u0430 \u2014 \u0432\u0441\u0451 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e \u0432 \u043e\u0434\u043d\u0443 \u0446\u0435\u043d\u0443.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <div class=\"why-num\">03<\/div>\r\n <div><h4>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u044b<\/h4><p>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0432\u0430\u0440\u043d\u044b\u0445 \u0448\u0432\u043e\u0432 \u0438 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438. \u0423\u0441\u0442\u0440\u0430\u043d\u0438\u043c \u043b\u044e\u0431\u043e\u0439 \u0434\u0435\u0444\u0435\u043a\u0442 \u0437\u0430 \u0441\u0432\u043e\u0439 \u0441\u0447\u0451\u0442.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <div class=\"why-num\">04<\/div>\r\n <div><h4>\u0427\u0435\u0441\u0442\u043d\u044b\u0435 \u0446\u0435\u043d\u044b<\/h4><p>\u0421\u043c\u0435\u0442\u0443 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u2014 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u0434\u043e\u043f\u043b\u0430\u0442 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u044b.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-stats\">\r\n <div class=\"stat-box\"><span class=\"stat-num\">500+<\/span><span class=\"stat-label\">\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432<\/span><\/div>\r\n <div class=\"stat-box\"><span class=\"stat-num\">10+<\/span><span class=\"stat-label\">\u041b\u0435\u0442 \u043e\u043f\u044b\u0442\u0430<\/span><\/div>\r\n <div class=\"stat-box\"><span class=\"stat-num\">100%<\/span><span class=\"stat-label\">\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/span><\/div>\r\n <div class=\"stat-box\"><span class=\"stat-num\">24\u0447<\/span><span class=\"stat-label\">\u0412\u044b\u0435\u0437\u0434 \u043d\u0430 \u0437\u0430\u043c\u0435\u0440<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"works\">\r\n <div class=\"section-label\">\u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/div>\r\n <h2>\u041d\u0430\u0448\u0438 \u0440\u0430\u0431\u043e\u0442\u044b<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"works-grid\">\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.38.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.39.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.39-1.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.40.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.40-1.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.41.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.41-1.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.42.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <p style=\"color:var(--slag); font-size:13px; margin-top:20px; letter-spacing:1px;\">* \u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0432 WhatsApp<\/p>\r\n<\/section>\r\n\r\n\r\n<section id=\"process\">\r\n <div class=\"section-label\">\u041a\u0430\u043a \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c<\/div>\r\n <h2>4 \u0448\u0430\u0433\u0430 \u0434\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"process-steps\">\r\n <div class=\"step\"><div class=\"step-circle\">1<\/div><h4>\u0417\u0430\u044f\u0432\u043a\u0430<\/h4><p>\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0438\u043b\u0438 \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435. \u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443 \u2014 \u043c\u044b \u0441\u0440\u0430\u0437\u0443 \u0434\u0430\u0434\u0438\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u0443\u044e \u0446\u0435\u043d\u0443.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-circle\">2<\/div><h4>\u0417\u0430\u043c\u0435\u0440<\/h4><p>\u0412\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442 \u0432 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f. \u041f\u0440\u043e\u0432\u043e\u0434\u0438\u043c \u0437\u0430\u043c\u0435\u0440\u044b \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0441\u043c\u0435\u0442\u0443.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-circle\">3<\/div><h4>\u0418\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u0435<\/h4><p>\u0418\u0437\u0433\u043e\u0442\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e \u0432 \u043c\u0430\u0441\u0442\u0435\u0440\u0441\u043a\u043e\u0439. \u0421\u043e\u0431\u043b\u044e\u0434\u0430\u0435\u043c \u0441\u0440\u043e\u043a\u0438 \u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-circle\">4<\/div><h4>\u041c\u043e\u043d\u0442\u0430\u0436 \u0438 \u0441\u0434\u0430\u0447\u0430<\/h4><p>\u041f\u0440\u0438\u0432\u043e\u0437\u0438\u043c, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c, \u043a\u0440\u0430\u0441\u0438\u043c. \u041f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0440\u0430\u0431\u043e\u0442\u0443 \u0438 \u043e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0435\u0442\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435.<\/p><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"reviews\">\r\n <div class=\"section-label\">\u041e\u0442\u0437\u044b\u0432\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/div>\r\n <h2>\u0413\u043e\u0432\u043e\u0440\u044f\u0442 \u043d\u0430\u0448\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u044b<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"reviews-grid\">\r\n <div class=\"review-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"review-text\">\u0417\u0430\u043a\u0430\u0437\u0430\u043b \u043d\u0430\u0432\u0435\u0441 \u043d\u0430\u0434 \u0432\u0445\u043e\u0434\u043e\u043c \u0432 \u043c\u0430\u0433\u0430\u0437\u0438\u043d. \u041f\u0440\u0438\u0435\u0445\u0430\u043b\u0438 \u0431\u044b\u0441\u0442\u0440\u043e, \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0432\u0441\u0451 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e. \u0421\u0432\u0430\u0440\u043d\u044b\u0435 \u0448\u0432\u044b \u0440\u043e\u0432\u043d\u044b\u0435, \u043f\u043e\u043a\u0440\u0430\u0441\u043a\u0430 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f. \u041e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e!<\/p>\r\n <div class=\"review-author\">\u0410\u0441\u0435\u0442 \u041a.<\/div>\r\n <div class=\"review-role\">\u041f\u0440\u0435\u0434\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c, \u0410\u043b\u043c\u0430\u0442\u044b<\/div>\r\n <\/div>\r\n <div class=\"review-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"review-text\">\u0414\u0435\u043b\u0430\u043b\u0438 \u0432\u043e\u0440\u043e\u0442\u0430 \u043e\u0442\u043a\u0430\u0442\u043d\u044b\u0435 \u0438 \u0440\u0435\u0448\u0451\u0442\u043a\u0438 \u043d\u0430 \u043e\u043a\u043d\u0430. \u0426\u0435\u043d\u0430 \u0430\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u0430\u044f, \u0431\u0435\u0437 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u043d\u0430\u043a\u0440\u0443\u0442\u043e\u043a. \u0420\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u0447\u0438\u0441\u0442\u043e. \u0411\u0443\u0434\u0443 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0435\u0449\u0451.<\/p>\r\n <div class=\"review-author\">\u0414\u0438\u043d\u0430 \u041c.<\/div>\r\n <div class=\"review-role\">\u0427\u0430\u0441\u0442\u043d\u044b\u0439 \u0434\u043e\u043c, \u043c\u043a\u0440. \u0410\u043b\u0430\u0442\u0430\u0443<\/div>\r\n <\/div>\r\n <div class=\"review-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"review-text\">\u0421\u0434\u0435\u043b\u0430\u043b\u0438 \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0443 \u043d\u0430 \u0432\u0442\u043e\u0440\u043e\u0439 \u044d\u0442\u0430\u0436 \u0441 \u043f\u0435\u0440\u0438\u043b\u0430\u043c\u0438. \u041a\u0440\u0430\u0441\u0438\u0432\u043e, \u043f\u0440\u043e\u0447\u043d\u043e, \u0432 \u0441\u0440\u043e\u043a. \u041c\u0430\u0441\u0442\u0435\u0440 \u0437\u043d\u0430\u0435\u0442 \u0441\u0432\u043e\u0451 \u0434\u0435\u043b\u043e \u2014 \u0432\u0438\u0434\u043d\u043e \u0441\u0440\u0430\u0437\u0443. \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0440\u0430\u0431\u043e\u0442\u0443!<\/p>\r\n <div class=\"review-author\">\u0420\u0443\u0441\u043b\u0430\u043d \u0422.<\/div>\r\n <div class=\"review-role\">\u041a\u043e\u0442\u0442\u0435\u0434\u0436, \u043f\u043e\u0441. \u0411\u043e\u0440\u0430\u043b\u0434\u0430\u0439<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"contact\">\r\n <div class=\"contact-wrap\">\r\n <div class=\"contact-info\">\r\n <div class=\"section-label\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/div>\r\n <h2>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c<br>\u0441 \u043d\u0430\u043c\u0438<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u0410\u043b\u043c\u0430\u0442\u0438\u043d\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438. \u0412\u044b\u0435\u0437\u0434 \u043d\u0430 \u0437\u0430\u043c\u0435\u0440 \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e. \u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u0438\u043b\u0438 \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432 WhatsApp \u2014 \u043e\u0442\u0432\u0435\u0442\u0438\u043c \u0431\u044b\u0441\u0442\u0440\u043e.<\/p>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--fire)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.8 19.79 19.79 0 012 1.18 2 2 0 014 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92z\" transform=\"translate(1 1)\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"contact-item-label\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d \/ WhatsApp<\/div>\r\n <div class=\"contact-item-value\"><a href=\"tel:+77074583307\">+7 707 458 33 07<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--fire)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"contact-item-label\">\u0413\u043e\u0440\u043e\u0434<\/div>\r\n <div class=\"contact-item-value\">\u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u044c<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--fire)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"contact-item-label\">\u0413\u0440\u0430\u0444\u0438\u043a \u0440\u0430\u0431\u043e\u0442\u044b<\/div>\r\n <div class=\"contact-item-value\">\u041f\u043d\u2013\u0412\u0441, 08:00\u201320:00<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cta-form\">\r\n <h3>\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0440\u0430\u0441\u0447\u0451\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438<\/h3>\r\n <p>\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443 \u2014 \u043e\u0442\u0432\u0435\u0442\u0438\u043c \u0438 \u043d\u0430\u0437\u043d\u0430\u0447\u0438\u043c \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0437\u0430\u043c\u0435\u0440\u0430<\/p>\r\n <label>\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/label>\r\n <textarea id=\"ctaMsg\" placeholder=\"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c: \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b, \u0440\u0430\u0437\u043c\u0435\u0440\u044b, \u0441\u0440\u043e\u043a\u0438...\" style=\"width:100%;background:var(--steel);border:1px solid var(--iron);color:var(--white);font-family:'Roboto Condensed',sans-serif;font-size:15px;padding:14px 18px;resize:vertical;min-height:130px;outline:none;border-radius:0;margin-bottom:16px;line-height:1.6;display:block;\"><\/textarea>\r\n <button class=\"btn-wa\" onclick=\"sendWA('ctaMsg')\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n \u041d\u0410\u041f\u0418\u0421\u0410\u0422\u042c \u0412 WHATSAPP\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-logo\">\u0421\u0412\u0410\u0420\u041a\u0410<span>\u0410\u041b\u041c\u0410\u0422\u042b<\/span><\/div>\r\n <p>\u00a9 2024 \u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u0410\u043b\u043c\u0430\u0442\u044b \u00b7 \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b<\/p>\r\n <p>+7 707 458 33 07<\/p>\r\n<\/footer>\r\n\r\n\r\n<a href=\"https:\/\/wa.me\/77074583307\" target=\"_blank\" class=\"wa-float\" title=\"\u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 WhatsApp\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n<\/a>\r\n\r\n<script>\r\n function sendWA(fieldId) {\r\n const msg = document.getElementById(fieldId).value.trim();\r\n if (!msg) {\r\n document.getElementById(fieldId).focus();\r\n document.getElementById(fieldId).style.borderColor = '#e85c1a';\r\n setTimeout(() => { document.getElementById(fieldId).style.borderColor = ''; }, 1500);\r\n return;\r\n }\r\n const phone = '77074583307';\r\n const url = `https:\/\/wa.me\/${phone}?text=${encodeURIComponent(msg)}`;\r\n window.open(url, '_blank');\r\n }\r\n document.querySelectorAll('textarea').forEach(ta => {\r\n ta.addEventListener('keydown', e => {\r\n if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') sendWA(ta.id);\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u0410\u043b\u043c\u0430\u0442\u044b | \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0430\u0441\u0442\u0435\u0440 \u0421\u0412\u0410\u0420\u041a\u0410\u0410\u041b\u041c\u0410\u0422\u042b \u0423\u0441\u043b\u0443\u0433\u0438 \u041e \u043d\u0430\u0441 \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u041e\u0442\u0437\u044b\u0432\u044b \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b +7 707 458 33 07 \u00b7\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0430\u0441\u0442\u0435\u0440 \u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u041d\u0430\u0432\u0435\u0441\u044b, \u043f\u0435\u0440\u0438\u043b\u0430, \u0432\u043e\u0440\u043e\u0442\u0430, \u0440\u0435\u0448\u0451\u0442\u043a\u0438, \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u044b, \u043a\u0440\u044b\u043b\u044c\u0446\u043e \u2014 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043c \u0432\u0441\u0451 \u0442\u043e\u0447\u043d\u043e, \u043d\u0430\u0434\u0451\u0436\u043d\u043e \u0438 \u0432 \u0441\u0440\u043e\u043a. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u0447\u0430\u0441\u0442\u043d\u044b\u043c\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c\u0438 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u043c. \u041e\u043f\u0438\u0448\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u041d\u0410\u041f\u0418\u0421\u0410\u0422\u042c \u0412 WHATSAPP \u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":31,"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u0410\u043b\u043c\u0430\u0442\u044b | \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0430\u0441\u0442\u0435\u0440<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --black: #0a0a0a;\r\n --charcoal: #1a1a1a;\r\n --steel: #2c2c2c;\r\n --iron: #3d3d3d;\r\n --slag: #555555;\r\n --silver: #8a8a8a;\r\n --light: #c8c8c8;\r\n --white: #f0ede8;\r\n --fire: #e85c1a;\r\n --fire-dark: #c44a0e;\r\n --spark: #f5a623;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n background: var(--black);\r\n color: var(--white);\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-weight: 400;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n header {\r\n position: fixed;\r\n top: 0; left: 0; right: 0;\r\n z-index: 100;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 18px 48px;\r\n background: rgba(10,10,10,0.92);\r\n backdrop-filter: blur(8px);\r\n border-bottom: 1px solid var(--iron);\r\n }\r\n .logo {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 16px;\r\n letter-spacing: 3px;\r\n color: var(--white);\r\n }\r\n .logo span { color: var(--fire); }\r\n nav a {\r\n color: var(--light);\r\n text-decoration: none;\r\n margin-left: 32px;\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n transition: color 0.2s;\r\n }\r\n nav a:hover { color: var(--fire); }\r\n\r\n .header-phone {\r\n display: none;\r\n align-items: center;\r\n gap: 8px;\r\n color: var(--fire);\r\n text-decoration: none;\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 18px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\r\n #hero {\r\n min-height: 100vh;\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n .hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n linear-gradient(135deg, rgba(232,92,26,0.08) 0%, transparent 50%),\r\n repeating-linear-gradient(-45deg, transparent, transparent 40px, rgba(255,255,255,0.012) 40px, rgba(255,255,255,0.012) 41px);\r\n }\r\n .hero-left {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n padding: 120px 48px 80px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .hero-tag {\r\n font-size: 11px;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--fire);\r\n margin-bottom: 4px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .hero-tag::before {\r\n content: '';\r\n display: block;\r\n width: 40px;\r\n height: 1px;\r\n background: var(--fire);\r\n }\r\n h1 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(32px, 7vw, 96px);\r\n line-height: 1;\r\n letter-spacing: 1px;\r\n margin-bottom: 12px;\r\n }\r\n h1 em {\r\n font-style: normal;\r\n color: var(--fire);\r\n display: block;\r\n }\r\n .hero-desc {\r\n font-size: 16px;\r\n line-height: 1.7;\r\n color: var(--silver);\r\n max-width: 440px;\r\n margin-bottom: 24px;\r\n font-weight: 300;\r\n }\r\n\r\n \/* WhatsApp Form *\/\r\n .wa-form {\r\n background: var(--charcoal);\r\n border: 1px solid var(--iron);\r\n border-left: 3px solid var(--fire);\r\n padding: 32px;\r\n max-width: 480px;\r\n }\r\n .wa-form label {\r\n display: block;\r\n border-radius: 16px\r\n font-size: 11px;\r\n letter-spacing: 3px;\r\n text-transform: uppercase;\r\n color: var(--silver);\r\n margin-bottom: 14px;\r\n }\r\n .wa-form textarea {\r\n width: 100%;\r\n background: var(--steel);\r\n border: 1px solid var(--iron);\r\n color: var(--white);\r\n font-family: 'Roboto Condensed', sans-serif;\r\n font-size: 14px;\r\n padding: 14px 14px;\r\n resize: vertical;\r\n min-height: 64px;\r\n outline: none;\r\n transition: border-color 0.2s;\r\n line-height: 1.6;\r\n }\r\n .wa-form textarea::placeholder { color: var(--slag); }\r\n .wa-form textarea:focus { border-color: var(--fire); }\r\n .btn-wa {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin-top: 10px;\r\n padding: 16px 24px;\r\n background: #25D366;\r\n color: #fff;\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 12px;\r\n letter-spacing: 2px;\r\n border: none;\r\n cursor: pointer;\r\n width: 100%;\r\n justify-content: center;\r\n transition: background 0.2s, transform 0.15s;\r\n }\r\n .btn-wa:hover { background: #1ebe5b; transform: translateY(-1px); }\r\n .btn-wa svg { flex-shrink: 0; }\r\n .form-note {\r\n font-size: 11px;\r\n color: var(--slag);\r\n margin-top: 10px;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .hero-right {\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: flex-end;\r\n }\r\n .hero-visual {\r\n position: absolute;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse at 40% 60%, rgba(232,92,26,0.25) 0%, transparent 60%),\r\n linear-gradient(to bottom, transparent 30%, rgba(10,10,10,0.7) 100%),\r\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='400' height='600'%3E%3Crect width='400' height='600' fill='%231a1a1a'\/%3E%3Cg opacity='0.6'%3E%3Crect x='60' y='100' width='280' height='8' rx='2' fill='%23555'\/%3E%3Crect x='60' y='140' width='280' height='8' rx='2' fill='%23555'\/%3E%3Crect x='60' y='180' width='280' height='8' rx='2' fill='%23555'\/%3E%3Crect x='55' y='95' width='8' height='100' rx='2' fill='%23444'\/%3E%3Crect x='335' y='95' width='8' height='100' rx='2' fill='%23444'\/%3E%3Crect x='140' y='95' width='8' height='100' rx='2' fill='%23444'\/%3E%3Crect x='250' y='95' width='8' height='100' rx='2' fill='%23444'\/%3E%3C\/g%3E%3Ccircle cx='200' cy='240' r='60' fill='none' stroke='%23e85c1a' stroke-width='3' opacity='0.5'\/%3E%3Ccircle cx='200' cy='240' r='30' fill='%23e85c1a' opacity='0.15'\/%3E%3Cline x1='200' y1='200' x2='200' y2='280' stroke='%23f5a623' stroke-width='2' opacity='0.8'\/%3E%3Cline x1='160' y1='240' x2='240' y2='240' stroke='%23f5a623' stroke-width='2' opacity='0.8'\/%3E%3Ccircle cx='220' cy='220' r='5' fill='%23f5a623'\/%3E%3Ccircle cx='185' cy='255' r='3' fill='%23f5a623' opacity='0.6'\/%3E%3Ccircle cx='210' cy='265' r='4' fill='%23e85c1a' opacity='0.7'\/%3E%3Ctext x='200' y='380' text-anchor='middle' font-family='sans-serif' font-size='80' fill='%23333'%3E\u2699%3C\/text%3E%3C\/svg%3E\") center\/cover;\r\n }\r\n .hero-sparks { position: absolute; inset: 0; pointer-events: none; }\r\n .spark {\r\n position: absolute;\r\n width: 3px; height: 3px;\r\n background: var(--spark);\r\n border-radius: 50%;\r\n animation: float linear infinite;\r\n opacity: 0;\r\n }\r\n @keyframes float {\r\n 0% { transform: translate(0,0) scale(1); opacity: 1; }\r\n 100% { transform: translate(var(--dx), var(--dy)) scale(0); opacity: 0; }\r\n }\r\n .spark:nth-child(1) { left:45%; top:55%; --dx:-40px; --dy:-120px; animation-duration:2.1s; animation-delay:0.2s; }\r\n .spark:nth-child(2) { left:50%; top:58%; --dx:30px; --dy:-100px; animation-duration:1.8s; animation-delay:0.7s; }\r\n .spark:nth-child(3) { left:48%; top:56%; --dx:-20px; --dy:-90px; animation-duration:2.4s; animation-delay:1.1s; }\r\n .spark:nth-child(4) { left:52%; top:60%; --dx:50px; --dy:-80px; animation-duration:1.6s; animation-delay:0.4s; }\r\n .spark:nth-child(5) { left:46%; top:57%; --dx:-60px; --dy:-70px; animation-duration:2.8s; animation-delay:0.9s; }\r\n .spark:nth-child(6) { left:54%; top:55%; --dx:20px; --dy:-110px; animation-duration:2.0s; animation-delay:1.5s; }\r\n\r\n \/* \u2500\u2500 SECTION BASE \u2500\u2500 *\/\r\n section { padding: 100px 48px; }\r\n .section-label {\r\n font-size: 11px;\r\n letter-spacing: 4px;\r\n text-transform: uppercase;\r\n color: var(--fire);\r\n margin-bottom: 16px;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n .section-label::before {\r\n content: '';\r\n display: block;\r\n width: 32px;\r\n height: 1px;\r\n background: var(--fire);\r\n }\r\n h2 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: clamp(36px, 5vw, 64px);\r\n letter-spacing: 2px;\r\n margin-bottom: 24px;\r\n line-height: 1;\r\n }\r\n .divider {\r\n width: 60px;\r\n height: 3px;\r\n background: var(--fire);\r\n margin-bottom: 48px;\r\n }\r\n\r\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\r\n #services {\r\n background: var(--charcoal);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n #services::before {\r\n content: '\u041c\u0415\u0422\u0410\u041b\u041b';\r\n position: absolute;\r\n right: -20px; top: 50%;\r\n transform: translateY(-50%);\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 200px;\r\n color: rgba(255,255,255,0.02);\r\n letter-spacing: 10px;\r\n pointer-events: none;\r\n white-space: nowrap;\r\n }\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n gap: 2px;\r\n }\r\n .service-card {\r\n background: var(--steel);\r\n padding: 40px 32px;\r\n border-top: 3px solid transparent;\r\n transition: border-color 0.3s, background 0.3s;\r\n position: relative;\r\n overflow: hidden;\r\n cursor: default;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n .service-card::after {\r\n content: '';\r\n position: absolute;\r\n bottom: 0; left: 0;\r\n width: 0; height: 2px;\r\n background: var(--fire);\r\n transition: width 0.4s;\r\n }\r\n .service-card:hover { background: var(--iron); border-top-color: var(--fire); }\r\n .service-card:hover::after { width: 100%; }\r\n .service-icon {\r\n width: 48px; height: 48px;\r\n margin-bottom: 20px;\r\n display: block;\r\n color: var(--fire);\r\n }\r\n .service-icon svg {\r\n width: 48px; height: 48px;\r\n stroke: var(--fire);\r\n fill: none;\r\n stroke-width: 1.5;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n }\r\n .service-card h3 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 26px;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n color: var(--white);\r\n }\r\n .service-card p {\r\n font-size: 14px;\r\n color: var(--silver);\r\n line-height: 1.6;\r\n font-weight: 300;\r\n flex: 1;\r\n }\r\n .btn-service {\r\n display: inline-block;\r\n margin-top: 20px;\r\n padding: 10px 24px;\r\n background: transparent;\r\n border: 1px solid var(--fire);\r\n color: var(--fire);\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 18px;\r\n letter-spacing: 2px;\r\n text-decoration: none;\r\n transition: background 0.2s, color 0.2s;\r\n align-self: flex-start;\r\n }\r\n .btn-service:hover {\r\n background: var(--fire);\r\n color: var(--white);\r\n }\r\n\r\n \/* \u2500\u2500 WHY US \u2500\u2500 *\/\r\n #why { background: var(--black); }\r\n .why-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 60px;\r\n align-items: center;\r\n }\r\n .why-items { display: flex; flex-direction: column; gap: 28px; }\r\n .why-item { display: flex; gap: 24px; align-items: flex-start; }\r\n .why-num {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 32px;\r\n color: var(--fire);\r\n line-height: 1;\r\n flex-shrink: 0;\r\n opacity: 0.6;\r\n }\r\n .why-item h4 {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 18px;\r\n letter-spacing: 1px;\r\n margin-bottom: 6px;\r\n }\r\n .why-item p { font-size: 12px; color: var(--silver); line-height: 1.6; font-weight: 300; }\r\n .why-stats {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\r\n gap: 2px;\r\n }\r\n .stat-box {\r\n background: var(--charcoal);\r\n padding: 40px 32px;\r\n text-align: center;\r\n border-bottom: 3px solid var(--iron);\r\n transition: border-color 0.3s;\r\n }\r\n .stat-box:hover { border-bottom-color: var(--fire); }\r\n .stat-num {\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 44px;\r\n color: var(--fire);\r\n line-height: 1;\r\n display: block;\r\n }\r\n .stat-label {\r\n font-size: 13px;\r\n letter-spacing: 2px;\r\n text-transform: uppercase;\r\n color: var(--silver);\r\n margin-top: 8px;\r\n display: block;\r\n }\r\n\r\n \/* \u2500\u2500 GALLERY \u2500\u2500 *\/\r\n #works { background: var(--charcoal); }\r\n .works-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n grid-template-rows: 220px 220px;\r\n gap: 4px;\r\n }\r\n .work-item {\r\n background: var(--steel);\r\n position: relative;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .work-overlay {\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(232,92,26,0.12);\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n }\r\n .work-item:hover .work-overlay { opacity: 1; }\r\n\r\n \/* \u2500\u2500 PROCESS \u2500\u2500 *\/\r\n #process { background: var(--black); overflow: hidden; }\r\n .process-steps {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 0;\r\n position: relative;\r\n margin-top: 60px;\r\n }\r\n .process-steps::before {\r\n content: '';\r\n position: absolute;\r\n top: 28px; left: 12.5%; right: 12.5%;\r\n height: 1px;\r\n background: linear-gradient(to right, var(--fire), var(--iron));\r\n z-index: 0;\r\n }\r\n .step { text-align: center; padding: 0 20px; position: relative; z-index: 1; }\r\n .step-circle {\r\n width: 56px; height: 56px;\r\n background: var(--charcoal);\r\n border: 2px solid var(--fire);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 24px;\r\n font-family: 'Bebas Neue', sans-serif;\r\n font-size: 24px;\r\n color: var(--fire);\r\n position: relative;\r\n z-index: 2;\r\n }\r\n .step h4 { font-family: 'Bebas Neue', sans-serif; font-size: 20px; letter-spacing: 1px; margin-bottom: 8px; color: var(--white); }\r\n .step p { font-size: 13px; color: var(--silver); line-height: 1.6; font-weight: 300; }\r\n\r\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\r\n #reviews { background: var(--charcoal); }\r\n .reviews-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2px;\r\n }\r\n .review-card { background: var(--steel); padding: 36px 32px; position: relative; }\r\n .review-card::before {\r\n content: '\\201C';\r\n font-family: Georgia, serif;\r\n font-size: 80px;\r\n color: var(--fire);\r\n opacity: 0.3;\r\n position: absolute;\r\n top: 10px; left: 24px;\r\n line-height: 1;\r\n }\r\n .review-text { font-size: 14px; color: var(--light); line-height: 1.8; font-weight: 300; margin-bottom: 24px; padding-top: 16px; }\r\n .review-author { font-family: 'Bebas Neue', sans-serif; font-size: 18px; letter-spacing: 2px; color: var(--fire); }\r\n .review-role { font-size: 12px; color: var(--slag); letter-spacing: 1px; margin-top: 4px; }\r\n .stars { color: var(--spark); font-size: 14px; margin-bottom: 16px; letter-spacing: 2px; }\r\n\r\n \/* \u2500\u2500 CONTACTS \u2500\u2500 *\/\r\n #contact { background: var(--black); position: relative; overflow: hidden; }\r\n #contact::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: linear-gradient(to right, transparent, var(--fire), transparent);\r\n }\r\n .contact-wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }\r\n .contact-info h2 { margin-bottom: 16px; }\r\n .contact-info p { font-size: 15px; color: var(--silver); line-height: 1.8; font-weight: 300; margin-bottom: 40px; }\r\n .contact-item { display: flex; align-items: center; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--iron); }\r\n .contact-item:first-of-type { border-top: 1px solid var(--iron); }\r\n .contact-icon { width: 48px; height: 48px; background: var(--charcoal); border: 1px solid var(--iron); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n .contact-item-label { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: var(--slag); margin-bottom: 4px; }\r\n .contact-item-value { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 1px; color: var(--white); }\r\n .contact-item-value a { color: inherit; text-decoration: none; transition: color 0.2s; }\r\n .contact-item-value a:hover { color: var(--fire); }\r\n .cta-form { background: var(--charcoal); border: 1px solid var(--iron); border-top: 3px solid var(--fire); padding: 40px; position: sticky; top: 100px; }\r\n .cta-form h3 { font-family: 'Bebas Neue', sans-serif; font-size: 32px; letter-spacing: 2px; margin-bottom: 8px; }\r\n .cta-form p { font-size: 13px; color: var(--silver); margin-bottom: 28px; font-weight: 300; }\r\n\r\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\r\n footer { background: var(--charcoal); border-top: 1px solid var(--iron); padding: 40px 48px; display: flex; align-items: center; justify-content: space-between; }\r\n .footer-logo { font-family: 'Bebas Neue', sans-serif; font-size: 24px; letter-spacing: 3px; }\r\n .footer-logo span { color: var(--fire); }\r\n footer p { font-size: 12px; color: var(--slag); letter-spacing: 1px; }\r\n\r\n \/* \u2500\u2500 WHATSAPP FLOAT \u2500\u2500 *\/\r\n .wa-float {\r\n position: fixed;\r\n bottom: 32px; right: 32px;\r\n z-index: 200;\r\n width: 60px; height: 60px;\r\n background: #25D366;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow: 0 4px 20px rgba(37,211,102,0.4);\r\n text-decoration: none;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n animation: pulse 2.5s infinite;\r\n }\r\n .wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(37,211,102,0.6); animation: none; }\r\n @keyframes pulse {\r\n 0%, 100% { box-shadow: 0 4px 20px rgba(37,211,102,0.4); }\r\n 50% { box-shadow: 0 4px 32px rgba(37,211,102,0.7); }\r\n }\r\n\r\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n @media (max-width: 900px) {\r\n header { padding: 14px 24px; }\r\n nav { display: none; }\r\n .header-phone { display: flex; }\r\n #hero { grid-template-columns: 1fr; min-height: auto; }\r\n .hero-left { padding: 100px 24px 60px; }\r\n .hero-right { display: none; }\r\n section { padding: 70px 24px; }\r\n .why-grid { grid-template-columns: 1fr; }\r\n .works-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 160px 160px 160px 160px; }\r\n .works-grid .work-item { grid-column: span 1 !important; }\r\n .process-steps { grid-template-columns: 1fr 1fr; }\r\n .process-steps::before { display: none; }\r\n .reviews-grid { grid-template-columns: 1fr; }\r\n .contact-wrap { grid-template-columns: 1fr; }\r\n footer { flex-direction: column; gap: 16px; text-align: center; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n\r\n<header>\r\n <div class=\"logo\">\u0421\u0412\u0410\u0420\u041a\u0410<span>\u0410\u041b\u041c\u0410\u0422\u042b<\/span><\/div>\r\n <nav>\r\n <a href=\"#services\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a>\r\n <a href=\"#why\">\u041e \u043d\u0430\u0441<\/a>\r\n <a href=\"#process\">\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c<\/a>\r\n <a href=\"#reviews\">\u041e\u0442\u0437\u044b\u0432\u044b<\/a>\r\n <a href=\"#contact\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/a>\r\n <\/nav>\r\n <a href=\"tel:+77074583307\" class=\"header-phone\">\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.8 19.79 19.79 0 012 1.18 2 2 0 014 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92z\" transform=\"translate(1 1)\"\/><\/svg>\r\n <span>+7 707 458 33 07<\/span>\r\n <\/a>\r\n<\/header>\r\n\r\n\r\n<section id=\"hero\">\r\n <div class=\"hero-bg\"><\/div>\r\n <div class=\"hero-left\">\r\n <div class=\"hero-tag\">\u00b7\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0430\u0441\u0442\u0435\u0440<\/div>\r\n <h1>\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438<\/h1>\r\n <p class=\"hero-desc\">\u041d\u0430\u0432\u0435\u0441\u044b, \u043f\u0435\u0440\u0438\u043b\u0430, \u0432\u043e\u0440\u043e\u0442\u0430, \u0440\u0435\u0448\u0451\u0442\u043a\u0438, \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u044b, \u043a\u0440\u044b\u043b\u044c\u0446\u043e \u2014 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043c \u0432\u0441\u0451 \u0442\u043e\u0447\u043d\u043e, \u043d\u0430\u0434\u0451\u0436\u043d\u043e \u0438 \u0432 \u0441\u0440\u043e\u043a. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u0447\u0430\u0441\u0442\u043d\u044b\u043c\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c\u0438 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u043c.<\/p>\r\n <div class=\"wa-form\">\r\n <label>\u041e\u043f\u0438\u0448\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e<\/label>\r\n <textarea id=\"heroMsg\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: \u043d\u0443\u0436\u0435\u043d \u043d\u0430\u0432\u0435\u0441 \u043d\u0430\u0434 \u0433\u0430\u0440\u0430\u0436\u043e\u043c 4\u00d76 \u043c, \u043f\u0440\u043e\u0444\u0442\u0440\u0443\u0431\u0430, \u043f\u043e\u0434 \u043a\u043b\u044e\u0447...\"><\/textarea>\r\n <button class=\"btn-wa\" onclick=\"sendWA('heroMsg')\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n \u041d\u0410\u041f\u0418\u0421\u0410\u0422\u042c \u0412 WHATSAPP\r\n <\/button>\r\n <p class=\"form-note\">\u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 \u0442\u0435\u0447\u0435\u043d\u0438\u0435 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u043c\u0438\u043d\u0443\u0442<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-right\">\r\n <div class=\"hero-visual\"><\/div>\r\n <div class=\"hero-sparks\">\r\n <div class=\"spark\"><\/div><div class=\"spark\"><\/div><div class=\"spark\"><\/div>\r\n <div class=\"spark\"><\/div><div class=\"spark\"><\/div><div class=\"spark\"><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"services\">\r\n <div class=\"section-label\">\u041d\u0430\u0448\u0438 \u0443\u0441\u043b\u0443\u0433\u0438<\/div>\r\n <h2>\u0427\u0442\u043e \u043c\u044b \u0434\u0435\u043b\u0430\u0435\u043c<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><polyline points=\"4,22 24,6 44,22\"\/><line x1=\"8\" y1=\"22\" x2=\"8\" y2=\"42\"\/><line x1=\"40\" y1=\"22\" x2=\"40\" y2=\"42\"\/><line x1=\"8\" y1=\"42\" x2=\"40\" y2=\"42\"\/><line x1=\"8\" y1=\"22\" x2=\"40\" y2=\"22\"\/><line x1=\"18\" y1=\"22\" x2=\"18\" y2=\"42\"\/><line x1=\"30\" y1=\"22\" x2=\"30\" y2=\"42\"\/><\/svg><\/span>\r\n <h3>\u041d\u0430\u0432\u0435\u0441\u044b<\/h3>\r\n <p>\u041d\u0430\u0432\u0435\u0441\u044b \u043d\u0430\u0434 \u0432\u0445\u043e\u0434\u043e\u043c, \u0433\u0430\u0440\u0430\u0436\u043e\u043c, \u0442\u0435\u0440\u0440\u0430\u0441\u043e\u0439, \u043f\u0430\u0440\u043a\u043e\u0432\u043a\u043e\u0439. \u041b\u044e\u0431\u044b\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u044b \u0438 \u043a\u043e\u043d\u0444\u0438\u0433\u0443\u0440\u0430\u0446\u0438\u0438. \u041c\u0435\u0442\u0430\u043b\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043a\u0430\u0440\u043a\u0430\u0441 \u0441 \u043f\u0440\u043e\u0444\u043b\u0438\u0441\u0442\u043e\u043c \u0438\u043b\u0438 \u043f\u043e\u043b\u0438\u043a\u0430\u0440\u0431\u043e\u043d\u0430\u0442\u043e\u043c.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u043d\u0430\u0432\u0435\u0441\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><rect x=\"4\" y=\"8\" width=\"18\" height=\"34\"\/><rect x=\"26\" y=\"8\" width=\"18\" height=\"34\"\/><line x1=\"4\" y1=\"8\" x2=\"22\" y2=\"8\"\/><line x1=\"26\" y1=\"8\" x2=\"44\" y2=\"8\"\/><line x1=\"13\" y1=\"20\" x2=\"13\" y2=\"28\"\/><line x1=\"35\" y1=\"20\" x2=\"35\" y2=\"28\"\/><circle cx=\"22\" cy=\"25\" r=\"2\" fill=\"none\"\/><circle cx=\"26\" cy=\"25\" r=\"2\" fill=\"none\"\/><\/svg><\/span>\r\n <h3>\u0412\u043e\u0440\u043e\u0442\u0430<\/h3>\r\n <p>\u0420\u0430\u0441\u043f\u0430\u0448\u043d\u044b\u0435, \u043e\u0442\u043a\u0430\u0442\u043d\u044b\u0435, \u0441\u0435\u043a\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u0432\u043e\u0440\u043e\u0442\u0430. \u0423\u0441\u0438\u043b\u0435\u043d\u043d\u044b\u0435 \u0440\u0430\u043c\u044b, \u0443\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u043e\u0434 \u043a\u043b\u044e\u0447. \u041b\u044e\u0431\u043e\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u2014 \u043e\u0442 \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u0434\u043e \u043a\u043e\u0432\u0430\u043d\u043e\u0433\u043e.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u0432\u043e\u0440\u043e\u0442\u0430\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><rect x=\"6\" y=\"6\" width=\"36\" height=\"36\"\/><line x1=\"14\" y1=\"6\" x2=\"14\" y2=\"42\"\/><line x1=\"24\" y1=\"6\" x2=\"24\" y2=\"42\"\/><line x1=\"34\" y1=\"6\" x2=\"34\" y2=\"42\"\/><line x1=\"6\" y1=\"16\" x2=\"42\" y2=\"16\"\/><line x1=\"6\" y1=\"24\" x2=\"42\" y2=\"24\"\/><line x1=\"6\" y1=\"32\" x2=\"42\" y2=\"32\"\/><\/svg><\/span>\r\n <h3>\u0420\u0435\u0448\u0451\u0442\u043a\u0438<\/h3>\r\n <p>\u041e\u043a\u043e\u043d\u043d\u044b\u0435 \u0438 \u0434\u0432\u0435\u0440\u043d\u044b\u0435 \u0440\u0435\u0448\u0451\u0442\u043a\u0438 \u0434\u043b\u044f \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u043e\u0441\u0442\u0438 \u0434\u043e\u043c\u0430 \u0438\u043b\u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u0430. \u041f\u0440\u044f\u043c\u044b\u0435, \u0444\u0438\u0433\u0443\u0440\u043d\u044b\u0435, \u0441 \u0445\u0440\u043e\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0438 \u043f\u043e\u043a\u0440\u0430\u0441\u043a\u043e\u0439.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u0440\u0435\u0448\u0451\u0442\u043a\u0438\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><polyline points=\"6,42 6,30 18,30 18,18 30,18 30,6 42,6\"\/><line x1=\"6\" y1=\"6\" x2=\"6\" y2=\"42\"\/><line x1=\"6\" y1=\"42\" x2=\"42\" y2=\"42\"\/><\/svg><\/span>\r\n <h3>\u041b\u0435\u0441\u0442\u043d\u0438\u0446\u044b<\/h3>\r\n <p>\u041c\u0430\u0440\u0448\u0435\u0432\u044b\u0435 \u0438 \u0432\u0438\u043d\u0442\u043e\u0432\u044b\u0435 \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u044b \u0438\u0437 \u043c\u0435\u0442\u0430\u043b\u043b\u0430. \u041f\u0440\u043e\u0447\u043d\u044b\u0435, \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u043d\u044b\u0435, \u0434\u043e\u043b\u0433\u043e\u0432\u0435\u0447\u043d\u044b\u0435. \u0418\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u0435 \u0438 \u043c\u043e\u043d\u0442\u0430\u0436 \u043f\u043e\u0434 \u043a\u043b\u044e\u0447.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0443\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><line x1=\"4\" y1=\"12\" x2=\"44\" y2=\"12\"\/><line x1=\"4\" y1=\"36\" x2=\"44\" y2=\"36\"\/><line x1=\"10\" y1=\"12\" x2=\"10\" y2=\"36\"\/><line x1=\"20\" y1=\"12\" x2=\"20\" y2=\"36\"\/><line x1=\"28\" y1=\"12\" x2=\"28\" y2=\"36\"\/><line x1=\"38\" y1=\"12\" x2=\"38\" y2=\"36\"\/><line x1=\"4\" y1=\"8\" x2=\"4\" y2=\"42\"\/><line x1=\"44\" y1=\"8\" x2=\"44\" y2=\"42\"\/><\/svg><\/span>\r\n <h3>\u041f\u0435\u0440\u0438\u043b\u0430<\/h3>\r\n <p>\u041f\u0435\u0440\u0438\u043b\u0430 \u0434\u043b\u044f \u043b\u0435\u0441\u0442\u043d\u0438\u0446, \u0431\u0430\u043b\u043a\u043e\u043d\u043e\u0432, \u043a\u0440\u044b\u043b\u0435\u0446. \u041a\u0440\u0443\u0433\u043b\u0430\u044f \u0442\u0440\u0443\u0431\u0430, \u043a\u0432\u0430\u0434\u0440\u0430\u0442, \u043d\u0435\u0440\u0436\u0430\u0432\u0435\u0439\u043a\u0430 \u2014 \u043f\u043e\u0434 \u043b\u044e\u0431\u043e\u0439 \u0441\u0442\u0438\u043b\u044c \u0438\u043d\u0442\u0435\u0440\u044c\u0435\u0440\u0430 \u0438\u043b\u0438 \u044d\u043a\u0441\u0442\u0435\u0440\u044c\u0435\u0440\u0430.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u043f\u0435\u0440\u0438\u043b\u0430\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><polyline points=\"4,42 4,32 14,32 14,24 26,24 26,16 38,16 38,42\"\/><line x1=\"4\" y1=\"42\" x2=\"44\" y2=\"42\"\/><line x1=\"4\" y1=\"28\" x2=\"14\" y2=\"20\"\/><line x1=\"14\" y1=\"20\" x2=\"26\" y2=\"12\"\/><line x1=\"26\" y1=\"12\" x2=\"38\" y2=\"6\"\/><\/svg><\/span>\r\n <h3>\u041a\u0440\u044b\u043b\u044c\u0446\u043e<\/h3>\r\n <p>\u041c\u0435\u0442\u0430\u043b\u043b\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u043a\u0440\u044b\u043b\u044c\u0446\u0430 \u0441 \u043f\u0435\u0440\u0438\u043b\u0430\u043c\u0438 \u0438 \u0441\u0442\u0443\u043f\u0435\u043d\u044f\u043c\u0438. \u0421\u0432\u0430\u0440\u043a\u0430, \u043c\u043e\u043d\u0442\u0430\u0436, \u0430\u043d\u0442\u0438\u043a\u043e\u0440\u0440\u043e\u0437\u0438\u0439\u043d\u0430\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0438 \u043f\u043e\u043a\u0440\u0430\u0441\u043a\u0430.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u043a\u0440\u044b\u043b\u044c\u0446\u043e\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <span class=\"service-icon\"><svg viewBox=\"0 0 48 48\"><line x1=\"10\" y1=\"38\" x2=\"30\" y2=\"18\" stroke-width=\"2.5\"\/><line x1=\"30\" y1=\"18\" x2=\"38\" y2=\"10\"\/><circle cx=\"30\" cy=\"18\" r=\"3\" fill=\"currentColor\" stroke=\"none\" style=\"fill:var(--fire)\"\/><line x1=\"30\" y1=\"18\" x2=\"22\" y2=\"10\"\/><line x1=\"30\" y1=\"18\" x2=\"38\" y2=\"24\"\/><line x1=\"30\" y1=\"18\" x2=\"36\" y2=\"14\"\/><line x1=\"30\" y1=\"18\" x2=\"24\" y2=\"14\"\/><line x1=\"30\" y1=\"18\" x2=\"34\" y2=\"22\"\/><rect x=\"6\" y=\"36\" width=\"8\" height=\"6\" rx=\"1\"\/><\/svg><\/span>\r\n <h3>\u0421\u0432\u0430\u0440\u043a\u0430 \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438<\/h3>\r\n <p>\u041d\u0435\u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u044b\u0435 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438, \u0440\u0435\u043c\u043e\u043d\u0442 \u043c\u0435\u0442\u0430\u043b\u043b\u043e\u0438\u0437\u0434\u0435\u043b\u0438\u0439, \u0443\u0441\u0438\u043b\u0435\u043d\u0438\u0435 \u043a\u0430\u0440\u043a\u0430\u0441\u043e\u0432. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u043b\u044e\u0431\u044b\u043c \u043c\u0435\u0442\u0430\u043b\u043b\u043e\u043c \u0438 \u0437\u0430\u0434\u0430\u043d\u0438\u0435\u043c.<\/p>\r\n <a href=\"https:\/\/wa.me\/77074583307?text=\u0425\u043e\u0447\u0443%20\u0437\u0430\u043a\u0430\u0437\u0430\u0442\u044c%20\u0441\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435%20\u0440\u0430\u0431\u043e\u0442\u044b\" class=\"btn-service\">\u0417\u0430\u043a\u0430\u0437\u0430\u0442\u044c<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"why\">\r\n <div class=\"why-grid\">\r\n <div>\r\n <div class=\"section-label\">\u041f\u043e\u0447\u0435\u043c\u0443 \u043c\u044b<\/div>\r\n <h2>\u041d\u0430\u0434\u0451\u0436\u043d\u043e.<br>\u0422\u043e\u0447\u043d\u043e.<br>\u0412 \u0441\u0440\u043e\u043a.<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"why-items\">\r\n <div class=\"why-item\">\r\n <div class=\"why-num\">01<\/div>\r\n <div><h4>\u041e\u043f\u044b\u0442 \u0431\u043e\u043b\u0435\u0435 10 \u043b\u0435\u0442<\/h4><p>\u0412\u044b\u043f\u043e\u043b\u043d\u0438\u043b\u0438 \u0441\u043e\u0442\u043d\u0438 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432 \u0432 \u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u0410\u043b\u043c\u0430\u0442\u0438\u043d\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438. \u0417\u043d\u0430\u0435\u043c \u0432\u0441\u0435 \u043d\u044e\u0430\u043d\u0441\u044b \u043c\u0435\u0442\u0430\u043b\u043b\u043e\u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <div class=\"why-num\">02<\/div>\r\n <div><h4>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043f\u043e\u0434 \u043a\u043b\u044e\u0447<\/h4><p>\u041e\u0431\u043c\u0435\u0440, \u043f\u0440\u043e\u0435\u043a\u0442, \u0438\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u0435, \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430, \u043c\u043e\u043d\u0442\u0430\u0436 \u0438 \u043f\u043e\u043a\u0440\u0430\u0441\u043a\u0430 \u2014 \u0432\u0441\u0451 \u0432\u043a\u043b\u044e\u0447\u0435\u043d\u043e \u0432 \u043e\u0434\u043d\u0443 \u0446\u0435\u043d\u0443.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <div class=\"why-num\">03<\/div>\r\n <div><h4>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u044b<\/h4><p>\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u0440\u0443\u0435\u043c \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e \u0441\u0432\u0430\u0440\u043d\u044b\u0445 \u0448\u0432\u043e\u0432 \u0438 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438. \u0423\u0441\u0442\u0440\u0430\u043d\u0438\u043c \u043b\u044e\u0431\u043e\u0439 \u0434\u0435\u0444\u0435\u043a\u0442 \u0437\u0430 \u0441\u0432\u043e\u0439 \u0441\u0447\u0451\u0442.<\/p><\/div>\r\n <\/div>\r\n <div class=\"why-item\">\r\n <div class=\"why-num\">04<\/div>\r\n <div><h4>\u0427\u0435\u0441\u0442\u043d\u044b\u0435 \u0446\u0435\u043d\u044b<\/h4><p>\u0421\u043c\u0435\u0442\u0443 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0437\u0430\u0440\u0430\u043d\u0435\u0435 \u2014 \u043d\u0438\u043a\u0430\u043a\u0438\u0445 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u0434\u043e\u043f\u043b\u0430\u0442 \u0432 \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u0435 \u0440\u0430\u0431\u043e\u0442\u044b.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"why-stats\">\r\n <div class=\"stat-box\"><span class=\"stat-num\">500+<\/span><span class=\"stat-label\">\u0412\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u044b\u0445 \u043e\u0431\u044a\u0435\u043a\u0442\u043e\u0432<\/span><\/div>\r\n <div class=\"stat-box\"><span class=\"stat-num\">10+<\/span><span class=\"stat-label\">\u041b\u0435\u0442 \u043e\u043f\u044b\u0442\u0430<\/span><\/div>\r\n <div class=\"stat-box\"><span class=\"stat-num\">100%<\/span><span class=\"stat-label\">\u0413\u0430\u0440\u0430\u043d\u0442\u0438\u044f \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430<\/span><\/div>\r\n <div class=\"stat-box\"><span class=\"stat-num\">24\u0447<\/span><span class=\"stat-label\">\u0412\u044b\u0435\u0437\u0434 \u043d\u0430 \u0437\u0430\u043c\u0435\u0440<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"works\">\r\n <div class=\"section-label\">\u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/div>\r\n <h2>\u041d\u0430\u0448\u0438 \u0440\u0430\u0431\u043e\u0442\u044b<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"works-grid\">\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.38.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.39.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.39-1.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.40.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.40-1.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.41.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.41-1.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <div class=\"work-item\">\r\n <img decoding=\"async\" src=\"https:\/\/svarozhnye-raboty.kz\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-02-at-10.58.42.jpeg\" alt=\"\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b\" style=\"width:100%;height:100%;object-fit:cover;display:block;\">\r\n <div class=\"work-overlay\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <p style=\"color:var(--slag); font-size:13px; margin-top:20px; letter-spacing:1px;\">* \u041f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u0444\u043e\u0442\u043e\u0433\u0440\u0430\u0444\u0438\u0439 \u043c\u043e\u0436\u043d\u043e \u0437\u0430\u043f\u0440\u043e\u0441\u0438\u0442\u044c \u0432 WhatsApp<\/p>\r\n<\/section>\r\n\r\n\r\n<section id=\"process\">\r\n <div class=\"section-label\">\u041a\u0430\u043a \u043c\u044b \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c<\/div>\r\n <h2>4 \u0448\u0430\u0433\u0430 \u0434\u043e \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u0430<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"process-steps\">\r\n <div class=\"step\"><div class=\"step-circle\">1<\/div><h4>\u0417\u0430\u044f\u0432\u043a\u0430<\/h4><p>\u041d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0438\u043b\u0438 \u043f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435. \u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443 \u2014 \u043c\u044b \u0441\u0440\u0430\u0437\u0443 \u0434\u0430\u0434\u0438\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u0443\u044e \u0446\u0435\u043d\u0443.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-circle\">2<\/div><h4>\u0417\u0430\u043c\u0435\u0440<\/h4><p>\u0412\u044b\u0435\u0437\u0436\u0430\u0435\u043c \u043d\u0430 \u043e\u0431\u044a\u0435\u043a\u0442 \u0432 \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f. \u041f\u0440\u043e\u0432\u043e\u0434\u0438\u043c \u0437\u0430\u043c\u0435\u0440\u044b \u0438 \u0441\u043e\u0433\u043b\u0430\u0441\u043e\u0432\u044b\u0432\u0430\u0435\u043c \u0441\u043c\u0435\u0442\u0443.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-circle\">3<\/div><h4>\u0418\u0437\u0433\u043e\u0442\u043e\u0432\u043b\u0435\u043d\u0438\u0435<\/h4><p>\u0418\u0437\u0433\u043e\u0442\u0430\u0432\u043b\u0438\u0432\u0430\u0435\u043c \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044e \u0432 \u043c\u0430\u0441\u0442\u0435\u0440\u0441\u043a\u043e\u0439. \u0421\u043e\u0431\u043b\u044e\u0434\u0430\u0435\u043c \u0441\u0440\u043e\u043a\u0438 \u0438 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u044b \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0430.<\/p><\/div>\r\n <div class=\"step\"><div class=\"step-circle\">4<\/div><h4>\u041c\u043e\u043d\u0442\u0430\u0436 \u0438 \u0441\u0434\u0430\u0447\u0430<\/h4><p>\u041f\u0440\u0438\u0432\u043e\u0437\u0438\u043c, \u043c\u043e\u043d\u0442\u0438\u0440\u0443\u0435\u043c, \u043a\u0440\u0430\u0441\u0438\u043c. \u041f\u0440\u0438\u043d\u0438\u043c\u0430\u0435\u0442\u0435 \u0440\u0430\u0431\u043e\u0442\u0443 \u0438 \u043e\u043f\u043b\u0430\u0447\u0438\u0432\u0430\u0435\u0442\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u0441\u043b\u0435.<\/p><\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"reviews\">\r\n <div class=\"section-label\">\u041e\u0442\u0437\u044b\u0432\u044b \u043a\u043b\u0438\u0435\u043d\u0442\u043e\u0432<\/div>\r\n <h2>\u0413\u043e\u0432\u043e\u0440\u044f\u0442 \u043d\u0430\u0448\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u044b<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"reviews-grid\">\r\n <div class=\"review-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"review-text\">\u0417\u0430\u043a\u0430\u0437\u0430\u043b \u043d\u0430\u0432\u0435\u0441 \u043d\u0430\u0434 \u0432\u0445\u043e\u0434\u043e\u043c \u0432 \u043c\u0430\u0433\u0430\u0437\u0438\u043d. \u041f\u0440\u0438\u0435\u0445\u0430\u043b\u0438 \u0431\u044b\u0441\u0442\u0440\u043e, \u0441\u0434\u0435\u043b\u0430\u043b\u0438 \u0432\u0441\u0451 \u0430\u043a\u043a\u0443\u0440\u0430\u0442\u043d\u043e. \u0421\u0432\u0430\u0440\u043d\u044b\u0435 \u0448\u0432\u044b \u0440\u043e\u0432\u043d\u044b\u0435, \u043f\u043e\u043a\u0440\u0430\u0441\u043a\u0430 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f. \u041e\u0434\u043d\u043e\u0437\u043d\u0430\u0447\u043d\u043e \u0440\u0435\u043a\u043e\u043c\u0435\u043d\u0434\u0443\u044e!<\/p>\r\n <div class=\"review-author\">\u0410\u0441\u0435\u0442 \u041a.<\/div>\r\n <div class=\"review-role\">\u041f\u0440\u0435\u0434\u043f\u0440\u0438\u043d\u0438\u043c\u0430\u0442\u0435\u043b\u044c, \u0410\u043b\u043c\u0430\u0442\u044b<\/div>\r\n <\/div>\r\n <div class=\"review-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"review-text\">\u0414\u0435\u043b\u0430\u043b\u0438 \u0432\u043e\u0440\u043e\u0442\u0430 \u043e\u0442\u043a\u0430\u0442\u043d\u044b\u0435 \u0438 \u0440\u0435\u0448\u0451\u0442\u043a\u0438 \u043d\u0430 \u043e\u043a\u043d\u0430. \u0426\u0435\u043d\u0430 \u0430\u0434\u0435\u043a\u0432\u0430\u0442\u043d\u0430\u044f, \u0431\u0435\u0437 \u0441\u043a\u0440\u044b\u0442\u044b\u0445 \u043d\u0430\u043a\u0440\u0443\u0442\u043e\u043a. \u0420\u0430\u0431\u043e\u0442\u0430\u044e\u0442 \u0431\u044b\u0441\u0442\u0440\u043e \u0438 \u0447\u0438\u0441\u0442\u043e. \u0411\u0443\u0434\u0443 \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f \u0435\u0449\u0451.<\/p>\r\n <div class=\"review-author\">\u0414\u0438\u043d\u0430 \u041c.<\/div>\r\n <div class=\"review-role\">\u0427\u0430\u0441\u0442\u043d\u044b\u0439 \u0434\u043e\u043c, \u043c\u043a\u0440. \u0410\u043b\u0430\u0442\u0430\u0443<\/div>\r\n <\/div>\r\n <div class=\"review-card\">\r\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n <p class=\"review-text\">\u0421\u0434\u0435\u043b\u0430\u043b\u0438 \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u0443 \u043d\u0430 \u0432\u0442\u043e\u0440\u043e\u0439 \u044d\u0442\u0430\u0436 \u0441 \u043f\u0435\u0440\u0438\u043b\u0430\u043c\u0438. \u041a\u0440\u0430\u0441\u0438\u0432\u043e, \u043f\u0440\u043e\u0447\u043d\u043e, \u0432 \u0441\u0440\u043e\u043a. \u041c\u0430\u0441\u0442\u0435\u0440 \u0437\u043d\u0430\u0435\u0442 \u0441\u0432\u043e\u0451 \u0434\u0435\u043b\u043e \u2014 \u0432\u0438\u0434\u043d\u043e \u0441\u0440\u0430\u0437\u0443. \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0440\u0430\u0431\u043e\u0442\u0443!<\/p>\r\n <div class=\"review-author\">\u0420\u0443\u0441\u043b\u0430\u043d \u0422.<\/div>\r\n <div class=\"review-role\">\u041a\u043e\u0442\u0442\u0435\u0434\u0436, \u043f\u043e\u0441. \u0411\u043e\u0440\u0430\u043b\u0434\u0430\u0439<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<section id=\"contact\">\r\n <div class=\"contact-wrap\">\r\n <div class=\"contact-info\">\r\n <div class=\"section-label\">\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b<\/div>\r\n <h2>\u0421\u0432\u044f\u0436\u0438\u0442\u0435\u0441\u044c<br>\u0441 \u043d\u0430\u043c\u0438<\/h2>\r\n <div class=\"divider\"><\/div>\r\n <p>\u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u043f\u043e \u0432\u0441\u0435\u043c\u0443 \u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u0410\u043b\u043c\u0430\u0442\u0438\u043d\u0441\u043a\u043e\u0439 \u043e\u0431\u043b\u0430\u0441\u0442\u0438. \u0412\u044b\u0435\u0437\u0434 \u043d\u0430 \u0437\u0430\u043c\u0435\u0440 \u2014 \u0431\u0435\u0441\u043f\u043b\u0430\u0442\u043d\u043e. \u041f\u043e\u0437\u0432\u043e\u043d\u0438\u0442\u0435 \u0438\u043b\u0438 \u043d\u0430\u043f\u0438\u0448\u0438\u0442\u0435 \u0432 WhatsApp \u2014 \u043e\u0442\u0432\u0435\u0442\u0438\u043c \u0431\u044b\u0441\u0442\u0440\u043e.<\/p>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--fire)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07A19.5 19.5 0 013.07 9.8 19.79 19.79 0 012 1.18 2 2 0 014 0h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 14.92z\" transform=\"translate(1 1)\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"contact-item-label\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d \/ WhatsApp<\/div>\r\n <div class=\"contact-item-value\"><a href=\"tel:+77074583307\">+7 707 458 33 07<\/a><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--fire)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0118 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"contact-item-label\">\u0413\u043e\u0440\u043e\u0434<\/div>\r\n <div class=\"contact-item-value\">\u0410\u043b\u043c\u0430\u0442\u044b \u0438 \u043e\u0431\u043b\u0430\u0441\u0442\u044c<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--fire)\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg><\/div>\r\n <div>\r\n <div class=\"contact-item-label\">\u0413\u0440\u0430\u0444\u0438\u043a \u0440\u0430\u0431\u043e\u0442\u044b<\/div>\r\n <div class=\"contact-item-value\">\u041f\u043d\u2013\u0412\u0441, 08:00\u201320:00<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"cta-form\">\r\n <h3>\u041f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0440\u0430\u0441\u0447\u0451\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438<\/h3>\r\n <p>\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0432\u0430\u0448\u0443 \u0437\u0430\u0434\u0430\u0447\u0443 \u2014 \u043e\u0442\u0432\u0435\u0442\u0438\u043c \u0438 \u043d\u0430\u0437\u043d\u0430\u0447\u0438\u043c \u0443\u0434\u043e\u0431\u043d\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u0434\u043b\u044f \u0437\u0430\u043c\u0435\u0440\u0430<\/p>\r\n <label>\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435<\/label>\r\n <textarea id=\"ctaMsg\" placeholder=\"\u041e\u043f\u0438\u0448\u0438\u0442\u0435 \u0447\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c: \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b, \u0440\u0430\u0437\u043c\u0435\u0440\u044b, \u0441\u0440\u043e\u043a\u0438...\" style=\"width:100%;background:var(--steel);border:1px solid var(--iron);color:var(--white);font-family:'Roboto Condensed',sans-serif;font-size:15px;padding:14px 18px;resize:vertical;min-height:130px;outline:none;border-radius:0;margin-bottom:16px;line-height:1.6;display:block;\"><\/textarea>\r\n <button class=\"btn-wa\" onclick=\"sendWA('ctaMsg')\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n \u041d\u0410\u041f\u0418\u0421\u0410\u0422\u042c \u0412 WHATSAPP\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n\r\n<footer>\r\n <div class=\"footer-logo\">\u0421\u0412\u0410\u0420\u041a\u0410<span>\u0410\u041b\u041c\u0410\u0422\u042b<\/span><\/div>\r\n <p>\u00a9 2024 \u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u0410\u043b\u043c\u0430\u0442\u044b \u00b7 \u0412\u0441\u0435 \u043f\u0440\u0430\u0432\u0430 \u0437\u0430\u0449\u0438\u0449\u0435\u043d\u044b<\/p>\r\n <p>+7 707 458 33 07<\/p>\r\n<\/footer>\r\n\r\n\r\n<a href=\"https:\/\/wa.me\/77074583307\" target=\"_blank\" class=\"wa-float\" title=\"\u041d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432 WhatsApp\">\r\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"white\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\r\n<\/a>\r\n\r\n<script>\r\n function sendWA(fieldId) {\r\n const msg = document.getElementById(fieldId).value.trim();\r\n if (!msg) {\r\n document.getElementById(fieldId).focus();\r\n document.getElementById(fieldId).style.borderColor = '#e85c1a';\r\n setTimeout(() => { document.getElementById(fieldId).style.borderColor = ''; }, 1500);\r\n return;\r\n }\r\n const phone = '77074583307';\r\n const url = `https:\/\/wa.me\/${phone}?text=${encodeURIComponent(msg)}`;\r\n window.open(url, '_blank');\r\n }\r\n document.querySelectorAll('textarea').forEach(ta => {\r\n ta.addEventListener('keydown', e => {\r\n if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') sendWA(ta.id);\r\n });\r\n });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u0432 \u0410\u043b\u043c\u0430\u0442\u044b | \u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0430\u0441\u0442\u0435\u0440 \u0421\u0412\u0410\u0420\u041a\u0410\u0410\u041b\u041c\u0410\u0422\u042b \u0423\u0441\u043b\u0443\u0433\u0438 \u041e \u043d\u0430\u0441 \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u041e\u0442\u0437\u044b\u0432\u044b \u041a\u043e\u043d\u0442\u0430\u043a\u0442\u044b +7 707 458 33 07 \u00b7\u041f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043c\u0430\u0441\u0442\u0435\u0440 \u0421\u0432\u0430\u0440\u043e\u0447\u043d\u044b\u0435 \u0440\u0430\u0431\u043e\u0442\u044b \u043b\u044e\u0431\u043e\u0439 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u041d\u0430\u0432\u0435\u0441\u044b, \u043f\u0435\u0440\u0438\u043b\u0430, \u0432\u043e\u0440\u043e\u0442\u0430, \u0440\u0435\u0448\u0451\u0442\u043a\u0438, \u043b\u0435\u0441\u0442\u043d\u0438\u0446\u044b, \u043a\u0440\u044b\u043b\u044c\u0446\u043e \u2014 \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043c \u0432\u0441\u0451 \u0442\u043e\u0447\u043d\u043e, \u043d\u0430\u0434\u0451\u0436\u043d\u043e \u0438 \u0432 \u0441\u0440\u043e\u043a. \u0420\u0430\u0431\u043e\u0442\u0430\u0435\u043c \u0441 \u0447\u0430\u0441\u0442\u043d\u044b\u043c\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\u043c\u0438 \u0438 \u0431\u0438\u0437\u043d\u0435\u0441\u043e\u043c. \u041e\u043f\u0438\u0448\u0438\u0442\u0435, \u0447\u0442\u043e \u0432\u0430\u043c \u043d\u0443\u0436\u043d\u043e \u041d\u0410\u041f\u0418\u0421\u0410\u0422\u042c \u0412 WHATSAPP \u041e\u0442\u0432\u0435\u0442\u0438\u043c \u0432 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":31,"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":69,"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/69"}],"wp:attachment":[{"href":"https:\/\/svarozhnye-raboty.kz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}