{"id":25501,"date":"2026-04-15T01:14:21","date_gmt":"2026-04-14T23:14:21","guid":{"rendered":"https:\/\/skyagency-group.com\/?page_id=25501"},"modified":"2026-04-23T00:11:50","modified_gmt":"2026-04-22T22:11:50","slug":"landing-chatbot","status":"publish","type":"page","link":"https:\/\/skyagency-group.com\/bg\/landing-chatbot\/","title":{"rendered":"Landing Page Chatbot"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Sky Agency \u2013 AI \u0427\u0430\u0442\u0431\u043e\u0442 \u0437\u0430 \u0412\u0430\u0448\u0438\u044f \u0411\u0438\u0437\u043d\u0435\u0441<\/title>\r\n <meta name=\"description\"\r\n content=\"\u0412\u043d\u0435\u0434\u0440\u0435\u0442\u0435 \u0443\u043c\u0435\u043d AI \u0447\u0430\u0442\u0431\u043e\u0442 \u0437\u0430 \u0432\u0430\u0448\u0438\u044f \u0441\u0430\u0439\u0442, Instagram \u0438\u043b\u0438 WhatsApp. \u041e\u0442\u0433\u043e\u0432\u0430\u0440\u044f 24\/7, \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0430 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f \u0438 \u043e\u0431\u0441\u043b\u0443\u0436\u0432\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0438 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u043e. \u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f.\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter+Tight:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\"\r\n rel=\"stylesheet\">\r\n <style>\r\n \/* \u2500\u2500\u2500 RESET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n *,\r\n *::before,\r\n *::after {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n font-size: 16px\r\n }\r\n\r\n img,\r\n svg {\r\n display: block;\r\n max-width: 100%\r\n }\r\n\r\n a {\r\n text-decoration: none;\r\n color: inherit\r\n }\r\n\r\n ul,\r\n ol {\r\n list-style: none\r\n }\r\n\r\n \/* \u2500\u2500\u2500 TOKENS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n :root {\r\n --p: #002b42;\r\n --p2: #094260;\r\n --s: #1979ab;\r\n --s-light: #e8f4fb;\r\n --white: #ffffff;\r\n --gray-50: #f7f8fa;\r\n --gray-100: #f0f2f5;\r\n --gray-200: #e4e7ec;\r\n --gray-400: #9aa3af;\r\n --gray-600: #56626e;\r\n --gray-900: #0f1923;\r\n --success: #0d7a4e;\r\n --success-bg: #e6f7f1;\r\n --radius-pill: 100px;\r\n --radius-lg: 20px;\r\n --radius-md: 14px;\r\n --radius-sm: 10px;\r\n --shadow-sm: 0 2px 8px rgba(0, 43, 66, .07);\r\n --shadow-md: 0 8px 32px rgba(0, 43, 66, .10);\r\n --shadow-lg: 0 24px 64px rgba(0, 43, 66, .14);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 BASE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n body {\r\n font-family: 'Inter Tight', sans-serif;\r\n color: var(--gray-900);\r\n background: var(--white);\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n -webkit-font-smoothing: antialiased;\r\n }\r\n\r\n .container {\r\n max-width: 1160px;\r\n margin: 0 auto;\r\n padding: 0 28px\r\n }\r\n\r\n .section {\r\n padding: 96px 0\r\n }\r\n\r\n .overline {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n color: var(--s);\r\n margin-bottom: 18px;\r\n }\r\n\r\n .overline::before {\r\n content: '';\r\n width: 20px;\r\n height: 1px;\r\n background: var(--s)\r\n }\r\n\r\n \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .nav-wrap {\r\n position: fixed;\r\n top: 18px;\r\n left: 0;\r\n right: 0;\r\n z-index: 200;\r\n display: flex;\r\n justify-content: center;\r\n pointer-events: none;\r\n }\r\n\r\n .nav {\r\n pointer-events: all;\r\n display: flex;\r\n align-items: center;\r\n gap: 0;\r\n background: rgba(255, 255, 255, .88);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(0, 43, 66, .09);\r\n border-radius: var(--radius-pill);\r\n padding: 8px 8px 8px 20px;\r\n box-shadow: 0 4px 24px rgba(0, 43, 66, .10);\r\n transition: box-shadow .3s;\r\n }\r\n\r\n .nav-logo {\r\n display: flex;\r\n align-items: center;\r\n margin-right: 32px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .nav-logo img {\r\n height: 36px;\r\n width: auto;\r\n animation: logo-entrance .7s cubic-bezier(.34, 1.56, .64, 1) .1s both;\r\n transition: transform .28s cubic-bezier(.34, 1.56, .64, 1);\r\n }\r\n\r\n .nav-logo:hover img {\r\n transform: scale(1.07)\r\n }\r\n\r\n @keyframes logo-entrance {\r\n from {\r\n opacity: 0;\r\n transform: scale(.72) translateY(-5px)\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: scale(1) translateY(0)\r\n }\r\n }\r\n\r\n .nav-links {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n margin-right: 16px\r\n }\r\n\r\n .nav-links a {\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n color: var(--gray-600);\r\n padding: 7px 14px;\r\n border-radius: var(--radius-pill);\r\n transition: color .2s, background .2s;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-links a:hover {\r\n color: var(--p);\r\n background: var(--gray-100)\r\n }\r\n\r\n .nav-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n background: var(--p);\r\n color: var(--white);\r\n font-size: 13px;\r\n font-weight: 600;\r\n padding: 9px 20px;\r\n border-radius: var(--radius-pill);\r\n transition: background .2s, transform .2s;\r\n white-space: nowrap;\r\n }\r\n\r\n .nav-cta:hover {\r\n background: var(--p2);\r\n transform: translateY(-1px);\r\n color: var(--white)\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .hero {\r\n min-height: 100vh;\r\n padding: 108px 0 80px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n position: relative;\r\n overflow: hidden;\r\n background: var(--white);\r\n }\r\n\r\n .hero-grid-bg {\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n z-index: 0;\r\n background-image:\r\n linear-gradient(rgba(25, 121, 171, .04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(25, 121, 171, .04) 1px, transparent 1px);\r\n background-size: 52px 52px;\r\n mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 20%, transparent 75%);\r\n -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, black 20%, transparent 75%);\r\n }\r\n\r\n .hero-orb {\r\n position: absolute;\r\n width: 600px;\r\n height: 600px;\r\n right: -80px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n background: radial-gradient(circle, rgba(25, 121, 171, .08) 0%, transparent 70%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .hero-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 72px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .hero-tag {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n background: var(--s-light);\r\n color: var(--s);\r\n font-size: 12.5px;\r\n font-weight: 600;\r\n padding: 6px 14px;\r\n border-radius: var(--radius-pill);\r\n margin-bottom: 24px;\r\n animation: fadeUp .6s ease .05s both;\r\n }\r\n\r\n .hero-tag-dot {\r\n width: 6px;\r\n height: 6px;\r\n background: var(--s);\r\n border-radius: 50%;\r\n animation: pulse 1.4s infinite\r\n }\r\n\r\n .hero h1 {\r\n font-size: clamp(36px, 4.5vw, 58px);\r\n font-weight: 800;\r\n line-height: 1.1;\r\n letter-spacing: -.03em;\r\n color: var(--p);\r\n margin-bottom: 22px;\r\n animation: fadeUp .6s ease .15s both;\r\n }\r\n\r\n .hero h1 em {\r\n font-style: normal;\r\n color: var(--s);\r\n background: linear-gradient(135deg, var(--s), #0d4f7a);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n background-clip: text;\r\n }\r\n\r\n .hero-sub {\r\n font-size: 17px;\r\n color: var(--gray-600);\r\n max-width: 480px;\r\n line-height: 1.65;\r\n margin-bottom: 36px;\r\n animation: fadeUp .6s ease .25s both;\r\n }\r\n\r\n .hero-ctas {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n margin-bottom: 36px;\r\n animation: fadeUp .6s ease .35s both;\r\n }\r\n\r\n .btn-primary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: var(--p);\r\n color: var(--white);\r\n font-family: 'Inter Tight', sans-serif;\r\n font-size: 14.5px;\r\n font-weight: 600;\r\n padding: 14px 28px;\r\n border-radius: var(--radius-pill);\r\n border: none;\r\n cursor: pointer;\r\n transition: background .2s, transform .2s, box-shadow .2s;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--p2);\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 32px rgba(0, 43, 66, .22);\r\n color: var(--white)\r\n }\r\n\r\n .btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: transparent;\r\n color: var(--p);\r\n font-family: 'Inter Tight', sans-serif;\r\n font-size: 14.5px;\r\n font-weight: 600;\r\n padding: 13px 26px;\r\n border-radius: var(--radius-pill);\r\n border: 1.5px solid var(--gray-200);\r\n cursor: pointer;\r\n transition: border-color .2s, background .2s, transform .2s;\r\n }\r\n\r\n .btn-secondary:hover {\r\n border-color: var(--p);\r\n background: var(--gray-50);\r\n transform: translateY(-2px)\r\n }\r\n\r\n .hero-trust {\r\n display: flex;\r\n align-items: center;\r\n gap: 18px;\r\n flex-wrap: wrap;\r\n animation: fadeUp .6s ease .45s both;\r\n }\r\n\r\n .hero-stars {\r\n display: flex;\r\n gap: 3px\r\n }\r\n\r\n .hero-stars svg {\r\n width: 15px;\r\n height: 15px;\r\n fill: #f59e0b\r\n }\r\n\r\n .hero-trust-text {\r\n font-size: 13px;\r\n color: var(--gray-600);\r\n font-weight: 500\r\n }\r\n\r\n .hero-trust-div {\r\n width: 1px;\r\n height: 16px;\r\n background: var(--gray-200)\r\n }\r\n\r\n \/* Hero visual *\/\r\n .hero-visual {\r\n position: relative;\r\n animation: fadeUp .6s ease .5s both;\r\n }\r\n\r\n \/* \u2500\u2500 Hero Node Graph \u2500\u2500 *\/\r\n .hero-graph {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 1\/1;\r\n max-width: 460px;\r\n margin: 0 auto;\r\n user-select: none;\r\n }\r\n\r\n @media(max-width:900px) {\r\n .hero-graph {\r\n position: absolute;\r\n inset: 0;\r\n max-width: none;\r\n width: 100%;\r\n height: 100%;\r\n aspect-ratio: unset;\r\n }\r\n }\r\n\r\n .hero-graph svg.graph-lines {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: visible;\r\n }\r\n\r\n .graph-line {\r\n fill: none;\r\n stroke: #e5e7eb;\r\n stroke-width: 1.5;\r\n stroke-dasharray: 4 8;\r\n opacity: 1;\r\n }\r\n\r\n \/* Travelling dash: short dot + big gap flows from icon \u2192 AI center *\/\r\n @keyframes graphFlow {\r\n from {\r\n stroke-dashoffset: 24\r\n }\r\n\r\n to {\r\n stroke-dashoffset: 0\r\n }\r\n }\r\n\r\n .graph-line.active {\r\n opacity: .85;\r\n stroke-width: 2;\r\n stroke-dasharray: 5 18;\r\n animation: graphFlow 1.6s linear infinite;\r\n }\r\n\r\n \/* Nodes *\/\r\n .graph-node {\r\n position: absolute;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 5px;\r\n transform: translate(-50%, -50%);\r\n }\r\n\r\n .graph-node-icon {\r\n background: #fff;\r\n border: 1.5px solid var(--gray-200);\r\n border-radius: 14px;\r\n box-shadow: 0 2px 12px rgba(0, 43, 66, .10);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: transform .25s, box-shadow .25s;\r\n cursor: default;\r\n }\r\n\r\n .graph-node-icon:hover {\r\n transform: scale(1.08);\r\n box-shadow: 0 6px 20px rgba(0, 43, 66, .15)\r\n }\r\n\r\n .graph-node-label {\r\n font-size: 10.5px;\r\n font-weight: 600;\r\n color: var(--gray-500);\r\n white-space: nowrap;\r\n text-align: center;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Center hub *\/\r\n .graph-hub {\r\n position: absolute;\r\n transform: translate(-50%, -50%);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .graph-hub-circle {\r\n width: 72px;\r\n height: 72px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, var(--s), #0d4f7a);\r\n box-shadow: 0 0 0 8px rgba(25, 121, 171, .12), 0 8px 32px rgba(25, 121, 171, .30);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n @keyframes hubPulse {\r\n\r\n 0%,\r\n 100% {\r\n box-shadow: 0 0 0 8px rgba(25, 121, 171, .12), 0 8px 32px rgba(25, 121, 171, .30)\r\n }\r\n\r\n 50% {\r\n box-shadow: 0 0 0 14px rgba(25, 121, 171, .07), 0 8px 32px rgba(25, 121, 171, .30)\r\n }\r\n }\r\n\r\n .graph-hub-circle {\r\n animation: hubPulse 2.8s ease-in-out infinite\r\n }\r\n\r\n .graph-hub-label {\r\n font-size: 11px;\r\n font-weight: 700;\r\n color: var(--p);\r\n text-align: center\r\n }\r\n\r\n \/* dot traveling on lines *\/\r\n @keyframes travelDot {\r\n 0% {\r\n offset-distance: 0%\r\n }\r\n\r\n 100% {\r\n offset-distance: 100%\r\n }\r\n }\r\n\r\n .travel-dot {\r\n position: absolute;\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: var(--s);\r\n box-shadow: 0 0 6px rgba(25, 121, 171, .6);\r\n offset-rotate: 0deg;\r\n animation: travelDot 2s linear infinite;\r\n pointer-events: none;\r\n }\r\n\r\n .hero-card {\r\n background: var(--gray-50);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-lg);\r\n padding: 28px;\r\n box-shadow: var(--shadow-lg);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-card::before {\r\n content: '';\r\n position: absolute;\r\n top: -50px;\r\n right: -50px;\r\n width: 180px;\r\n height: 180px;\r\n background: radial-gradient(circle, rgba(25, 121, 171, .10) 0%, transparent 70%);\r\n pointer-events: none;\r\n }\r\n\r\n .hero-card-label {\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: .08em;\r\n text-transform: uppercase;\r\n color: var(--gray-400);\r\n margin-bottom: 16px;\r\n }\r\n\r\n .hero-process {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px\r\n }\r\n\r\n .process-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-sm);\r\n padding: 12px 16px;\r\n font-size: 13.5px;\r\n font-weight: 500;\r\n transition: transform .2s, box-shadow .2s;\r\n }\r\n\r\n .process-row:hover {\r\n transform: translateX(4px);\r\n box-shadow: var(--shadow-sm)\r\n }\r\n\r\n .process-icon {\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n font-size: 15px;\r\n }\r\n\r\n .process-meta {\r\n margin-left: auto;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px\r\n }\r\n\r\n .pill-badge {\r\n font-size: 11px;\r\n font-weight: 600;\r\n padding: 3px 10px;\r\n border-radius: var(--radius-pill);\r\n background: var(--success-bg);\r\n color: var(--success);\r\n white-space: nowrap;\r\n }\r\n\r\n .pill-badge-blue {\r\n background: var(--s-light);\r\n color: var(--s)\r\n }\r\n\r\n .hero-stat-row {\r\n display: flex;\r\n gap: 12px;\r\n margin-top: 16px;\r\n }\r\n\r\n .hero-stat {\r\n flex: 1;\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-sm);\r\n padding: 14px;\r\n text-align: center;\r\n }\r\n\r\n .hero-stat strong {\r\n display: block;\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: var(--p);\r\n letter-spacing: -.03em;\r\n }\r\n\r\n .hero-stat span {\r\n font-size: 11px;\r\n color: var(--gray-400);\r\n font-weight: 500\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CLIENT STRIP (LOGO BELT) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .client-strip {\r\n padding: 40px 0;\r\n background: var(--gray-50);\r\n border-top: 1px solid var(--gray-200);\r\n border-bottom: 1px solid var(--gray-200);\r\n }\r\n\r\n .client-strip-label {\r\n text-align: center;\r\n font-size: 11px;\r\n font-weight: 600;\r\n letter-spacing: .12em;\r\n text-transform: uppercase;\r\n color: var(--gray-400);\r\n margin-bottom: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 16px;\r\n }\r\n\r\n .client-strip-label::before,\r\n .client-strip-label::after {\r\n content: '';\r\n width: 80px;\r\n height: 1px;\r\n background: var(--gray-200);\r\n }\r\n\r\n .belt-mask {\r\n position: relative;\r\n overflow: hidden;\r\n mask-image: linear-gradient(to right, transparent, black 80px, black calc(100% - 80px), transparent);\r\n -webkit-mask-image: linear-gradient(to right, transparent, black 80px, black calc(100% - 80px), transparent);\r\n }\r\n\r\n .belt-track {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n align-items: center;\r\n gap: 64px;\r\n list-style: none;\r\n padding: 8px 0;\r\n margin: 0;\r\n animation: belt-scroll 22s linear infinite;\r\n will-change: transform;\r\n }\r\n\r\n .belt-item {\r\n flex: 0 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 8px;\r\n min-width: 140px;\r\n }\r\n\r\n .belt-item img {\r\n max-height: 52px;\r\n width: auto;\r\n object-fit: contain;\r\n opacity: .65;\r\n transition: opacity .25s, filter .25s;\r\n filter: grayscale(20%);\r\n }\r\n\r\n .belt-item:hover img {\r\n opacity: .95;\r\n filter: none\r\n }\r\n\r\n .belt-item span {\r\n font-size: 10.5px;\r\n color: var(--gray-400);\r\n white-space: nowrap\r\n }\r\n\r\n @keyframes belt-scroll {\r\n from {\r\n transform: translate3d(0, 0, 0)\r\n }\r\n\r\n to {\r\n transform: translate3d(calc(-1 * var(--half, 1000px)), 0, 0)\r\n }\r\n }\r\n\r\n @media(prefers-reduced-motion:reduce) {\r\n .belt-track {\r\n animation: none\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n margin-top: 56px;\r\n }\r\n\r\n .service-card {\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: var(--radius-md);\r\n padding: 28px;\r\n transition: transform .25s, box-shadow .25s, border-color .25s;\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n border-color: rgba(25, 121, 171, .25);\r\n }\r\n\r\n .service-icon {\r\n width: 44px;\r\n height: 44px;\r\n border-radius: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .service-icon-blue {\r\n background: var(--s-light)\r\n }\r\n\r\n .service-icon-teal {\r\n background: #e6f6f3\r\n }\r\n\r\n .service-icon-amber {\r\n background: #fef3e2\r\n }\r\n\r\n .service-icon-violet {\r\n background: #f0edfb\r\n }\r\n\r\n .service-icon-rose {\r\n background: #fdeef0\r\n }\r\n\r\n .service-icon-green {\r\n background: #e8f8ee\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 15.5px;\r\n font-weight: 700;\r\n color: var(--p);\r\n margin-bottom: 8px;\r\n letter-spacing: -.02em;\r\n }\r\n\r\n .service-card p {\r\n font-size: 13.5px;\r\n color: var(--gray-600);\r\n line-height: 1.6\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HOW WE WORK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .how-section {\r\n background: var(--white)\r\n }\r\n\r\n .steps-diagram {\r\n position: relative;\r\n margin-top: 72px;\r\n min-height: 280px;\r\n }\r\n\r\n .steps-svg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n overflow: visible;\r\n }\r\n\r\n .steps-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .step {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n width: calc(20% - 12px);\r\n padding-top: 0;\r\n }\r\n\r\n .step:nth-child(even) {\r\n padding-top: 60px\r\n }\r\n\r\n .step-circle {\r\n width: 68px;\r\n height: 68px;\r\n border-radius: 50%;\r\n border: 2.5px solid var(--gray-200);\r\n background: var(--white);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: var(--p);\r\n letter-spacing: -.03em;\r\n box-shadow: var(--shadow-sm);\r\n transition: border-color .6s, box-shadow .6s, transform .25s;\r\n cursor: default;\r\n margin-bottom: 16px;\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .step-circle.active {\r\n border-color: var(--s);\r\n box-shadow: 0 0 0 6px rgba(25, 121, 171, .1), var(--shadow-md);\r\n }\r\n\r\n .step:hover .step-circle {\r\n transform: scale(1.08);\r\n border-color: var(--s);\r\n box-shadow: 0 0 0 8px rgba(25, 121, 171, .08), var(--shadow-md);\r\n }\r\n\r\n .step h4 {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--p);\r\n margin-bottom: 6px;\r\n letter-spacing: -.01em;\r\n }\r\n\r\n .step p {\r\n font-size: 12px;\r\n color: var(--gray-400);\r\n line-height: 1.55;\r\n max-width: 120px\r\n }\r\n\r\n \/* \u2500\u2500\u2500 STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .stats-section {\r\n background: var(--gray-50)\r\n }\r\n\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 2px;\r\n background: var(--gray-200);\r\n border-radius: var(--radius-lg);\r\n overflow: hidden;\r\n margin-top: 56px;\r\n }\r\n\r\n .stat-card {\r\n background: var(--white);\r\n padding: 40px 32px;\r\n text-align: center;\r\n transition: background .2s;\r\n }\r\n\r\n .stat-card:hover {\r\n background: var(--s-light)\r\n }\r\n\r\n .stat-number {\r\n font-size: clamp(36px, 4vw, 52px);\r\n font-weight: 800;\r\n color: var(--p);\r\n letter-spacing: -.04em;\r\n line-height: 1;\r\n margin-bottom: 12px;\r\n }\r\n\r\n .stat-number span {\r\n color: var(--s)\r\n }\r\n\r\n .stat-desc {\r\n font-size: 13.5px;\r\n color: var(--gray-600);\r\n line-height: 1.5;\r\n max-width: 160px;\r\n margin: 0 auto\r\n }\r\n\r\n .stat-client {\r\n margin-top: 12px;\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n color: var(--s);\r\n opacity: .75;\r\n letter-spacing: .01em;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 REVIEWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .reviews-section {\r\n background: var(--white)\r\n }\r\n\r\n .reviews-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n margin-top: 52px;\r\n }\r\n\r\n \/* Snake border for review cards *\/\r\n @property --angle {\r\n syntax: '<angle>';\r\n initial-value: 0deg;\r\n inherits: false\r\n }\r\n\r\n @keyframes snake-rotate {\r\n to {\r\n --angle: 360deg\r\n }\r\n }\r\n\r\n .review-card {\r\n background: var(--white);\r\n border-radius: var(--radius-md);\r\n padding: 24px;\r\n transition: transform .25s;\r\n position: relative;\r\n overflow: hidden;\r\n isolation: isolate;\r\n }\r\n\r\n .review-card::before {\r\n content: '';\r\n position: absolute;\r\n inset: -2px;\r\n background: conic-gradient(from var(--angle, 0deg),\r\n var(--s) 0deg, #4ab8f0 70deg, transparent 130deg,\r\n transparent 230deg, #4ab8f0 290deg, var(--s) 360deg);\r\n border-radius: calc(var(--radius-md) + 2px);\r\n animation: snake-rotate 9s linear infinite;\r\n z-index: -2;\r\n }\r\n\r\n .review-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 1px;\r\n background: var(--white);\r\n border-radius: calc(var(--radius-md) - 1px);\r\n z-index: -1;\r\n }\r\n\r\n .review-card:hover {\r\n transform: translateY(-3px)\r\n }\r\n\r\n .review-card-coming {\r\n border-top-color: var(--gray-300);\r\n background: var(--gray-50);\r\n }\r\n\r\n .review-card-top {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .quote-icon {\r\n width: 28px;\r\n height: 28px;\r\n background: var(--s-light);\r\n border-radius: 8px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .quote-icon svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: var(--s)\r\n }\r\n\r\n .badge-green {\r\n font-size: 11px;\r\n font-weight: 700;\r\n padding: 4px 10px;\r\n border-radius: var(--radius-pill);\r\n background: #dcf5e7;\r\n color: #0a6b3a;\r\n white-space: nowrap;\r\n letter-spacing: .01em;\r\n }\r\n\r\n .badge-coming {\r\n background: #f0edfb;\r\n color: #6b3fa0\r\n }\r\n\r\n .review-text {\r\n font-size: 13.5px;\r\n color: var(--gray-600);\r\n line-height: 1.65;\r\n margin-bottom: 4px;\r\n display: -webkit-box;\r\n -webkit-line-clamp: 3;\r\n -webkit-box-orient: vertical;\r\n overflow: hidden;\r\n }\r\n\r\n .show-more {\r\n font-size: 12px;\r\n font-weight: 600;\r\n color: var(--white);\r\n background: var(--p);\r\n border: none;\r\n cursor: pointer;\r\n padding: 8px 16px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-family: 'Inter Tight', sans-serif;\r\n border-radius: var(--radius-pill);\r\n transition: background .2s, transform .15s;\r\n }\r\n\r\n .show-more:hover {\r\n background: var(--p2);\r\n transform: translateY(-1px)\r\n }\r\n\r\n .review-divider {\r\n height: 1px;\r\n background: var(--gray-200);\r\n margin: 16px 0\r\n }\r\n\r\n .review-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between\r\n }\r\n\r\n .reviewer {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px\r\n }\r\n\r\n .avatar {\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 50%;\r\n background: var(--s-light);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--s);\r\n flex-shrink: 0;\r\n overflow: hidden;\r\n }\r\n\r\n .avatar img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover\r\n }\r\n\r\n .avatar-purple {\r\n background: #f0edfb;\r\n color: #6b3fa0\r\n }\r\n\r\n .reviewer-info {}\r\n\r\n .reviewer-name {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: var(--p);\r\n line-height: 1.2;\r\n letter-spacing: -.01em;\r\n }\r\n\r\n .reviewer-role {\r\n font-size: 11.5px;\r\n color: var(--gray-400);\r\n line-height: 1.3\r\n }\r\n\r\n .reviewer-company {\r\n font-size: 11.5px;\r\n color: var(--s);\r\n font-weight: 600;\r\n line-height: 1.3;\r\n }\r\n\r\n .review-right {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n gap: 6px\r\n }\r\n\r\n .stars {\r\n display: flex;\r\n gap: 2px\r\n }\r\n\r\n .stars svg {\r\n width: 12px;\r\n height: 12px;\r\n fill: #f59e0b\r\n }\r\n\r\n .case-link {\r\n font-size: 11.5px;\r\n font-weight: 600;\r\n color: var(--s);\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n transition: gap .2s;\r\n }\r\n\r\n .case-link:hover {\r\n gap: 7px\r\n }\r\n\r\n .country-flag {\r\n font-size: 11px;\r\n color: var(--gray-400);\r\n font-weight: 500\r\n }\r\n\r\n .coming-body {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px 0;\r\n gap: 12px;\r\n }\r\n\r\n .coming-avatar {\r\n width: 52px;\r\n height: 52px;\r\n border-radius: 50%;\r\n background: #6b3fa0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n font-weight: 800;\r\n color: white;\r\n }\r\n\r\n .coming-company {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: var(--p)\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CONNECTIONS ANIMATION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .connections-section {\r\n background: #f5f5f7;\r\n padding: 96px 0;\r\n overflow: hidden;\r\n }\r\n\r\n .connections-wrap {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 24px;\r\n }\r\n\r\n .connections-title {\r\n text-align: center;\r\n margin-bottom: 8px\r\n }\r\n\r\n .connections-sub {\r\n text-align: center;\r\n font-size: 15px;\r\n color: var(--gray-600);\r\n max-width: 520px;\r\n }\r\n\r\n \/* Animated dash lines *\/\r\n @keyframes dashMove {\r\n to {\r\n stroke-dashoffset: -54\r\n }\r\n }\r\n\r\n .animated-path {\r\n stroke-dasharray: 10 8;\r\n stroke-dashoffset: 0;\r\n animation: dashMove 3.5s linear infinite;\r\n fill: none;\r\n stroke-linecap: round;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 GUARANTEE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .guarantee-section {\r\n background: var(--white)\r\n }\r\n\r\n .guarantee-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 20px;\r\n margin-top: 52px;\r\n }\r\n\r\n .guarantee-card {\r\n background: var(--white);\r\n border: 1.5px solid var(--gray-200);\r\n border-radius: var(--radius-md);\r\n padding: 32px 28px;\r\n transition: border-color .25s, transform .25s, box-shadow .25s;\r\n }\r\n\r\n .guarantee-card:hover {\r\n border-color: rgba(25, 121, 171, .3);\r\n transform: translateY(-4px);\r\n box-shadow: var(--shadow-md);\r\n }\r\n\r\n .guarantee-icon {\r\n width: 48px;\r\n height: 48px;\r\n border-radius: 14px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .g-blue {\r\n background: var(--s-light)\r\n }\r\n\r\n .g-green {\r\n background: #e6f7f1\r\n }\r\n\r\n .g-amber {\r\n background: #fef3e2\r\n }\r\n\r\n .guarantee-card h3 {\r\n font-size: 16px;\r\n font-weight: 700;\r\n color: var(--p);\r\n margin-bottom: 10px;\r\n letter-spacing: -.02em;\r\n }\r\n\r\n .guarantee-card p {\r\n font-size: 14px;\r\n color: var(--gray-600);\r\n line-height: 1.65\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CTA SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cta-section {\r\n background: var(--p);\r\n padding: 96px 0;\r\n text-align: center;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .cta-section::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);\r\n background-size: 52px 52px;\r\n pointer-events: none;\r\n }\r\n\r\n .cta-section h2 {\r\n font-size: clamp(28px, 3.5vw, 44px);\r\n font-weight: 800;\r\n color: var(--white);\r\n letter-spacing: -.03em;\r\n margin-bottom: 16px;\r\n position: relative;\r\n }\r\n\r\n .cta-section p {\r\n font-size: 17px;\r\n color: rgba(255, 255, 255, .7);\r\n margin-bottom: 36px;\r\n position: relative;\r\n }\r\n\r\n .btn-white {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: var(--white);\r\n color: var(--p);\r\n font-family: 'Inter Tight', sans-serif;\r\n font-size: 14.5px;\r\n font-weight: 700;\r\n padding: 15px 32px;\r\n border-radius: var(--radius-pill);\r\n border: none;\r\n cursor: pointer;\r\n position: relative;\r\n transition: transform .2s, box-shadow .2s;\r\n }\r\n\r\n .btn-white:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 16px 48px rgba(0, 0, 0, .25);\r\n color: var(--p)\r\n }\r\n\r\n \/* \u2500\u2500\u2500 FORM CTA SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .form-cta-section {\r\n background: var(--white);\r\n padding: 96px 0\r\n }\r\n\r\n .cta-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1.2fr;\r\n gap: 80px;\r\n align-items: start\r\n }\r\n\r\n .cta-text h2 {\r\n font-size: clamp(26px, 3vw, 40px);\r\n color: var(--p);\r\n margin-bottom: 18px;\r\n line-height: 1.2;\r\n letter-spacing: -.03em\r\n }\r\n\r\n .cta-text>p {\r\n font-size: 16px;\r\n color: var(--gray-600);\r\n margin-bottom: 28px;\r\n line-height: 1.65\r\n }\r\n\r\n .cta-benefits {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 13px;\r\n margin-bottom: 32px\r\n }\r\n\r\n .cta-benefits li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 11px;\r\n font-size: 15px;\r\n color: var(--gray-900);\r\n font-weight: 500\r\n }\r\n\r\n .check-icon {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: var(--s);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px\r\n }\r\n\r\n .check-icon svg {\r\n width: 11px;\r\n height: 11px;\r\n stroke: white;\r\n fill: none;\r\n stroke-width: 3;\r\n stroke-linecap: round;\r\n stroke-linejoin: round\r\n }\r\n\r\n .cta-social-proof {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n padding: 16px 20px;\r\n background: var(--gray-50);\r\n border-radius: var(--radius-pill)\r\n }\r\n\r\n .cta-sp-stars {\r\n display: flex;\r\n gap: 3px\r\n }\r\n\r\n .cta-sp-stars svg {\r\n width: 14px;\r\n height: 14px;\r\n fill: #f59e0b\r\n }\r\n\r\n .cta-sp-text {\r\n font-size: 13px;\r\n color: var(--gray-600);\r\n font-weight: 500\r\n }\r\n\r\n \/* Form wrapper *\/\r\n .form-wrapper {\r\n background: var(--white);\r\n border-radius: var(--radius-lg);\r\n box-shadow: 0 32px 64px rgba(0, 43, 66, .12);\r\n overflow: hidden\r\n }\r\n\r\n .form-progress-bar-track {\r\n background: var(--gray-50);\r\n padding: 18px 24px 14px\r\n }\r\n\r\n .form-progress-fill-outer {\r\n height: 4px;\r\n background: var(--gray-200);\r\n border-radius: 2px;\r\n overflow: hidden;\r\n margin-bottom: 10px\r\n }\r\n\r\n .form-progress-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--p), var(--s));\r\n border-radius: 2px;\r\n transition: width .4s ease;\r\n width: 20%\r\n }\r\n\r\n .form-progress-text {\r\n font-size: 12px;\r\n color: var(--gray-400);\r\n text-align: center\r\n }\r\n\r\n .form-body {\r\n padding: 28px 28px 24px\r\n }\r\n\r\n .form-step {\r\n display: none\r\n }\r\n\r\n .form-step.active {\r\n display: block;\r\n animation: fadeUp .4s ease\r\n }\r\n\r\n .form-question {\r\n font-size: 19px;\r\n font-weight: 700;\r\n color: var(--gray-900);\r\n margin-bottom: 7px;\r\n line-height: 1.3;\r\n letter-spacing: -.02em\r\n }\r\n\r\n .form-sub {\r\n font-size: 13px;\r\n color: var(--gray-400);\r\n margin-bottom: 18px\r\n }\r\n\r\n .form-sub u {\r\n text-decoration: underline\r\n }\r\n\r\n .form-options {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 7px\r\n }\r\n\r\n .form-option {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 11px 13px;\r\n border-radius: var(--radius-pill);\r\n background: var(--gray-50);\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: var(--gray-900);\r\n transition: background .2s, color .2s;\r\n user-select: none;\r\n line-height: 1.4\r\n }\r\n\r\n .form-option:hover {\r\n background: var(--gray-100)\r\n }\r\n\r\n .form-option input[type=\"checkbox\"],\r\n .form-option input[type=\"radio\"] {\r\n width: 16px;\r\n height: 16px;\r\n accent-color: var(--p);\r\n flex-shrink: 0;\r\n cursor: pointer\r\n }\r\n\r\n .form-option.selected {\r\n background: rgba(0, 43, 66, .07);\r\n color: var(--p)\r\n }\r\n\r\n .toggle-extra {\r\n display: none;\r\n margin-top: 8px;\r\n padding-left: 12px;\r\n border-left: 2px solid var(--s);\r\n animation: fadeUp .3s ease\r\n }\r\n\r\n .toggle-extra input[type=\"text\"] {\r\n width: 100%;\r\n padding: 11px 13px;\r\n border: 1.5px solid var(--gray-200);\r\n border-radius: 10px;\r\n font-size: 14px;\r\n font-family: inherit;\r\n background: var(--white);\r\n color: var(--dark);\r\n outline: none;\r\n box-sizing: border-box;\r\n transition: border-color .2s, background .2s;\r\n }\r\n\r\n .toggle-extra input[type=\"text\"]:focus {\r\n border-color: var(--s);\r\n background: rgba(25, 121, 171, .05);\r\n }\r\n\r\n .form-input-group {\r\n margin-bottom: 14px\r\n }\r\n\r\n .form-input-group label {\r\n display: block;\r\n font-size: 13px;\r\n color: var(--gray-600);\r\n font-weight: 500;\r\n margin-bottom: 6px\r\n }\r\n\r\n .form-input-group input[type=\"text\"],\r\n .form-input-group input[type=\"email\"],\r\n .form-input-group input[type=\"tel\"],\r\n .form-input-group textarea {\r\n width: 100%;\r\n padding: 11px 13px;\r\n background: var(--gray-50);\r\n border: 1.5px solid transparent;\r\n border-radius: var(--radius-pill);\r\n font-size: 15px;\r\n font-family: 'Inter Tight', sans-serif;\r\n color: var(--gray-900);\r\n transition: border-color .2s, background .2s;\r\n outline: none\r\n }\r\n\r\n .form-input-group input:focus,\r\n .form-input-group textarea:focus {\r\n border-color: var(--s);\r\n background: rgba(25, 121, 171, .05)\r\n }\r\n\r\n textarea {\r\n resize: vertical;\r\n min-height: 80px\r\n }\r\n\r\n .custom-dropdown {\r\n position: relative;\r\n width: 100%\r\n }\r\n\r\n .custom-dropdown-selected {\r\n width: 100%;\r\n padding: 11px 13px;\r\n background: var(--gray-50);\r\n border: 1.5px solid transparent;\r\n border-radius: var(--radius-pill);\r\n font-size: 15px;\r\n font-family: 'Inter Tight', sans-serif;\r\n color: #999;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n transition: border-color .2s\r\n }\r\n\r\n .custom-dropdown-selected:hover {\r\n border-color: var(--s)\r\n }\r\n\r\n .custom-dropdown-selected.has-value {\r\n color: var(--gray-900)\r\n }\r\n\r\n .custom-dropdown-selected::after {\r\n content: \"\u25bc\";\r\n font-size: 11px;\r\n color: var(--gray-400)\r\n }\r\n\r\n .custom-dropdown-options {\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n right: 0;\r\n background: white;\r\n border: 1.5px solid var(--s);\r\n border-top: none;\r\n border-radius: 0 0 var(--radius-md) var(--radius-md);\r\n max-height: 200px;\r\n overflow-y: auto;\r\n z-index: 50;\r\n box-shadow: var(--shadow-md)\r\n }\r\n\r\n .custom-dropdown-option {\r\n padding: 11px 13px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n color: var(--gray-900);\r\n transition: background .2s\r\n }\r\n\r\n .custom-dropdown-option:hover {\r\n background: var(--gray-50);\r\n color: var(--p)\r\n }\r\n\r\n .form-error {\r\n background: #fdf2f2;\r\n color: #8b1f1f;\r\n padding: 10px 14px;\r\n border-radius: var(--radius-sm);\r\n font-size: 13px;\r\n margin-bottom: 12px;\r\n display: none\r\n }\r\n\r\n .form-loading {\r\n display: none;\r\n text-align: center;\r\n padding: 24px;\r\n color: var(--gray-400)\r\n }\r\n\r\n .form-spinner {\r\n width: 36px;\r\n height: 36px;\r\n border: 3px solid var(--gray-200);\r\n border-top-color: var(--p);\r\n border-radius: 50%;\r\n animation: spin 1s linear infinite;\r\n margin: 0 auto 12px\r\n }\r\n\r\n @keyframes spin {\r\n to {\r\n transform: rotate(360deg)\r\n }\r\n }\r\n\r\n .form-btn-group {\r\n display: flex;\r\n gap: 10px;\r\n margin-top: 22px\r\n }\r\n\r\n .form-btn-next,\r\n .form-btn-submit {\r\n flex: 1;\r\n padding: 13px 20px;\r\n background: linear-gradient(135deg, var(--p), var(--p2));\r\n color: white;\r\n font-family: 'Inter Tight', sans-serif;\r\n font-size: 15px;\r\n font-weight: 600;\r\n border: none;\r\n border-radius: var(--radius-pill);\r\n cursor: pointer;\r\n transition: opacity .2s, transform .2s\r\n }\r\n\r\n .form-btn-next:hover,\r\n .form-btn-submit:hover {\r\n opacity: .88;\r\n transform: translateY(-1px)\r\n }\r\n\r\n .form-btn-prev {\r\n padding: 13px 20px;\r\n background: var(--gray-100);\r\n color: var(--gray-600);\r\n font-family: 'Inter Tight', sans-serif;\r\n font-size: 15px;\r\n font-weight: 600;\r\n border: none;\r\n border-radius: var(--radius-pill);\r\n cursor: pointer;\r\n transition: background .2s\r\n }\r\n\r\n .form-btn-prev:hover {\r\n background: var(--gray-200)\r\n }\r\n\r\n .form-btn-prev:disabled,\r\n .form-btn-next:disabled {\r\n opacity: .5;\r\n cursor: not-allowed;\r\n transform: none !important\r\n }\r\n\r\n .form-note {\r\n text-align: center;\r\n font-size: 12px;\r\n color: var(--gray-400);\r\n margin-top: 10px;\r\n padding-bottom: 20px\r\n }\r\n\r\n @media(max-width:900px) {\r\n .cta-inner {\r\n grid-template-columns: 1fr;\r\n gap: 48px\r\n }\r\n }\r\n\r\n @media(max-width:640px) {\r\n .form-body {\r\n padding: 20px 16px 16px\r\n }\r\n }\r\n\r\n\r\n \/* \u2500\u2500\u2500 MODAL POPUP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @keyframes modalFadeIn {\r\n from {\r\n opacity: 0\r\n }\r\n\r\n to {\r\n opacity: 1\r\n }\r\n }\r\n\r\n @keyframes modalSlideUp {\r\n from {\r\n transform: translateY(32px) scale(.96)\r\n }\r\n\r\n to {\r\n transform: translateY(0) scale(1)\r\n }\r\n }\r\n\r\n .modal-overlay {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 20, 40, .55);\r\n backdrop-filter: blur(4px);\r\n -webkit-backdrop-filter: blur(4px);\r\n z-index: 2000;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 16px;\r\n }\r\n\r\n .modal-overlay.open {\r\n display: flex;\r\n animation: modalFadeIn .3s ease forwards;\r\n }\r\n\r\n .modal-box {\r\n background: #fff;\r\n border-radius: 22px;\r\n width: 100%;\r\n max-width: 420px;\r\n overflow: hidden;\r\n box-shadow: 0 24px 80px rgba(0, 43, 66, .35);\r\n position: relative;\r\n animation: modalSlideUp .4s cubic-bezier(.16, 1, .3, 1) forwards;\r\n }\r\n\r\n \/* Header *\/\r\n .modal-header {\r\n background: linear-gradient(135deg, #1979ab 0%, #0d4f7a 100%);\r\n padding: 24px 24px 20px;\r\n position: relative;\r\n }\r\n\r\n .modal-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n background: #4ade80;\r\n color: #065f2e;\r\n font-size: 11px;\r\n font-weight: 800;\r\n letter-spacing: .06em;\r\n padding: 4px 10px;\r\n border-radius: var(--radius-pill);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .modal-headline {\r\n font-size: 22px;\r\n font-weight: 800;\r\n color: #fff;\r\n line-height: 1.2;\r\n letter-spacing: -.02em;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .modal-headline span {\r\n color: #fbbf24;\r\n }\r\n\r\n .modal-sub {\r\n font-size: 13px;\r\n color: rgba(255, 255, 255, .8);\r\n line-height: 1.5;\r\n }\r\n\r\n .modal-close {\r\n position: absolute;\r\n top: 14px;\r\n right: 14px;\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, .2);\r\n border: none;\r\n color: #fff;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: background .2s;\r\n }\r\n\r\n .modal-close:hover {\r\n background: rgba(255, 255, 255, .35)\r\n }\r\n\r\n \/* Body *\/\r\n .modal-body {\r\n padding: 20px 24px 22px\r\n }\r\n\r\n .modal-time {\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 13px;\r\n font-weight: 600;\r\n color: var(--s);\r\n margin-bottom: 14px;\r\n }\r\n\r\n .modal-time svg {\r\n flex-shrink: 0\r\n }\r\n\r\n .modal-time strong {\r\n color: var(--p)\r\n }\r\n\r\n .modal-checks {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .modal-check {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 10px;\r\n font-size: 13.5px;\r\n color: var(--p);\r\n line-height: 1.45;\r\n }\r\n\r\n .modal-check-icon {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: var(--s-light);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n }\r\n\r\n .modal-check-icon svg {\r\n stroke: var(--s)\r\n }\r\n\r\n .modal-cta-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n width: 100%;\r\n background: var(--p);\r\n color: #fff;\r\n font-family: 'Inter Tight', sans-serif;\r\n font-size: 15px;\r\n font-weight: 800;\r\n letter-spacing: .04em;\r\n padding: 15px;\r\n border-radius: 14px;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: background .2s, transform .15s, box-shadow .2s;\r\n box-shadow: 0 6px 24px rgba(0, 43, 66, .28);\r\n margin-bottom: 12px;\r\n }\r\n\r\n .modal-cta-btn:hover {\r\n background: var(--p2);\r\n transform: translateY(-2px);\r\n box-shadow: 0 10px 32px rgba(0, 43, 66, .34);\r\n color: #fff\r\n }\r\n\r\n .modal-dismiss {\r\n display: block;\r\n text-align: center;\r\n background: transparent !important;\r\n background-color: transparent !important;\r\n border: none !important;\r\n box-shadow: none !important;\r\n outline: none;\r\n font-size: 13px;\r\n font-weight: 500;\r\n color: var(--s) !important;\r\n cursor: pointer;\r\n margin-bottom: 16px;\r\n transition: opacity .2s;\r\n width: 100%;\r\n font-family: 'Inter Tight', sans-serif;\r\n padding: 6px 0;\r\n border-radius: 0;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n }\r\n\r\n .modal-dismiss:hover {\r\n opacity: .7;\r\n }\r\n\r\n .modal-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n padding: 12px 24px 16px;\r\n border-top: 1px solid var(--gray-100);\r\n }\r\n\r\n .modal-footer-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n font-size: 11.5px;\r\n color: var(--gray-500);\r\n }\r\n\r\n .modal-footer-item span {\r\n color: var(--s);\r\n font-weight: 700\r\n }\r\n\r\n @media(max-width:480px) {\r\n .modal-headline {\r\n font-size: 19px\r\n }\r\n\r\n .modal-body {\r\n padding: 18px 18px 18px\r\n }\r\n\r\n .modal-header {\r\n padding: 20px 18px 18px\r\n }\r\n\r\n .modal-footer {\r\n padding: 10px 18px 14px\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .faq-section {\r\n background: var(--gray-50)\r\n }\r\n\r\n .faq-list {\r\n max-width: 700px;\r\n margin: 52px auto 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .faq-item {\r\n background: var(--white);\r\n border: 1px solid var(--gray-200);\r\n border-radius: 14px;\r\n overflow: hidden;\r\n transition: border-color .2s, box-shadow .2s;\r\n }\r\n\r\n .faq-item.open {\r\n border-color: rgba(25, 121, 171, .3);\r\n box-shadow: 0 2px 16px rgba(25, 121, 171, .07);\r\n }\r\n\r\n .faq-q {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n padding: 17px 20px;\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n font-family: 'Inter Tight', sans-serif;\r\n font-size: 14.5px;\r\n font-weight: 600;\r\n color: var(--p);\r\n text-align: left;\r\n box-sizing: border-box;\r\n }\r\n\r\n .faq-q:hover {\r\n background: var(--gray-50)\r\n }\r\n\r\n .faq-chevron {\r\n flex-shrink: 0;\r\n width: 16px;\r\n height: 16px;\r\n stroke: var(--s);\r\n transition: transform .3s cubic-bezier(.16, 1, .3, 1);\r\n order: -1;\r\n }\r\n\r\n .faq-item.open .faq-chevron {\r\n transform: rotate(180deg)\r\n }\r\n\r\n .faq-a {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height .35s cubic-bezier(.16, 1, .3, 1);\r\n }\r\n\r\n .faq-item.open .faq-a {\r\n max-height: 300px\r\n }\r\n\r\n .faq-a p {\r\n padding: 0 20px 18px 48px;\r\n font-size: 14px;\r\n color: var(--gray-600);\r\n line-height: 1.7;\r\n margin: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 MOBILE GRAPH SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .mobile-graph-section {\r\n display: none\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CTA WIDGET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .cta-widget {\r\n position: fixed;\r\n bottom: 28px;\r\n right: 24px;\r\n width: 280px;\r\n background: linear-gradient(135deg, #1979ab 0%, #0d5f8a 100%);\r\n border-radius: 18px;\r\n padding: 18px 18px 16px;\r\n box-shadow: 0 8px 40px rgba(0, 43, 66, .30), 0 2px 8px rgba(0, 0, 0, .12);\r\n z-index: 1000;\r\n transform: translateY(120%);\r\n opacity: 0;\r\n transition: transform .45s cubic-bezier(.16, 1, .3, 1), opacity .35s ease;\r\n pointer-events: none;\r\n }\r\n\r\n .cta-widget.visible {\r\n transform: translateY(0);\r\n opacity: 1;\r\n pointer-events: all\r\n }\r\n\r\n .cta-widget.hidden {\r\n transform: translateY(120%);\r\n opacity: 0;\r\n pointer-events: none\r\n }\r\n\r\n .cta-widget-close {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n width: 24px;\r\n height: 24px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, .2);\r\n border: none;\r\n color: #fff;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 14px;\r\n line-height: 1;\r\n transition: background .2s;\r\n padding: 0;\r\n }\r\n\r\n .cta-widget-close:hover {\r\n background: rgba(255, 255, 255, .35)\r\n }\r\n\r\n .cta-widget-title {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 7px;\r\n padding-right: 24px;\r\n }\r\n\r\n .cta-widget-dot {\r\n width: 8px;\r\n height: 8px;\r\n border-radius: 50%;\r\n background: #4ade80;\r\n flex-shrink: 0;\r\n box-shadow: 0 0 0 3px rgba(74, 222, 128, .25);\r\n animation: pulse 1.6s infinite;\r\n }\r\n\r\n .cta-widget-sub {\r\n font-size: 12.5px;\r\n color: rgba(255, 255, 255, .85);\r\n line-height: 1.55;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .cta-widget-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 6px;\r\n width: 100%;\r\n background: #fff;\r\n color: var(--p);\r\n font-family: 'Inter Tight', sans-serif;\r\n font-size: 13.5px;\r\n font-weight: 700;\r\n padding: 11px 16px;\r\n border-radius: 12px;\r\n border: none;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: background .2s, transform .15s;\r\n }\r\n\r\n .cta-widget-btn:hover {\r\n background: #f0f9ff;\r\n transform: translateY(-1px);\r\n color: var(--p)\r\n }\r\n\r\n @media(max-width:640px) {\r\n .cta-widget {\r\n width: calc(100vw - 32px);\r\n right: 16px;\r\n bottom: 20px;\r\n border-radius: 16px\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 ANIMATIONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @keyframes fadeUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(24px)\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0)\r\n }\r\n }\r\n\r\n @keyframes pulse {\r\n\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1)\r\n }\r\n\r\n 50% {\r\n opacity: .4;\r\n transform: scale(.7)\r\n }\r\n }\r\n\r\n .reveal {\r\n opacity: 0;\r\n transform: translateY(28px);\r\n transition: opacity .6s ease, transform .6s ease\r\n }\r\n\r\n .reveal.visible {\r\n opacity: 1;\r\n transform: translateY(0)\r\n }\r\n\r\n \/* \u2500\u2500\u2500 SECTION HEADERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 0\r\n }\r\n\r\n .section-header h2 {\r\n font-size: clamp(26px, 3.2vw, 40px);\r\n font-weight: 800;\r\n color: var(--p);\r\n letter-spacing: -.03em;\r\n line-height: 1.15;\r\n }\r\n\r\n .section-header p {\r\n font-size: 16px;\r\n color: var(--gray-600);\r\n max-width: 520px;\r\n margin: 14px auto 0;\r\n line-height: 1.65;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n @media(max-width:900px) {\r\n .hero-inner {\r\n grid-template-columns: 1fr;\r\n gap: 0;\r\n position: relative;\r\n }\r\n\r\n .hero-text {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .hero-visual {\r\n display: block !important;\r\n position: absolute !important;\r\n inset: 0 !important;\r\n z-index: 0 !important;\r\n opacity: 0.12 !important;\r\n pointer-events: none !important;\r\n filter: grayscale(80%) !important;\r\n }\r\n\r\n .hero-visual,\r\n .hero-visual .hero-graph,\r\n .hero-visual .graph-node-icon,\r\n .hero-visual .graph-hub-circle,\r\n .hero-visual .graph-node-label,\r\n .hero-visual .graph-hub-label {\r\n pointer-events: none !important;\r\n box-shadow: none !important;\r\n animation: none !important;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: repeat(2, 1fr)\r\n }\r\n\r\n .stats-grid {\r\n grid-template-columns: repeat(2, 1fr)\r\n }\r\n\r\n .reviews-grid {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .guarantee-grid {\r\n grid-template-columns: 1fr;\r\n max-width: 480px;\r\n margin-inline: auto\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 MOBILE NAV ICONS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .nav-mobile-actions {\r\n display: none;\r\n align-items: center;\r\n gap: 8px;\r\n }\r\n\r\n .nav-icon-btn {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, .9);\r\n border: 1px solid rgba(0, 43, 66, .10);\r\n box-shadow: 0 2px 8px rgba(0, 0, 0, .08);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n color: var(--p);\r\n transition: background .2s, transform .15s, box-shadow .2s;\r\n text-decoration: none;\r\n flex-shrink: 0;\r\n }\r\n\r\n .nav-icon-btn:hover {\r\n background: var(--gray-100);\r\n transform: scale(1.06);\r\n box-shadow: 0 4px 14px rgba(0, 0, 0, .12)\r\n }\r\n\r\n .nav-icon-btn.contact-btn {\r\n background: var(--p);\r\n color: var(--white);\r\n border-color: transparent\r\n }\r\n\r\n .nav-icon-btn.contact-btn:hover {\r\n background: var(--p2)\r\n }\r\n\r\n \/* Mobile dropdown menu *\/\r\n .nav-mobile-menu {\r\n display: none;\r\n position: fixed;\r\n top: 82px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: 80%;\r\n background: rgba(255, 255, 255, .97);\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n border: 1px solid rgba(0, 43, 66, .09);\r\n border-radius: 22px;\r\n box-shadow: 0 10px 40px rgba(0, 43, 66, .16);\r\n padding: 10px;\r\n z-index: 199;\r\n flex-direction: column;\r\n gap: 2px;\r\n }\r\n\r\n .nav-mobile-menu.open {\r\n display: flex;\r\n animation: menuSlideDown .2s cubic-bezier(.16, 1, .3, 1)\r\n }\r\n\r\n .nav-mobile-menu a {\r\n padding: 13px 18px;\r\n border-radius: 14px;\r\n font-size: 15px;\r\n font-weight: 500;\r\n color: var(--p);\r\n transition: background .15s;\r\n }\r\n\r\n .nav-mobile-menu a:hover {\r\n background: var(--gray-100)\r\n }\r\n\r\n .nav-mobile-menu .menu-cta-link {\r\n font-weight: 700;\r\n color: var(--s);\r\n margin-top: 4px;\r\n border-top: 1px solid var(--gray-100);\r\n padding-top: 13px;\r\n }\r\n\r\n @keyframes menuSlideDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-10px)\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0)\r\n }\r\n }\r\n\r\n @media(max-width:640px) {\r\n .nav-links {\r\n display: none\r\n }\r\n\r\n .nav-cta {\r\n display: none\r\n }\r\n\r\n .nav-mobile-actions {\r\n display: flex\r\n }\r\n\r\n .nav {\r\n width: 92%;\r\n justify-content: space-between;\r\n padding: 7px 8px 7px 16px;\r\n background: rgba(255, 255, 255, .96);\r\n box-shadow: 0 4px 28px rgba(0, 43, 66, .13);\r\n border-color: rgba(0, 43, 66, .13);\r\n }\r\n\r\n .nav-logo {\r\n margin-right: 0;\r\n }\r\n\r\n .services-grid {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .stats-grid {\r\n grid-template-columns: 1fr\r\n }\r\n\r\n .step p {\r\n display: none\r\n }\r\n\r\n .step-circle {\r\n width: 46px;\r\n height: 46px;\r\n font-size: 16px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .step:nth-child(even) {\r\n padding-top: 36px;\r\n }\r\n\r\n .step h4 {\r\n font-size: 11px;\r\n }\r\n\r\n .steps-svg {\r\n display: none;\r\n }\r\n\r\n .steps-diagram {\r\n min-height: unset;\r\n margin-top: 40px;\r\n }\r\n\r\n .section {\r\n padding: 64px 0\r\n }\r\n\r\n \/* Connections section bigger on mobile *\/\r\n .connections-section {\r\n padding: 64px 0;\r\n }\r\n\r\n .connections-section .reveal {\r\n width: 90vw;\r\n margin: 0 auto;\r\n overflow: visible;\r\n }\r\n\r\n .connections-section .reveal>svg {\r\n width: 90vw;\r\n height: auto;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CHATBOT SHOWCASE SECTION \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .chatbot-showcase {\r\n background: linear-gradient(135deg, var(--p) 0%, #0d4f7a 100%);\r\n padding: 96px 0;\r\n overflow: hidden;\r\n position: relative;\r\n }\r\n\r\n .chatbot-showcase::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px);\r\n background-size: 52px 52px;\r\n pointer-events: none;\r\n }\r\n\r\n .chatbot-showcase-inner {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 72px;\r\n align-items: center;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .chatbot-showcase-text .overline {\r\n color: #4ade80;\r\n }\r\n\r\n .chatbot-showcase-text .overline::before {\r\n background: #4ade80;\r\n }\r\n\r\n .chatbot-showcase-text h2 {\r\n font-size: clamp(26px, 3.2vw, 42px);\r\n font-weight: 800;\r\n color: #fff;\r\n letter-spacing: -.03em;\r\n line-height: 1.15;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .chatbot-showcase-text h2 em {\r\n font-style: normal;\r\n color: #fbbf24;\r\n }\r\n\r\n .chatbot-showcase-text>p {\r\n font-size: 16px;\r\n color: rgba(255, 255, 255, .75);\r\n line-height: 1.65;\r\n margin-bottom: 32px;\r\n }\r\n\r\n .chatbot-features-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 14px;\r\n margin-bottom: 36px;\r\n }\r\n\r\n .chatbot-feature-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 12px;\r\n font-size: 15px;\r\n color: rgba(255, 255, 255, .9);\r\n font-weight: 500;\r\n }\r\n\r\n .chatbot-feature-icon {\r\n width: 28px;\r\n height: 28px;\r\n border-radius: 8px;\r\n background: rgba(255, 255, 255, .15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n margin-top: 1px;\r\n }\r\n\r\n .btn-yellow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n background: #fbbf24;\r\n color: var(--p);\r\n font-family: 'Inter Tight', sans-serif;\r\n font-size: 14.5px;\r\n font-weight: 700;\r\n padding: 14px 28px;\r\n border-radius: var(--radius-pill);\r\n border: none;\r\n cursor: pointer;\r\n transition: background .2s, transform .2s, box-shadow .2s;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-yellow:hover {\r\n background: #f59e0b;\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 32px rgba(0, 0, 0, .25);\r\n color: var(--p);\r\n }\r\n\r\n \/* Chat bubble mockup *\/\r\n .chat-mockup {\r\n background: rgba(255, 255, 255, .06);\r\n border: 1px solid rgba(255, 255, 255, .12);\r\n border-radius: 22px;\r\n padding: 24px;\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n }\r\n\r\n .chat-mockup-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n padding-bottom: 16px;\r\n border-bottom: 1px solid rgba(255, 255, 255, .1);\r\n margin-bottom: 20px;\r\n }\r\n\r\n .chat-avatar-bot {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #1979ab, #4ade80);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .chat-mockup-name {\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #fff;\r\n }\r\n\r\n .chat-mockup-status {\r\n font-size: 11.5px;\r\n color: #4ade80;\r\n font-weight: 500;\r\n }\r\n\r\n .chat-online-dot {\r\n width: 8px;\r\n height: 8px;\r\n background: #4ade80;\r\n border-radius: 50%;\r\n animation: pulse 1.6s infinite;\r\n flex-shrink: 0;\r\n }\r\n\r\n .chat-messages {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n }\r\n\r\n .chat-bubble {\r\n max-width: 82%;\r\n padding: 10px 14px;\r\n border-radius: 16px;\r\n font-size: 13.5px;\r\n line-height: 1.5;\r\n }\r\n\r\n .chat-bubble-bot {\r\n background: rgba(255, 255, 255, .13);\r\n color: rgba(255, 255, 255, .92);\r\n border-bottom-left-radius: 4px;\r\n align-self: flex-start;\r\n }\r\n\r\n .chat-bubble-user {\r\n background: #1979ab;\r\n color: #fff;\r\n border-bottom-right-radius: 4px;\r\n align-self: flex-end;\r\n }\r\n\r\n .chat-product-card {\r\n background: rgba(255, 255, 255, .11);\r\n border: 1px solid rgba(255, 255, 255, .15);\r\n border-radius: 12px;\r\n padding: 12px 14px;\r\n margin-top: 4px;\r\n align-self: flex-start;\r\n max-width: 90%;\r\n }\r\n\r\n .chat-product-title {\r\n font-size: 13px;\r\n font-weight: 700;\r\n color: #fff;\r\n margin-bottom: 4px;\r\n }\r\n\r\n .chat-product-price {\r\n font-size: 14px;\r\n font-weight: 800;\r\n color: #4ade80;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .chat-product-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 5px;\r\n background: #fbbf24;\r\n color: var(--p);\r\n font-size: 12px;\r\n font-weight: 700;\r\n padding: 6px 14px;\r\n border-radius: 20px;\r\n border: none;\r\n cursor: default;\r\n }\r\n\r\n .chat-typing {\r\n display: flex;\r\n align-items: center;\r\n gap: 4px;\r\n padding: 8px 14px;\r\n background: rgba(255, 255, 255, .08);\r\n border-radius: 16px;\r\n border-bottom-left-radius: 4px;\r\n width: fit-content;\r\n margin-top: 4px;\r\n }\r\n\r\n .chat-typing span {\r\n width: 6px;\r\n height: 6px;\r\n background: rgba(255, 255, 255, .5);\r\n border-radius: 50%;\r\n animation: typingBounce .8s infinite;\r\n }\r\n\r\n .chat-typing span:nth-child(2) {\r\n animation-delay: .15s;\r\n }\r\n\r\n .chat-typing span:nth-child(3) {\r\n animation-delay: .3s;\r\n }\r\n\r\n @keyframes typingBounce {\r\n\r\n 0%,\r\n 60%,\r\n 100% {\r\n transform: translateY(0);\r\n opacity: .5;\r\n }\r\n\r\n 30% {\r\n transform: translateY(-5px);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @media(max-width:900px) {\r\n .chatbot-showcase-inner {\r\n grid-template-columns: 1fr;\r\n gap: 48px;\r\n }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 BENEFITS HIGHLIGHT BAND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n .sell-band {\r\n background: #fef3e2;\r\n border-top: 1px solid #fde68a;\r\n border-bottom: 1px solid #fde68a;\r\n padding: 24px 0;\r\n }\r\n\r\n .sell-band-inner {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 40px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .sell-band-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n color: var(--p);\r\n }\r\n\r\n .sell-band-emoji {\r\n font-size: 20px;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n <!-- \u2500\u2500\u2500 NAV \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <div class=\"nav-wrap\">\r\n <nav class=\"nav\">\r\n <a href=\"#\" class=\"nav-logo\">\r\n <img decoding=\"async\" src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2024\/07\/Logo-org-2.svg\" alt=\"Sky Agency\">\r\n <\/a>\r\n <div class=\"nav-links\">\r\n <a href=\"#services\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a>\r\n <a href=\"#how\">\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0438\u043c<\/a>\r\n <a href=\"#reviews\">\u041a\u043b\u0438\u0435\u043d\u0442\u0438<\/a>\r\n <a href=\"#guarantee\">\u0413\u0430\u0440\u0430\u043d\u0446\u0438\u044f<\/a>\r\n <\/div>\r\n <a href=\"#cta\" class=\"nav-cta\">\r\n <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path\r\n 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.81a19.79 19.79 0 01-3.07-8.63A2 2 0 012 0h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 14.92z\" \/>\r\n <\/svg>\r\n \u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f\r\n <\/a>\r\n <!-- Mobile action buttons (visible only on small screens) -->\r\n <div class=\"nav-mobile-actions\">\r\n <button class=\"nav-icon-btn\" id=\"navMenuBtn\" aria-label=\"\u041c\u0435\u043d\u044e\" onclick=\"toggleMobileMenu()\">\r\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.3\"\r\n stroke-linecap=\"round\">\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\" \/>\r\n <line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\" \/>\r\n <\/svg>\r\n <\/button>\r\n <a href=\"#cta\" class=\"nav-icon-btn contact-btn\" aria-label=\"\u0421\u0432\u044a\u0440\u0436\u0435\u0442\u0435 \u0441\u0435 \u0441 \u043d\u0430\u0441\" onclick=\"closeMobileMenu()\">\r\n <svg width=\"17\" height=\"17\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path\r\n 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.81a19.79 19.79 0 01-3.07-8.63A2 2 0 012 0h3a2 2 0 012 1.72 12.84 12.84 0 00.7 2.81 2 2 0 01-.45 2.11L6.09 7.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45 12.84 12.84 0 002.81.7A2 2 0 0122 14.92z\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/nav>\r\n <\/div>\r\n\r\n <!-- Mobile dropdown menu -->\r\n <div class=\"nav-mobile-menu\" id=\"navMobileMenu\">\r\n <a href=\"#services\" onclick=\"closeMobileMenu()\">\u0423\u0441\u043b\u0443\u0433\u0438<\/a>\r\n <a href=\"#how\" onclick=\"closeMobileMenu()\">\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0438\u043c<\/a>\r\n <a href=\"#reviews\" onclick=\"closeMobileMenu()\">\u041a\u043b\u0438\u0435\u043d\u0442\u0438<\/a>\r\n <a href=\"#guarantee\" onclick=\"closeMobileMenu()\">\u0413\u0430\u0440\u0430\u043d\u0446\u0438\u044f<\/a>\r\n <a href=\"#cta\" onclick=\"closeMobileMenu()\" class=\"menu-cta-link\">\u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f \u2192<\/a>\r\n <\/div>\r\n\r\n <!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"hero\" id=\"home\">\r\n <div class=\"hero-grid-bg\"><\/div>\r\n <div class=\"hero-orb\"><\/div>\r\n <div class=\"container\">\r\n <div class=\"hero-inner\">\r\n <div class=\"hero-text\">\r\n <div class=\"hero-tag\">\r\n <div class=\"hero-stars\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"hero-trust-text\">5.0 \u00b7 \u0432 Google<\/span>\r\n <\/div>\r\n <h1>\u0412\u0430\u0448\u0438\u044f\u0442 \u0431\u0438\u0437\u043d\u0435\u0441 \u0441<br><em>AI \u0427\u0430\u0442\u0431\u043e\u0442<\/em> 24\/7<\/h1>\r\n <p class=\"hero-sub\">\u0423\u043c\u0435\u043d AI \u0447\u0430\u0442\u0431\u043e\u0442, \u043a\u043e\u0439\u0442\u043e \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0438\u0442\u0435 \u0432\u0438 \u0434\u0435\u043d\u043e\u043d\u043e\u0449\u043d\u043e \u2014 \u043d\u0430 \u0441\u0430\u0439\u0442\u0430, \u0432 Instagram\r\n \u0438\u043b\u0438 WhatsApp. \u041f\u043e\u0432\u0435\u0447\u0435 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f, \u043f\u043e-\u043c\u0430\u043b\u043a\u043e \u0440\u044a\u0447\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0430.<\/p>\r\n <div class=\"hero-ctas\">\r\n <a href=\"#cta\" class=\"btn-primary\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <\/svg>\r\n \u0418\u0441\u043a\u0430\u043c AI \u0447\u0430\u0442\u0431\u043e\u0442\r\n <\/a>\r\n <a href=\"#how\" class=\"btn-secondary\">\r\n \u0412\u0438\u0436 \u043a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0438\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M5 12h14M12 5l7 7-7 7\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <div class=\"hero-trust\">\r\n <span class=\"hero-trust-text\">\ud83e\udd16 \u041e\u0442\u0433\u043e\u0432\u0430\u0440\u044f 24\/7 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u043e<\/span>\r\n <div class=\"hero-trust-div\"><\/div>\r\n <span class=\"hero-trust-text\">\ud83d\udd50 \u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 30-\u043c\u0438\u043d\u0443\u0442\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-visual\">\r\n <!-- Node graph diagram -->\r\n <div class=\"hero-graph\" id=\"heroGraph\">\r\n <!-- SVG lines drawn by JS -->\r\n <svg class=\"graph-lines\" id=\"graphLines\" viewBox=\"0 0 460 460\" preserveAspectRatio=\"xMidYMid meet\"><\/svg>\r\n\r\n <!-- Center AI hub -->\r\n <div class=\"graph-hub\" style=\"left:50%;top:50%\">\r\n <div class=\"graph-hub-circle\">\r\n <svg width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path\r\n d=\"M9.5 2A2.5 2.5 0 0112 4.5v15a2.5 2.5 0 01-4.96-.44 2.5 2.5 0 01-2.96-3.08 3 3 0 01-.34-5.58 2.5 2.5 0 014.5-4.5z\" \/>\r\n <path\r\n d=\"M14.5 2A2.5 2.5 0 0112 4.5v15a2.5 2.5 0 004.96-.44 2.5 2.5 0 002.96-3.08 3 3 0 00.34-5.58 2.5 2.5 0 00-4.5-4.5z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"graph-hub-label\">AI \u0421\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\r\n <\/div>\r\n\r\n <!-- Satellite nodes: positioned by % around center -->\r\n <!-- WhatsApp: top-left -->\r\n <div class=\"graph-node\" style=\"left:14%;top:20%\">\r\n <div class=\"graph-node-icon\" style=\"width:52px;height:52px;background:#25d366\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"white\">\r\n <path\r\n d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"graph-node-label\">WhatsApp<\/div>\r\n <\/div>\r\n\r\n <!-- Google Drive: top -->\r\n <div class=\"graph-node\" style=\"left:50%;top:7%\">\r\n <div class=\"graph-node-icon\" style=\"width:52px;height:52px\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 87.3 78\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z\"\r\n fill=\"#0066da\" \/>\r\n <path d=\"m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z\"\r\n fill=\"#00ac47\" \/>\r\n <path\r\n d=\"m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z\"\r\n fill=\"#ea4335\" \/>\r\n <path d=\"m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z\"\r\n fill=\"#00832d\" \/>\r\n <path d=\"m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z\"\r\n fill=\"#2684fc\" \/>\r\n <path\r\n d=\"m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z\"\r\n fill=\"#ffba00\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"graph-node-label\">Google Drive<\/div>\r\n <\/div>\r\n\r\n <!-- Email: top-right -->\r\n <div class=\"graph-node\" style=\"left:86%;top:20%\">\r\n <div class=\"graph-node-icon\" style=\"width:52px;height:52px;background:#7c3aed\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" \/>\r\n <polyline points=\"22,6 12,13 2,6\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"graph-node-label\">\u0418\u043c\u0435\u0439\u043b<\/div>\r\n <\/div>\r\n\r\n <!-- ERP: right -->\r\n <div class=\"graph-node\" style=\"left:93%;top:50%\">\r\n <div class=\"graph-node-icon\" style=\"width:52px;height:52px\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6b7280\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" \/>\r\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" \/>\r\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" \/>\r\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"graph-node-label\">ERP \u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\r\n <\/div>\r\n\r\n <!-- Sheets\/Data: bottom-right -->\r\n <div class=\"graph-node\" style=\"left:80%;top:82%\">\r\n <div class=\"graph-node-icon\" style=\"width:52px;height:52px;background:#0f9d58\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\" \/>\r\n <line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\" \/>\r\n <line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"graph-node-label\">\u0422\u0430\u0431\u043b\u0438\u0446\u0438<\/div>\r\n <\/div>\r\n\r\n <!-- Documents: bottom-left -->\r\n <div class=\"graph-node\" style=\"left:20%;top:82%\">\r\n <div class=\"graph-node-icon\" style=\"width:52px;height:52px\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6b7280\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"graph-node-label\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438<\/div>\r\n <\/div>\r\n\r\n <!-- API\/Software: left -->\r\n <div class=\"graph-node\" style=\"left:7%;top:50%\">\r\n <div class=\"graph-node-icon\" style=\"width:52px;height:52px;background:#0891b2\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"16 18 22 12 16 6\" \/>\r\n <polyline points=\"8 6 2 12 8 18\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"graph-node-label\">API \/ \u0421\u043e\u0444\u0442\u0443\u0435\u0440<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500\u2500 MOBILE NODE GRAPH (hidden on desktop) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"mobile-graph-section\">\r\n <div class=\"container\">\r\n <div class=\"hero-graph\" id=\"heroGraphMobile\" style=\"max-width:340px;margin:0 auto;\">\r\n <svg class=\"graph-lines\" id=\"graphLinesMobile\" viewBox=\"0 0 340 340\" preserveAspectRatio=\"xMidYMid meet\"><\/svg>\r\n <div class=\"graph-hub\" style=\"left:50%;top:50%\">\r\n <div class=\"graph-hub-circle\" style=\"width:58px;height:58px\">\r\n <svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path\r\n d=\"M9.5 2A2.5 2.5 0 0112 4.5v15a2.5 2.5 0 01-4.96-.44 2.5 2.5 0 01-2.96-3.08 3 3 0 01-.34-5.58 2.5 2.5 0 014.5-4.5z\" \/>\r\n <path\r\n d=\"M14.5 2A2.5 2.5 0 0112 4.5v15a2.5 2.5 0 004.96-.44 2.5 2.5 0 002.96-3.08 3 3 0 00.34-5.58 2.5 2.5 0 00-4.5-4.5z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"graph-hub-label\" style=\"font-size:10px\">AI \u0421\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\r\n <\/div>\r\n <div class=\"graph-node\" style=\"left:50%;top:7%\">\r\n <div class=\"graph-node-icon\" style=\"width:42px;height:42px\"><svg width=\"22\" height=\"22\" viewBox=\"0 0 87.3 78\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z\"\r\n fill=\"#0066da\" \/>\r\n <path d=\"m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z\"\r\n fill=\"#00ac47\" \/>\r\n <path\r\n d=\"m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z\"\r\n fill=\"#ea4335\" \/>\r\n <path d=\"m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z\" fill=\"#00832d\" \/>\r\n <path d=\"m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z\" fill=\"#2684fc\" \/>\r\n <path d=\"m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z\"\r\n fill=\"#ffba00\" \/>\r\n <\/svg><\/div>\r\n <div class=\"graph-node-label\">Google Drive<\/div>\r\n <\/div>\r\n <div class=\"graph-node\" style=\"left:14%;top:20%\">\r\n <div class=\"graph-node-icon\" style=\"width:42px;height:42px;background:#25d366\"><svg width=\"20\" height=\"20\"\r\n viewBox=\"0 0 24 24\" fill=\"white\">\r\n <path\r\n d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\" \/>\r\n <\/svg><\/div>\r\n <div class=\"graph-node-label\">WhatsApp<\/div>\r\n <\/div>\r\n <div class=\"graph-node\" style=\"left:86%;top:20%\">\r\n <div class=\"graph-node-icon\" style=\"width:42px;height:42px;background:#7c3aed\"><svg width=\"18\" height=\"18\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\" \/>\r\n <polyline points=\"22,6 12,13 2,6\" \/>\r\n <\/svg><\/div>\r\n <div class=\"graph-node-label\">\u0418\u043c\u0435\u0439\u043b<\/div>\r\n <\/div>\r\n <div class=\"graph-node\" style=\"left:7%;top:50%\">\r\n <div class=\"graph-node-icon\" style=\"width:42px;height:42px;background:#0891b2\"><svg width=\"18\" height=\"18\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <polyline points=\"16 18 22 12 16 6\" \/>\r\n <polyline points=\"8 6 2 12 8 18\" \/>\r\n <\/svg><\/div>\r\n <div class=\"graph-node-label\">API \/ \u0421\u043e\u0444\u0442\u0443\u0435\u0440<\/div>\r\n <\/div>\r\n <div class=\"graph-node\" style=\"left:93%;top:50%\">\r\n <div class=\"graph-node-icon\" style=\"width:42px;height:42px\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"\r\n fill=\"none\" stroke=\"#6b7280\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" \/>\r\n <rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" \/>\r\n <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" \/>\r\n <rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" \/>\r\n <\/svg><\/div>\r\n <div class=\"graph-node-label\">ERP \u0441\u0438\u0441\u0442\u0435\u043c\u0430<\/div>\r\n <\/div>\r\n <div class=\"graph-node\" style=\"left:20%;top:82%\">\r\n <div class=\"graph-node-icon\" style=\"width:42px;height:42px\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\"\r\n fill=\"none\" stroke=\"#6b7280\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <\/svg><\/div>\r\n <div class=\"graph-node-label\">\u0414\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438<\/div>\r\n <\/div>\r\n <div class=\"graph-node\" style=\"left:80%;top:82%\">\r\n <div class=\"graph-node-icon\" style=\"width:42px;height:42px;background:#0f9d58\"><svg width=\"18\" height=\"18\"\r\n viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\" \/>\r\n <line x1=\"3\" y1=\"15\" x2=\"21\" y2=\"15\" \/>\r\n <line x1=\"9\" y1=\"3\" x2=\"9\" y2=\"21\" \/>\r\n <\/svg><\/div>\r\n <div class=\"graph-node-label\">\u0422\u0430\u0431\u043b\u0438\u0446\u0438<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500\u2500 LOGOS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"client-strip\">\r\n <div class=\"container\">\r\n <div class=\"client-strip-label\">\u0415\u043a\u0438\u043f\u0438, \u043a\u043e\u0438\u0442\u043e \u0432\u0435\u0447\u0435 \u0441\u043f\u0435\u0441\u0442\u044f\u0432\u0430\u0442 \u0432\u0440\u0435\u043c\u0435 \u0441 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/div>\r\n <\/div>\r\n <div class=\"belt-mask\">\r\n <ul class=\"belt-track\" id=\"beltTrack\">\r\n <li class=\"belt-item\"><img decoding=\"async\" src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2025\/04\/logo-blue-horizont.png\"\r\n alt=\"Blue Horizon Cleaning UK\"><span>Blue Horizon Cleaning UK<\/span><\/li>\r\n <li class=\"belt-item\"><img decoding=\"async\" src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2024\/10\/Logo.png\"\r\n alt=\"Taysk Vision\"><span>Taysk Vision<\/span><\/li>\r\n <li class=\"belt-item\"><img decoding=\"async\" src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2025\/09\/Logo-transperent.png\"\r\n alt=\"Invest Consult International\"><span>Invest Consult International<\/span><\/li>\r\n <li class=\"belt-item\"><img decoding=\"async\" src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2025\/09\/Logo.png\"\r\n alt=\"SEM-Industrieboden-GmbH\"><span>SEM-Industrieboden-GmbH<\/span><\/li>\r\n <li class=\"belt-item\"><img decoding=\"async\" src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2024\/10\/logo-new-draw.png\"\r\n alt=\"Roni Vision\"><span>Roni Vision<\/span><\/li>\r\n <li class=\"belt-item\"><img decoding=\"async\" src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2025\/09\/tehno-space-2.png\"\r\n alt=\"Tehno Space\"><span>Tehno Space<\/span><\/li>\r\n <!-- Duplicated for seamless loop -->\r\n <li class=\"belt-item\" aria-hidden=\"true\"><img decoding=\"async\"\r\n src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2025\/04\/logo-blue-horizont.png\" alt=\"\"><span>Blue\r\n Horizon Cleaning UK<\/span><\/li>\r\n <li class=\"belt-item\" aria-hidden=\"true\"><img decoding=\"async\"\r\n src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2024\/10\/Logo.png\" alt=\"\"><span>Taysk\r\n Vision<\/span><\/li>\r\n <li class=\"belt-item\" aria-hidden=\"true\"><img decoding=\"async\"\r\n src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2025\/09\/Logo-transperent.png\" alt=\"\"><span>Invest\r\n Consult International<\/span><\/li>\r\n <li class=\"belt-item\" aria-hidden=\"true\"><img decoding=\"async\"\r\n src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2025\/09\/Logo.png\"\r\n alt=\"\"><span>SEM-Industrieboden-GmbH<\/span><\/li>\r\n <li class=\"belt-item\" aria-hidden=\"true\"><img decoding=\"async\"\r\n src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2024\/10\/logo-new-draw.png\" alt=\"\"><span>Roni\r\n Vision<\/span><\/li>\r\n <li class=\"belt-item\" aria-hidden=\"true\"><img decoding=\"async\"\r\n src=\"https:\/\/skyagency-group.com\/wp-content\/uploads\/2025\/09\/tehno-space-2.png\" alt=\"\"><span>Tehno\r\n Space<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"section\" id=\"services\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"overline\">\u041a\u0430\u043a\u0432\u043e \u043f\u0440\u0430\u0432\u0438\u043c<\/div>\r\n <h2>\u041a\u0430\u043a AI \u043f\u043e\u043c\u0430\u0433\u0430 \u043d\u0430 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0432\u0438<\/h2>\r\n <p>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0430\u0439\u0442\u0435 \u0440\u0443\u0442\u0438\u043d\u043d\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0438 \u0438 \u0441\u0435 \u0444\u043e\u043a\u0443\u0441\u0438\u0440\u0430\u0439\u0442\u0435 \u0432\u044a\u0440\u0445\u0443 \u0442\u043e\u0432\u0430, \u043a\u043e\u0435\u0442\u043e \u043d\u0430\u0438\u0441\u0442\u0438\u043d\u0430 \u0438\u043c\u0430 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435.<\/p>\r\n <\/div>\r\n <div class=\"services-grid\">\r\n <div class=\"service-card reveal\">\r\n <div class=\"service-icon service-icon-blue\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--s)\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>AI \u0427\u0430\u0442\u0431\u043e\u0442 \u0437\u0430 \u0423\u0435\u0431\u0441\u0430\u0439\u0442<\/h3>\r\n <p>\u0412\u0430\u0448\u0438\u044f\u0442 \u0432\u0438\u0440\u0442\u0443\u0430\u043b\u0435\u043d \u0430\u0441\u0438\u0441\u0442\u0435\u043d\u0442 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u043d\u0430 \u0432\u0441\u0438\u0447\u043a\u0438 \u0432\u044a\u043f\u0440\u043e\u0441\u0438 \u043d\u0430 \u043f\u043e\u0441\u0435\u0442\u0438\u0442\u0435\u043b\u0438\u0442\u0435 \u0432\u0438 \u0432 \u0440\u0435\u0430\u043b\u043d\u043e \u0432\u0440\u0435\u043c\u0435 \u2014\r\n \u0434\u0435\u043d\u043e\u043d\u043e\u0449\u043d\u043e,\r\n \u0431\u0435\u0437 \u043f\u0440\u043e\u043f\u0443\u0441\u043d\u0430\u0442\u0438 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f.<\/p>\r\n <\/div>\r\n <div class=\"service-card reveal\" style=\"transition-delay:.07s\">\r\n <div class=\"service-icon\" style=\"background:#e8f8ee\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d7a4e\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path\r\n d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>WhatsApp & Instagram \u0427\u0430\u0442\u0431\u043e\u0442<\/h3>\r\n <p>\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u0438 \u043e\u0442\u0433\u043e\u0432\u043e\u0440\u0438 \u0432 \u0441\u043e\u0446\u0438\u0430\u043b\u043d\u0438 \u043c\u0440\u0435\u0436\u0438 \u2014 \u043d\u0438\u0442\u043e \u0435\u0434\u043d\u043e \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0435 \u043d\u044f\u043c\u0430 \u0434\u0430 \u043e\u0441\u0442\u0430\u043d\u0435 \u0431\u0435\u0437 \u043e\u0442\u0433\u043e\u0432\u043e\u0440.<\/p>\r\n <\/div>\r\n <div class=\"service-card reveal\" style=\"transition-delay:.14s\">\r\n <div class=\"service-icon service-icon-violet\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6b3fa0\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\" \/>\r\n <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\" \/>\r\n <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u041e\u0442\u0433\u043e\u0432\u043e\u0440\u0438 \u0431\u0430\u0437\u0438\u0440\u0430\u043d\u0438 \u043d\u0430 \u0411\u0430\u0437\u0430 \u0414\u0430\u043d\u043d\u0438<\/h3>\r\n <p>\u0427\u0430\u0442\u0431\u043e\u0442\u044a\u0442 \u0447\u0435\u0442\u0435 \u0432\u0430\u0448\u0438\u0442\u0435 \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438, \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0438 \u0431\u0430\u0437\u0438 \u0434\u0430\u043d\u043d\u0438 \u2014 \u0438 \u0434\u0430\u0432\u0430 \u0442\u043e\u0447\u043d\u0438 \u043e\u0442\u0433\u043e\u0432\u043e\u0440\u0438 \u0432\u0440\u044a\u0437 \u0432\u0441\u0435\u043a\u0438 \u043a\u0430\u043d\u0430\u043b.\r\n <\/p>\r\n <\/div>\r\n <div class=\"service-card reveal\" style=\"transition-delay:.21s\">\r\n <div class=\"service-icon service-icon-amber\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d97706\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2\" \/>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\" \/>\r\n <path d=\"M23 21v-2a4 4 0 00-3-3.87\" \/>\r\n <path d=\"M16 3.13a4 4 0 010 7.75\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u0413\u0435\u043d\u0435\u0440\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f<\/h3>\r\n <p>\u0427\u0430\u0442\u0431\u043e\u0442\u044a\u0442 \u043a\u0432\u0430\u043b\u0438\u0444\u0438\u0446\u0438\u0440\u0430 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b\u043d\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0438, \u0437\u0430\u0434\u0430\u0432\u0430 \u0432\u044a\u043f\u0440\u043e\u0441\u0438 \u0438 \u0438\u0437\u043f\u0440\u0430\u0449\u0430 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u043e \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f \u0434\u043e\r\n \u0432\u0430\u0448\u0438\u044f\r\n \u0435\u043a\u0438\u043f.<\/p>\r\n <\/div>\r\n <div class=\"service-card reveal\" style=\"transition-delay:.28s\">\r\n <div class=\"service-icon service-icon-rose\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#be185d\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\" \/>\r\n <polyline points=\"12 6 12 12 16 14\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u041e\u0431\u0441\u043b\u0443\u0436\u0432\u0430\u043d\u0435 24\/7<\/h3>\r\n <p>\u0412\u0430\u0448\u0438\u044f\u0442 \u0447\u0430\u0442\u0431\u043e\u0442 \u043d\u0438\u043a\u043e\u0433\u0430 \u043d\u0435 \u0441\u043f\u0438 \u2014 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u0438\u0437\u0432\u044a\u043d \u0440\u0430\u0431\u043e\u0442\u043d\u043e \u0432\u0440\u0435\u043c\u0435, \u043f\u0440\u0435\u0437 \u0443\u0438\u043a\u0435\u043d\u0434\u0438 \u0438 \u043f\u0440\u0430\u0437\u043d\u0438\u0446\u0438.<\/p>\r\n <\/div>\r\n <div class=\"service-card reveal\" style=\"transition-delay:.35s\">\r\n <div class=\"service-icon service-icon-green\">\r\n <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d7a4e\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\" \/>\r\n <path d=\"M7 11V7a5 5 0 0110 0v4\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u041f\u044a\u043b\u043d\u0430 \u0418\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f \u0432 \u041f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430\u0442\u0430 \u0412\u0438<\/h3>\r\n <p>\u0412\u043d\u0435\u0434\u0440\u044f\u0432\u0430\u043c\u0435 \u0447\u0430\u0442\u0431\u043e\u0442\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u0432\u044a\u0432 \u0432\u0430\u0448\u0430\u0442\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u0431\u0435\u0437 \u0441\u043b\u043e\u0436\u043d\u0438 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438 \u043f\u0440\u043e\u043c\u0435\u043d\u0438.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500\u2500 SELL BAND \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <div class=\"sell-band\">\r\n <div class=\"container\">\r\n <div class=\"sell-band-inner\">\r\n <div class=\"sell-band-item\"><span class=\"sell-band-emoji\">\ud83d\uded2<\/span> \u041f\u0440\u043e\u0434\u0430\u0432\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0432\u043c\u0435\u0441\u0442\u043e \u0432\u0430\u0441 \u2014 24\/7\r\n <\/div>\r\n <div class=\"sell-band-item\"><span class=\"sell-band-emoji\">\u26a1<\/span> \u041e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u0438<\/div>\r\n <div class=\"sell-band-item\"><span class=\"sell-band-emoji\">\ud83d\udd17<\/span> \u0420\u0430\u0431\u043e\u0442\u0438 \u0432 \u0441\u0430\u0439\u0442, WhatsApp \u0438 Instagram\r\n <\/div>\r\n <div class=\"sell-band-item\"><span class=\"sell-band-emoji\">\ud83e\udd16<\/span> \u041e\u0431\u0443\u0447\u0435\u043d \u0441 \u0432\u0430\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0438 \u0443\u0441\u043b\u0443\u0433\u0438\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- \u2500\u2500\u2500 CHATBOT SHOWCASE \u2014 \u041c\u041e\u0416\u0415 \u0414\u0410 \u041f\u0420\u041e\u0414\u0410\u0412\u0410 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"chatbot-showcase\" id=\"chatbot-website\">\r\n <div class=\"container\">\r\n <div class=\"chatbot-showcase-inner\">\r\n <!-- Left text -->\r\n <div class=\"chatbot-showcase-text reveal\">\r\n <div class=\"overline\">AI \u0427\u0430\u0442\u0431\u043e\u0442 \u0437\u0430 \u0423\u0435\u0431\u0441\u0430\u0439\u0442<\/div>\r\n <h2>\u041c\u043e\u0436\u0435 \u0434\u0430 \u043f\u0440\u043e\u0434\u0430\u0432\u0430 \u0432\u0430\u0448\u0438\u0442\u0435<br>\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 <em>\u0432\u043c\u0435\u0441\u0442\u043e \u0432\u0430\u0441<\/em><\/h2>\r\n <p>\u0412\u0430\u0448\u0438\u044f\u0442 AI \u0447\u0430\u0442\u0431\u043e\u0442 \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u043d\u0430 \u0432\u044a\u043f\u0440\u043e\u0441\u0438 \u2014 \u0442\u043e\u0439 \u0430\u043a\u0442\u0438\u0432\u043d\u043e \u043f\u0440\u0435\u043f\u043e\u0440\u044a\u0447\u0432\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438, \u043e\u0431\u044f\u0441\u043d\u044f\u0432\u0430\r\n \u043f\u0440\u0435\u0434\u0438\u043c\u0441\u0442\u0432\u0430\u0442\u0430 \u0438\u043c \u0438 \u043d\u0430\u0441\u043e\u0447\u0432\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u043a\u044a\u043c \u043f\u043e\u043a\u0443\u043f\u043a\u0430. \u0420\u0430\u0431\u043e\u0442\u0438 \u0434\u0435\u043d\u043e\u043d\u043e\u0449\u043d\u043e, \u0431\u0435\u0437 \u043f\u043e\u0447\u0438\u0432\u043a\u0430 \u0438 \u0431\u0435\u0437\r\n \u0433\u0440\u0435\u0448\u043a\u0438.<\/p>\r\n <div class=\"chatbot-features-list\">\r\n <div class=\"chatbot-feature-item\">\r\n <div class=\"chatbot-feature-icon\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n \u041f\u0440\u0435\u043f\u043e\u0440\u044a\u0447\u0432\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0441\u043f\u0440\u044f\u043c\u043e \u043d\u0443\u0436\u0434\u0430\u0442\u0430 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430\r\n <\/div>\r\n <div class=\"chatbot-feature-item\">\r\n <div class=\"chatbot-feature-icon\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n \u041e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u043d\u0430 \u0432\u044a\u043f\u0440\u043e\u0441\u0438 \u0437\u0430 \u0446\u0435\u043d\u0438, \u043d\u0430\u043b\u0438\u0447\u043d\u043e\u0441\u0442\u0438 \u0438 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430\r\n <\/div>\r\n <div class=\"chatbot-feature-item\">\r\n <div class=\"chatbot-feature-icon\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n \u0421\u044a\u0431\u0438\u0440\u0430 \u0434\u0430\u043d\u043d\u0438 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0438 \u0438\u0437\u043f\u0440\u0430\u0449\u0430 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0435 \u0434\u043e \u0432\u0430\u0441\r\n <\/div>\r\n <div class=\"chatbot-feature-item\">\r\n <div class=\"chatbot-feature-icon\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n \u0420\u0430\u0431\u043e\u0442\u0438 \u0432 \u0443\u0435\u0431\u0441\u0430\u0439\u0442, WhatsApp, Instagram \u0438 Messenger\r\n <\/div>\r\n <div class=\"chatbot-feature-item\">\r\n <div class=\"chatbot-feature-icon\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4ade80\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"20 6 9 17 4 12\" \/>\r\n <\/svg>\r\n <\/div>\r\n \u041e\u0431\u0443\u0447\u0435\u043d \u0441 \u0432\u0430\u0448\u0438\u044f \u043a\u0430\u0442\u0430\u043b\u043e\u0433, \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0438 \u0438 \u043f\u043e\u043b\u0438\u0442\u0438\u043a\u0438\r\n <\/div>\r\n <\/div>\r\n <a href=\"#cta\" class=\"btn-yellow\">\r\n \u0418\u0441\u043a\u0430\u043c \u0434\u0435\u043c\u043e \u0437\u0430 \u043c\u043e\u044f \u0431\u0438\u0437\u043d\u0435\u0441\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n <polyline points=\"12 5 19 12 12 19\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <!-- Right: Chat mockup -->\r\n <div class=\"chat-mockup reveal\" style=\"transition-delay:.15s\">\r\n <div class=\"chat-mockup-header\">\r\n <div class=\"chat-avatar-bot\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"1.8\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div>\r\n <div class=\"chat-mockup-name\">AI \u0410\u0441\u0438\u0441\u0442\u0435\u043d\u0442 \u00b7 \u0412\u0430\u0448\u0438\u044f \u043c\u0430\u0433\u0430\u0437\u0438\u043d<\/div>\r\n <div class=\"chat-mockup-status\">\u25cf \u041e\u043d\u043b\u0430\u0439\u043d \u2014 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u0437\u0430 \u0441\u0435\u043a\u0443\u043d\u0434\u0438<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chat-messages\">\r\n <div class=\"chat-bubble chat-bubble-bot\">\u0417\u0434\u0440\u0430\u0432\u0435\u0439\u0442\u0435! \ud83d\udc4b \u041a\u0430\u043a \u043c\u043e\u0433\u0430 \u0434\u0430 \u0432\u0438 \u043f\u043e\u043c\u043e\u0433\u043d\u0430 \u0434\u043d\u0435\u0441?<\/div>\r\n <div class=\"chat-bubble chat-bubble-user\">\u0422\u044a\u0440\u0441\u044f \u0447\u0430\u043d\u0442\u0430 \u0437\u0430 \u043b\u0430\u043f\u0442\u043e\u043f \u0434\u043e 150 \u043b\u0432.<\/div>\r\n <div class=\"chat-bubble chat-bubble-bot\">\u0420\u0430\u0437\u0431\u0438\u0440\u0430 \u0441\u0435! \u0418\u043c\u0430\u043c\u0435 3 \u043c\u043e\u0434\u0435\u043b\u0430 \u0442\u043e\u0447\u043d\u043e \u0437\u0430 \u0432\u0430\u0441:<\/div>\r\n <div class=\"chat-product-card\">\r\n <div class=\"chat-product-title\">\ud83c\udf92 ProSlim Laptop Bag 15.6\"<\/div>\r\n <div class=\"chat-product-price\">129 \u043b\u0432.<\/div>\r\n <button class=\"chat-product-btn\">\r\n <svg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <circle cx=\"9\" cy=\"21\" r=\"1\" \/>\r\n <circle cx=\"20\" cy=\"21\" r=\"1\" \/>\r\n <path d=\"M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6\" \/>\r\n <\/svg>\r\n \u0414\u043e\u0431\u0430\u0432\u0438 \u0432 \u043a\u043e\u043b\u0438\u0447\u043a\u0430\u0442\u0430\r\n <\/button>\r\n <\/div>\r\n <div class=\"chat-bubble chat-bubble-bot\">\u0418\u0441\u043a\u0430\u0442\u0435 \u043b\u0438 \u0434\u0430 \u0432\u0438\u0434\u0438\u0442\u0435 \u043e\u0441\u0442\u0430\u043d\u0430\u043b\u0438\u0442\u0435 2 \u0432\u0430\u0440\u0438\u0430\u043d\u0442\u0430 \u0438\u043b\u0438 \u0438\u043c\u0430\u0442\u0435\r\n \u0434\u0440\u0443\u0433 \u0432\u044a\u043f\u0440\u043e\u0441?<\/div>\r\n <div class=\"chat-typing\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500\u2500 HOW WE WORK \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"section how-section\" id=\"how\" style=\"background:var(--gray-50)\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"overline\">\u041f\u0440\u043e\u0446\u0435\u0441<\/div>\r\n <h2>\u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0438\u043c<\/h2>\r\n <p>5 \u044f\u0441\u043d\u0438 \u0441\u0442\u044a\u043f\u043a\u0438 \u043e\u0442 \u0438\u0434\u0435\u044f\u0442\u0430 \u0434\u043e \u0440\u0430\u0431\u043e\u0442\u0435\u0449\u0430\u0442\u0430 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f.<\/p>\r\n <\/div>\r\n <div class=\"steps-diagram reveal\">\r\n <!-- SVG curved connecting lines -->\r\n <svg class=\"steps-svg\" viewBox=\"0 0 1100 240\" preserveAspectRatio=\"xMidYMid meet\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <!-- Line 1\u21922 (top to bottom curve) -->\r\n <path d=\"M 138 68 C 200 68, 240 128, 293 128\" stroke=\"var(--gray-200)\" stroke-width=\"2\" fill=\"none\"\r\n stroke-dasharray=\"6 4\" \/>\r\n <!-- Line 2\u21923 (bottom to top curve) -->\r\n <path d=\"M 361 128 C 420 128, 460 68, 516 68\" stroke=\"var(--gray-200)\" stroke-width=\"2\" fill=\"none\"\r\n stroke-dasharray=\"6 4\" \/>\r\n <!-- Line 3\u21924 (top to bottom curve) -->\r\n <path d=\"M 584 68 C 640 68, 680 128, 739 128\" stroke=\"var(--gray-200)\" stroke-width=\"2\" fill=\"none\"\r\n stroke-dasharray=\"6 4\" \/>\r\n <!-- Line 4\u21925 (bottom to top curve) -->\r\n <path d=\"M 807 128 C 860 128, 900 68, 962 68\" stroke=\"var(--gray-200)\" stroke-width=\"2\" fill=\"none\"\r\n stroke-dasharray=\"6 4\" \/>\r\n <!-- Animated active lines -->\r\n <path class=\"animated-path\" d=\"M 138 68 C 200 68, 240 128, 293 128\" stroke=\"var(--s)\" stroke-width=\"2\"\r\n opacity=\".5\" \/>\r\n <path class=\"animated-path\" d=\"M 361 128 C 420 128, 460 68, 516 68\" stroke=\"var(--s)\" stroke-width=\"2\"\r\n opacity=\".5\" style=\"animation-delay:.3s\" \/>\r\n <path class=\"animated-path\" d=\"M 584 68 C 640 68, 680 128, 739 128\" stroke=\"var(--s)\" stroke-width=\"2\"\r\n opacity=\".5\" style=\"animation-delay:.6s\" \/>\r\n <path class=\"animated-path\" d=\"M 807 128 C 860 128, 900 68, 962 68\" stroke=\"var(--s)\" stroke-width=\"2\"\r\n opacity=\".5\" style=\"animation-delay:.9s\" \/>\r\n <\/svg>\r\n <div class=\"steps-row\">\r\n <div class=\"step\">\r\n <div class=\"step-circle active\">1<\/div>\r\n <h4>\u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f<\/h4>\r\n <p>\u0420\u0430\u0437\u0431\u0438\u0440\u0430\u043c\u0435 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0432\u0438 \u0438 \u043d\u0430\u043c\u0438\u0440\u0430\u043c\u0435 \u0442\u043e\u0447\u043a\u0438\u0442\u0435 \u0437\u0430 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-circle\">2<\/div>\r\n <h4>\u0410\u043d\u0430\u043b\u0438\u0437 \u043d\u0430 \u043f\u0440\u043e\u0446\u0435\u0441\u0438\u0442\u0435<\/h4>\r\n <p>\u0414\u0435\u0442\u0430\u0439\u043b\u043d\u043e \u0430\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u043d\u0438\u044f \u043f\u043e\u0442\u043e\u043a<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-circle\">3<\/div>\r\n <h4>\u0414\u0435\u043c\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435<\/h4>\r\n <p>\u041f\u043e\u043a\u0430\u0437\u0432\u0430\u043c\u0435 \u0440\u0430\u0431\u043e\u0442\u0435\u0449 \u043f\u0440\u043e\u0442\u043e\u0442\u0438\u043f \u043f\u0440\u0435\u0434\u0438 \u0444\u0438\u043d\u0430\u043b\u043d\u043e\u0442\u043e \u0438\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043d\u0435<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-circle\">4<\/div>\r\n <h4>\u0421\u044a\u0437\u0434\u0430\u0432\u0430\u043d\u0435 \u0438 \u0442\u0435\u0441\u0442\u0432\u0430\u043d\u0435<\/h4>\r\n <p>\u0418\u0437\u0433\u0440\u0430\u0436\u0434\u0430\u043c\u0435 \u0438 \u0442\u0435\u0441\u0442\u0432\u0430\u043c\u0435 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f\u0442\u0430 \u0432 \u0440\u0435\u0430\u043b\u043d\u0430 \u0441\u0440\u0435\u0434\u0430<\/p>\r\n <\/div>\r\n <div class=\"step\">\r\n <div class=\"step-circle\">5<\/div>\r\n <h4>\u0412\u043d\u0435\u0434\u0440\u044f\u0432\u0430\u043d\u0435 \u0438 \u043f\u043e\u0434\u0434\u0440\u044a\u0436\u043a\u0430<\/h4>\r\n <p>\u0412\u043d\u0435\u0434\u0440\u044f\u0432\u0430\u043c\u0435 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0430 \u0438 \u043e\u0441\u0438\u0433\u0443\u0440\u044f\u0432\u0430\u043c\u0435 \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u0430 \u043f\u043e\u0434\u0434\u0440\u044a\u0436\u043a\u0430 - \u0438\u043b\u0438 \u043e\u0431\u0443\u0447\u0430\u0432\u0430\u043c\u0435 \u0435\u043a\u0438\u043f\u0430 \u0412\u0438 \u0434\u0430 \u044f\r\n \u0443\u043f\u0440\u0430\u0432\u043b\u044f\u0432\u0430 \u0441\u0430\u043c<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500\u2500 STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <!-- \u2500\u2500\u2500 REVIEWS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"section reviews-section\" id=\"reviews\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"overline\">\u0418\u0441\u0442\u043e\u0440\u0438\u0438 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0438<\/div>\r\n <h2>\u041a\u0430\u043a\u0432\u043e \u043a\u0430\u0437\u0432\u0430\u0442 \u043a\u043b\u0438\u0435\u043d\u0442\u0438\u0442\u0435 \u043d\u0438<\/h2>\r\n <p>\u0420\u0435\u0430\u043b\u043d\u0438 \u043e\u0442\u0437\u0438\u0432\u0438 \u043e\u0442 \u0431\u0438\u0437\u043d\u0435\u0441\u0438, \u043d\u0430 \u043a\u043e\u0438\u0442\u043e \u043f\u043e\u043c\u043e\u0433\u043d\u0430\u0445\u043c\u0435 \u0434\u0430 \u0440\u0430\u0431\u043e\u0442\u044f\u0442 \u043f\u043e-\u0443\u043c\u043d\u043e \u0438 \u0434\u0430 \u0440\u0430\u0441\u0442\u0430\u0442 \u043f\u043e-\u0431\u044a\u0440\u0437\u043e.<\/p>\r\n <\/div>\r\n <div class=\"reviews-grid\">\r\n\r\n <!-- Card 1 \u2013 topjboutique shop -->\r\n <div class=\"review-card reveal\">\r\n <div class=\"review-card-top\">\r\n <div class=\"quote-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\" \/>\r\n <path\r\n d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"badge-green\">5000+ \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0430\u043d\u0438<\/span>\r\n <\/div>\r\n <p class=\"review-text\">\u201e\u0421\u043b\u0435\u0434 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f\u0442\u0430, \u043a\u043e\u044f\u0442\u043e Sky Agency \u0438\u0437\u0433\u0440\u0430\u0434\u0438, \u043d\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044f\u0442\u0430 \u0432 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 \u0441\u0442\u0430\u043d\u0430\r\n \u0437\u043d\u0430\u0447\u0438\u0442\u0435\u043b\u043d\u043e \u043f\u043e-\u043b\u0435\u0441\u043d\u0430, \u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0430 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0447\u043d\u043e \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0437\u0438\u0440\u0430 \u043d\u0430\u0434 5000 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430. \u0422\u043e\u0432\u0430 \u043d\u0438 \u0441\u043f\u0435\u0441\u0442\u0438\r\n \u0447\u0430\u0441\u043e\u0432\u0435 \u0440\u044a\u0447\u043d\u0430\r\n \u0440\u0430\u0431\u043e\u0442\u0430 \u0438 \u043f\u043e\u0434\u043e\u0431\u0440\u0438 \u0446\u044f\u043b\u043e\u0441\u0442\u043d\u043e\u0442\u043e \u043a\u043b\u0438\u0435\u043d\u0442\u0441\u043a\u043e \u0438\u0437\u0436\u0438\u0432\u044f\u0432\u0430\u043d\u0435.\"<\/p>\r\n <button class=\"show-more\">\u041f\u043e\u043a\u0430\u0436\u0438 \u043f\u043e\u0432\u0435\u0447\u0435 <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg><\/button>\r\n <div class=\"review-divider\"><\/div>\r\n <div class=\"review-footer\">\r\n <div class=\"reviewer\">\r\n <div class=\"avatar\">TJ<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">topjboutique shop<\/div>\r\n <div class=\"reviewer-role\">E-commerce \u0431\u0438\u0437\u043d\u0435\u0441<\/div>\r\n <div class=\"reviewer-company\">E-commerce \/ \u041a\u0430\u0442\u0430\u043b\u043e\u0433 \u043c\u0435\u043d\u0438\u0434\u0436\u043c\u044a\u043d\u0442<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-right\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"country-flag\">\ud83c\udde7\ud83c\uddec \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f<\/div>\r\n <a href=\"https:\/\/share.google\/ACl3xaCFEN8cUpZRR\" target=\"_blank\" class=\"case-link\" rel=\"noopener\">Google\r\n \u043e\u0442\u0437\u0438\u0432 \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 \u2013 Birsen \/ ICI -->\r\n <div class=\"review-card reveal\" style=\"transition-delay:.1s\">\r\n <div class=\"review-card-top\">\r\n <div class=\"quote-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\" \/>\r\n <path\r\n d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"badge-green\">\u041a\u043e\u043d\u0442\u0440\u043e\u043b & \u044f\u0441\u043d\u043e\u0442\u0430<\/span>\r\n <\/div>\r\n <p class=\"review-text\">\u201e\u0420\u0430\u0437\u0431\u0438\u0440\u0430\u043d\u0435 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u043d\u0430 \u043d\u0430\u0439-\u0432\u0438\u0441\u043e\u043a\u043e \u043d\u0438\u0432\u043e. \u0410\u0431\u0441\u043e\u043b\u044e\u0442\u0435\u043d \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u0438\u0437\u044a\u043c \u0438 \u0431\u044a\u0440\u0437\u043e\r\n \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435\r\n \u043d\u0430 \u0440\u0435\u0430\u043b\u043d\u0438 \u0431\u0438\u0437\u043d\u0435\u0441 \u043d\u0443\u0436\u0434\u0438.\"<\/p>\r\n <button class=\"show-more\" style=\"visibility:hidden\">\u041f\u043e\u043a\u0430\u0436\u0438 \u043f\u043e\u0432\u0435\u0447\u0435<\/button>\r\n <div class=\"review-divider\"><\/div>\r\n <div class=\"review-footer\">\r\n <div class=\"reviewer\">\r\n <div class=\"avatar\">B<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">Birsen<\/div>\r\n <div class=\"reviewer-role\">\u0418\u0437\u043f\u044a\u043b\u043d\u0438\u0442\u0435\u043b\u0435\u043d \u0434\u0438\u0440\u0435\u043a\u0442\u043e\u0440<\/div>\r\n <div class=\"reviewer-company\">Invest Consult International<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-right\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"country-flag\">\ud83c\udde7\ud83c\uddec \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f<\/div>\r\n <a href=\"https:\/\/share.google\/DEEnFMjt4rl2AoxGW\" target=\"_blank\" class=\"case-link\" rel=\"noopener\">Google\r\n \u043e\u0442\u0437\u0438\u0432 \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 3 \u2013 Miroslava Ivanova -->\r\n <div class=\"review-card reveal\" style=\"transition-delay:.2s\">\r\n <div class=\"review-card-top\">\r\n <div class=\"quote-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\" \/>\r\n <path\r\n d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"badge-green\">\u0423\u0435\u0431\u0441\u0430\u0439\u0442 & \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f<\/span>\r\n <\/div>\r\n <p class=\"review-text\">\u201e\u0418\u0437\u043a\u043b\u044e\u0447\u0438\u0442\u0435\u043b\u043d\u043e \u0441\u044a\u043c \u0434\u043e\u0432\u043e\u043b\u043d\u0430 \u043e\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u0430 \u043d\u0430 \u0442\u0430\u0437\u0438 \u0430\u0433\u0435\u043d\u0446\u0438\u044f! \u041d\u0430\u0435\u0445 \u0433\u0438 \u0437\u0430 \u0438\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430\r\n \u043d\u0430 \u0443\u0435\u0431\u0441\u0430\u0439\u0442\r\n \u0438 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u044a\u0442 \u043d\u0430\u0434\u043c\u0438\u043d\u0430 \u043e\u0447\u0430\u043a\u0432\u0430\u043d\u0438\u044f\u0442\u0430 \u043c\u0438. \u0420\u0430\u0431\u043e\u0442\u044f\u0442 \u0431\u044a\u0440\u0437\u043e, \u0441\u043f\u0430\u0437\u0432\u0430\u0442 \u0441\u0440\u043e\u043a\u043e\u0432\u0435 \u0438 \u043f\u043e\u0434\u0445\u043e\u0436\u0434\u0430\u0442 \u0441 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a\u044a\u043c\r\n \u0432\u0441\u0435\u043a\u0438 \u0434\u0435\u0442\u0430\u0439\u043b.\r\n \u0412\u0441\u0438\u0447\u043a\u043e \u0431\u0435\u0448\u0435 \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u043e \u043f\u0440\u0435\u0446\u0438\u0437\u043d\u043e \u0438 \u043d\u0430 \u043c\u043d\u043e\u0433\u043e \u0432\u0438\u0441\u043e\u043a\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u043d\u0438\u0432\u043e. \u041a\u043e\u043c\u0443\u043d\u0438\u043a\u0430\u0446\u0438\u044f\u0442\u0430 \u0431\u0435\u0448\u0435 \u043b\u0435\u0441\u043d\u0430 \u0438\r\n \u043a\u043e\u0440\u0435\u043a\u0442\u043d\u0430\r\n \u043f\u0440\u0435\u0437 \u0446\u0435\u043b\u0438\u044f \u043f\u0440\u043e\u0446\u0435\u0441. \u0421 \u0443\u0434\u043e\u0432\u043e\u043b\u0441\u0442\u0432\u0438\u0435 \u0431\u0438\u0445 \u0441\u0435 \u043e\u0431\u044a\u0440\u043d\u0430\u043b\u0430 \u043a\u044a\u043c \u0442\u044f\u0445 \u043e\u0442\u043d\u043e\u0432\u043e \u0438 \u0433\u0438 \u043f\u0440\u0435\u043f\u043e\u0440\u044a\u0447\u0432\u0430\u043c!\"<\/p>\r\n <button class=\"show-more\">\u041f\u043e\u043a\u0430\u0436\u0438 \u043f\u043e\u0432\u0435\u0447\u0435 <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg><\/button>\r\n <div class=\"review-divider\"><\/div>\r\n <div class=\"review-footer\">\r\n <div class=\"reviewer\">\r\n <div class=\"avatar\">\u041c\u0418<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">Miroslava Ivanova<\/div>\r\n <div class=\"reviewer-role\">\u0421\u0442\u0440\u043e\u0438\u0442\u0435\u043b\u043d\u0430 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u044f & \u0418\u043d\u0432\u0435\u0441\u0442\u0438\u0442\u043e\u0440<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-right\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"country-flag\">\ud83c\udde7\ud83c\uddec \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f<\/div>\r\n <a href=\"https:\/\/share.google\/S6gaqgn6iehbbpjit\" target=\"_blank\" class=\"case-link\" rel=\"noopener\">Google\r\n \u043e\u0442\u0437\u0438\u0432 \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 4 \u2013 Denislava Dimova -->\r\n <div class=\"review-card reveal\" style=\"transition-delay:.3s\">\r\n <div class=\"review-card-top\">\r\n <div class=\"quote-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\" \/>\r\n <path\r\n d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"badge-green\">\u0410\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f \u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0438<\/span>\r\n <\/div>\r\n <p class=\"review-text\">\u201e\u041c\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u043d\u043e \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435. \u0411\u044a\u0440\u0437\u043e \u0434\u0435\u0439\u0441\u0442\u0432\u0430\u0442 \u0438 \u0435\u043a\u0441\u043f\u0435\u0440\u0442\u0438 \u0432 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0430\u0446\u0438\u044f\u0442\u0430\r\n \u043d\u0430\r\n \u0441\u0438\u0441\u0442\u0435\u043c\u0438.\"<\/p>\r\n <button class=\"show-more\" style=\"visibility:hidden\">\u041f\u043e\u043a\u0430\u0436\u0438 \u043f\u043e\u0432\u0435\u0447\u0435<\/button>\r\n <div class=\"review-divider\"><\/div>\r\n <div class=\"review-footer\">\r\n <div class=\"reviewer\">\r\n <div class=\"avatar\">\u0414\u0414<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">Denislava Dimova<\/div>\r\n <div class=\"reviewer-role\">\u0410\u0433\u0435\u043d\u0446\u0438\u044f<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-right\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"country-flag\">\ud83c\udde7\ud83c\uddec \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f<\/div>\r\n <a href=\"https:\/\/share.google\/VN4j0uWLtkbgwMowM\" target=\"_blank\" class=\"case-link\" rel=\"noopener\">Google\r\n \u043e\u0442\u0437\u0438\u0432 \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 5 \u2013 Daniel Manolov -->\r\n <div class=\"review-card reveal\" style=\"transition-delay:.4s\">\r\n <div class=\"review-card-top\">\r\n <div class=\"quote-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\" \/>\r\n <path\r\n d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"badge-green\">\u041d\u0430\u0434 \u043e\u0447\u0430\u043a\u0432\u0430\u043d\u0438\u044f\u0442\u0430<\/span>\r\n <\/div>\r\n <p class=\"review-text\">\u201e\u041d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u0438 \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u0438\u0441\u0442\u0438. \u041f\u043b\u0430\u0442\u0438\u0445 \u0441\u0438 \u0437\u0430 \u0435\u0434\u043d\u043e, \u0430 \u043f\u043e\u043b\u0443\u0447\u0438\u0445 \u043c\u043d\u043e\u0433\u043e \u043f\u043e\u0432\u0435\u0447\u0435 \u043e\u0442\u0433\u043e\u0440\u0435\r\n \u043a\u0430\u0442\u043e\r\n \u0431\u043e\u043d\u0443\u0441. \u0414\u043e\u0441\u0435\u0433\u0430 \u043d\u0435 \u0431\u044f\u0445 \u043f\u043e\u043b\u0443\u0447\u0430\u0432\u0430\u043b \u0442\u043e\u043b\u043a\u043e\u0432\u0430 \u0434\u043e\u0431\u0440\u043e \u043e\u0442\u043d\u043e\u0448\u0435\u043d\u0438\u0435 \u0437\u0430 \u043f\u043e\u0434\u043e\u0431\u043d\u0430 \u0443\u0441\u043b\u0443\u0433\u0430.\"<\/p>\r\n <button class=\"show-more\">\u041f\u043e\u043a\u0430\u0436\u0438 \u043f\u043e\u0432\u0435\u0447\u0435 <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg><\/button>\r\n <div class=\"review-divider\"><\/div>\r\n <div class=\"review-footer\">\r\n <div class=\"reviewer\">\r\n <div class=\"avatar\">\u0414\u041c<\/div>\r\n <div class=\"reviewer-info\">\r\n <div class=\"reviewer-name\">Daniel Manolov<\/div>\r\n <div class=\"reviewer-role\">\u041a\u043e\u0443\u0447\u0438\u043d\u0433<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"review-right\">\r\n <div class=\"stars\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"country-flag\">\ud83c\udde7\ud83c\uddec \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f<\/div>\r\n <a href=\"https:\/\/share.google\/ZkWsCM70sZy2f0xdj\" target=\"_blank\" class=\"case-link\" rel=\"noopener\">Google\r\n \u043e\u0442\u0437\u0438\u0432 \u2192<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Card 6 \u2013 Coming soon: DI EM ES KONSULT -->\r\n <div class=\"review-card review-card-coming reveal\" style=\"transition-delay:.5s\">\r\n <div class=\"review-card-top\">\r\n <div class=\"quote-icon\" style=\"background:#f0edfb\">\r\n <svg viewBox=\"0 0 24 24\" style=\"fill:#6b3fa0\">\r\n <path\r\n d=\"M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z\" \/>\r\n <path\r\n d=\"M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"badge-coming\">\u0421\u043a\u043e\u0440\u043e<\/span>\r\n <\/div>\r\n <div class=\"coming-body\">\r\n <div class=\"coming-avatar\" style=\"background:#6b3fa0\">D<\/div>\r\n <div class=\"coming-company\">\u0421\u0447\u0435\u0442\u043e\u0432\u043e\u0434\u043d\u0430 \u043a\u0430\u043d\u0442\u043e\u0440\u0430 DI EM ES KONSULT<\/div>\r\n <p style=\"font-size:13px;color:var(--gray-600);text-align:center;max-width:340px;line-height:1.6\">\r\n \u0418\u0437\u0433\u0440\u0430\u0434\u0438\u0445\u043c\u0435\r\n \u0430\u043f\u043b\u0438\u043a\u0430\u0446\u0438\u044f \u0441 \u0430\u0432\u0442\u043e\u043c\u0430\u0442\u0438\u0437\u0438\u0440\u0430\u043d\u0430 \u0431\u0430\u0437\u0430 \u0434\u0430\u043d\u043d\u0438 \u0437\u0430 \u0432\u0441\u0438\u0447\u043a\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0438 \u043d\u0430 \u043a\u0430\u043d\u0442\u043e\u0440\u0430\u0442\u0430.<\/p>\r\n <\/div>\r\n <div class=\"review-divider\"><\/div>\r\n <div style=\"display:flex;justify-content:center\">\r\n <span style=\"font-size:12px;color:var(--gray-400);font-weight:500\">\ud83d\udd50 \u043e\u0447\u0430\u043a\u0432\u0430\u043c\u0435 \u043e\u0442\u0437\u0438\u0432<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <!-- \u2500\u2500\u2500 STATS \/ RESULTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"section stats-section\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"overline\">\u041f\u0440\u0435\u0434\u0438\u043c\u0441\u0442\u0432\u0430<\/div>\r\n <h2>\u0420\u0435\u0430\u043b\u043d\u0438 \u043f\u043e\u043b\u0437\u0438 \u043e\u0442 AI \u0447\u0430\u0442\u0431\u043e\u0442<\/h2>\r\n <p style=\"font-size:16px;color:var(--gray-600);max-width:520px;margin:14px auto 0;line-height:1.65\">\r\n \u0412\u0430\u0448\u0438\u044f\u0442 AI \u0447\u0430\u0442\u0431\u043e\u0442 \u043d\u0435 \u0441\u0430\u043c\u043e \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u2014 \u0442\u043e\u0439 <strong style=\"color:var(--p)\">\u043f\u0440\u043e\u0434\u0430\u0432\u0430 \u0432\u0430\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\r\n \u0432\u043c\u0435\u0441\u0442\u043e \u0432\u0430\u0441<\/strong>, \u0434\u0435\u043d\u043e\u043d\u043e\u0449\u043d\u043e.<\/p>\r\n <\/div>\r\n <div class=\"stats-grid reveal\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-number\">24<span>\/7<\/span><\/div>\r\n <div class=\"stat-desc\">\u041d\u0430\u043b\u0438\u0447\u043d\u043e\u0441\u0442 \u2014 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u0438 \u043f\u0440\u043e\u0434\u0430\u0432\u0430 \u0434\u043e\u0440\u0438 \u0432 3 \u0447\u0430\u0441\u0430 \u0441\u0443\u0442\u0440\u0438\u043d\u0442\u0430<\/div>\r\n <div class=\"stat-client\">\u0411\u0435\u0437 \u043f\u0440\u043e\u043f\u0443\u0441\u043d\u0430\u0442\u0438 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-number\">3<span>\u0445<\/span><\/div>\r\n <div class=\"stat-desc\">\u043f\u043e\u0432\u0435\u0447\u0435 \u043a\u043e\u043d\u0432\u0435\u0440\u0442\u0438\u0440\u0430\u043d\u0438 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f \u0441\u043f\u0440\u044f\u043c\u043e \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u043d\u0430 \u0444\u043e\u0440\u043c\u0430<\/div>\r\n <div class=\"stat-client\">\u041a\u043b\u0438\u0435\u043d\u0442\u0438\u0442\u0435 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f\u0442 \u043d\u0430 \u0447\u0430\u0442 \u043f\u043e-\u043b\u0435\u0441\u043d\u043e<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-number\">60<span>%<\/span><\/div>\r\n <div class=\"stat-desc\">\u043d\u0430\u043c\u0430\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 \u0440\u044a\u0447\u043d\u0430\u0442\u0430 \u0440\u0430\u0431\u043e\u0442\u0430 \u043f\u043e \u043e\u0431\u0441\u043b\u0443\u0436\u0432\u0430\u043d\u0435 \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0438<\/div>\r\n <div class=\"stat-client\">\u0415\u043a\u0438\u043f\u044a\u0442 \u0441\u0435 \u0444\u043e\u043a\u0443\u0441\u0438\u0440\u0430 \u0432\u044a\u0440\u0445\u0443 \u0440\u0430\u0441\u0442\u0435\u0436\u0430<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-number\">\ud83d\uded2<span style=\"font-size:clamp(18px,2vw,28px);letter-spacing:-.01em\">\r\n \u041f\u0440\u043e\u0434\u0430\u0436\u0431\u0438<\/span><\/div>\r\n <div class=\"stat-desc\">\u041f\u0440\u0435\u043f\u043e\u0440\u044a\u0447\u0432\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 \u0438 \u043d\u0430\u0441\u043e\u0447\u0432\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0430 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u043a\u044a\u043c \u043f\u043e\u043a\u0443\u043f\u043a\u0430<\/div>\r\n <div class=\"stat-client\">\u041f\u044a\u043b\u043d\u0430 \u0435-\u043a\u043e\u043c\u0435\u0440\u0441 \u0438\u043d\u0442\u0435\u0433\u0440\u0430\u0446\u0438\u044f<\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- CTA note below stats -->\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500\u2500 GUARANTEE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"section guarantee-section\" id=\"guarantee\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"overline\">\u0413\u0430\u0440\u0430\u043d\u0446\u0438\u0438<\/div>\r\n <h2>\u041d\u0430\u0448\u0438\u0442\u0435 \u0433\u0430\u0440\u0430\u043d\u0446\u0438\u0438<\/h2>\r\n <p>\u0420\u0430\u0431\u043e\u0442\u0438\u043c \u0441 \u043f\u044a\u043b\u043d\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u0438 \u043e\u0442\u0433\u043e\u0432\u043e\u0440\u043d\u043e\u0441\u0442. \u0412\u0430\u0448\u0438\u044f\u0442 \u0443\u0441\u043f\u0435\u0445 \u0435 \u043d\u0430\u0448\u0438\u044f\u0442 \u0443\u0441\u043f\u0435\u0445.<\/p>\r\n <\/div>\r\n <div class=\"guarantee-grid\">\r\n <div class=\"guarantee-card reveal\">\r\n <div class=\"guarantee-icon g-blue\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"var(--s)\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u0413\u0430\u0440\u0430\u043d\u0446\u0438\u044f \u0437\u0430 \u0432\u0440\u044a\u0449\u0430\u043d\u0435 \u043d\u0430 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0446\u0438\u044f\u0442\u0430<\/h3>\r\n <p>\u0410\u043a\u043e \u043d\u0435 \u043f\u043e\u0441\u0442\u0438\u0433\u043d\u0435\u043c <i>\u0434\u043e\u0433\u043e\u0432\u043e\u0440\u0435\u043d\u0438\u0442\u0435<\/i> \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0438 - \u0432\u0440\u044a\u0449\u0430\u043c\u0435 \u0438\u043d\u0432\u0435\u0441\u0442\u0438\u0440\u0430\u043d\u0430\u0442\u0430 \u0441\u0443\u043c\u0430.<\/p>\r\n <\/div>\r\n <div class=\"guarantee-card reveal\" style=\"transition-delay:.1s\">\r\n <div class=\"guarantee-icon g-green\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0d7a4e\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\" \/>\r\n <line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\" \/>\r\n <line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\" \/>\r\n <line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u043e\u043d\u043d\u0430 \u0441\u0440\u0435\u0449\u0430<\/h3>\r\n <p>\u0417\u0430\u043f\u043e\u0447\u0432\u0430\u043c\u0435 \u0441 \u0431\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u0441\u0440\u0435\u0449\u0430 \u0431\u0435\u0437 \u043d\u0438\u043a\u0430\u043a\u0432\u0438 \u0430\u043d\u0433\u0430\u0436\u0438\u043c\u0435\u043d\u0442\u0438.<\/p>\r\n <\/div>\r\n <div class=\"guarantee-card reveal\" style=\"transition-delay:.2s\">\r\n <div class=\"guarantee-icon g-amber\">\r\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#d97706\" stroke-width=\"2\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z\" \/>\r\n <polyline points=\"14 2 14 8 20 8\" \/>\r\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\" \/>\r\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\" \/>\r\n <polyline points=\"10 9 9 9 8 9\" \/>\r\n <\/svg>\r\n <\/div>\r\n <h3>\u0411\u0435\u0437 \u0441\u043a\u0440\u0438\u0442\u0438 \u0442\u0430\u043a\u0441\u0438<\/h3>\r\n <p>\u0414\u043e\u0433\u043e\u0432\u043e\u0440 \u0441 \u044f\u0441\u043d\u0438 \u043a\u043b\u0430\u0443\u0437\u0438. \u0411\u0435\u0437 \u0438\u0437\u043d\u0435\u043d\u0430\u0434\u0438 \u0438 \u0441\u043a\u0440\u0438\u0442\u0438 \u0440\u0430\u0437\u0445\u043e\u0434\u0438. \u041f\u044a\u043b\u043d\u0430 \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u043e\u0441\u0442 \u043e\u0442 \u0434\u0435\u043d \u0435\u0434\u043d\u043e.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500\u2500 FORM CTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"form-cta-section\" id=\"cta\">\r\n <div class=\"container\">\r\n <div class=\"cta-inner reveal\">\r\n <!-- Left: Benefits -->\r\n <div class=\"cta-text\">\r\n <div class=\"overline\">\u0411\u0435\u0437\u043f\u043b\u0430\u0442\u0435\u043d AI \u0430\u043d\u0430\u043b\u0438\u0437<\/div>\r\n <h2>\u041f\u043e\u043f\u044a\u043b\u043d\u0435\u0442\u0435 \u043d\u044f\u043a\u043e\u043b\u043a\u043e \u043a\u0440\u0430\u0442\u043a\u0438 \u0432\u044a\u043f\u0440\u043e\u0441\u0430 \u0438 \u043d\u0430\u0441\u0440\u043e\u0447\u0435\u0442\u0435 \u0431\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f.<\/h2>\r\n <ul class=\"cta-benefits\">\r\n <li>\r\n <div class=\"check-icon\"><svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"20 6 9 17 4 12\" \/>\r\n <\/svg><\/div>\u0410\u043d\u0430\u043b\u0438\u0437 \u043d\u0430 \u0432\u0430\u0448\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441 (\u0437\u0430 \u0434\u0430 \u043d\u0430\u043c\u0435\u0440\u0438\u043c \u043d\u0430\u0439-\u0434\u043e\u0431\u0440\u043e\u0442\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435)\r\n <\/li>\r\n <li>\r\n <div class=\"check-icon\"><svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"20 6 9 17 4 12\" \/>\r\n <\/svg><\/div>\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d AI \u0447\u0430\u0442\u0431\u043e\u0442 (\u043e\u0431\u0443\u0447\u0435\u043d \u0441\u0430\u043c\u043e \u0437\u0430 \u0432\u0430\u0448\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441)\r\n <\/li>\r\n <li>\r\n <div class=\"check-icon\"><svg viewBox=\"0 0 24 24\">\r\n <polyline points=\"20 6 9 17 4 12\" \/>\r\n <\/svg><\/div>\u0420\u0430\u0431\u043e\u0442\u0435\u0449\u043e \u0434\u0435\u043c\u043e (\u0434\u0430 \u0432\u0438\u0434\u0438\u0442\u0435 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0430 \u043f\u0440\u0435\u0434\u0438 \u0434\u0430 \u0440\u0435\u0448\u0438\u0442\u0435)\r\n <\/li>\r\n <\/ul>\r\n <div class=\"cta-social-proof\">\r\n <div class=\"cta-sp-stars\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <svg viewBox=\"0 0 24 24\">\r\n <path\r\n d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\" \/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"cta-sp-text\">\u201e\u0410\u0431\u0441\u043e\u043b\u044e\u0442\u0435\u043d \u043f\u0440\u043e\u0444\u0435\u0441\u0438\u043e\u043d\u0430\u043b\u0438\u0437\u044a\u043c \u0438 \u0431\u044a\u0440\u0437\u043e \u0438\u0437\u043f\u044a\u043b\u043d\u0435\u043d\u0438\u0435\" \u2014 Birsen, ICI<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Right: Multi-step form -->\r\n <div class=\"form-wrapper\">\r\n <div class=\"form-progress-bar-track\">\r\n <div class=\"form-progress-fill-outer\">\r\n <div class=\"form-progress-fill\" id=\"msProgressFill\"><\/div>\r\n <\/div>\r\n <div class=\"form-progress-text\" id=\"msProgressText\">\u0412\u044a\u043f\u0440\u043e\u0441 1 \u043e\u0442 5<\/div>\r\n <\/div>\r\n <div class=\"form-body\">\r\n <div class=\"form-error\" id=\"msErrorMessage\"><\/div>\r\n\r\n <!-- Step 1 -->\r\n <div class=\"form-step active\" data-step=\"1\">\r\n <h2 class=\"form-question\">\u041a\u044a\u0434\u0435 \u0438\u0441\u043a\u0430\u0442\u0435 \u0434\u0430 \u0432\u043d\u0435\u0434\u0440\u0438\u043c \u0432\u0430\u0448\u0438\u044f AI \u0447\u0430\u0442\u0431\u043e\u0442?<span style=\"color:#e53e3e\">*<\/span><\/h2>\r\n <p class=\"form-sub\">\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 <u><strong>\u043d\u0430\u0439-\u0432\u0430\u0436\u043d\u043e\u0442\u043e<\/strong><\/u> \u0437\u0430 \u0432\u0430\u0441 (\u0435\u0434\u043d\u043e \u0438\u043b\u0438 \u043f\u043e\u0432\u0435\u0447\u0435).\r\n <\/p>\r\n <div class=\"form-options\" id=\"checkboxGroup1\">\r\n <label class=\"form-option\"><input type=\"checkbox\" name=\"msFeatures\" value=\"\u0423\u0435\u0431\u0441\u0430\u0439\u0442\"\r\n id=\"msCb1\">\u0423\u0435\u0431\u0441\u0430\u0439\u0442<\/label>\r\n <div class=\"toggle-extra\" id=\"msExtra1\">\r\n <input type=\"text\" id=\"msInput1\" placeholder=\"\u041c\u043e\u043b\u044f \u0440\u0430\u0437\u043a\u0430\u0436\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435\">\r\n <\/div>\r\n <label class=\"form-option\"><input type=\"checkbox\" name=\"msFeatures\" value=\"Instagram\"\r\n id=\"msCb2\">Instagram<\/label>\r\n <div class=\"toggle-extra\" id=\"msExtra2\">\r\n <input type=\"text\" id=\"msInput2\" placeholder=\"\u041c\u043e\u043b\u044f \u0440\u0430\u0437\u043a\u0430\u0436\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435\">\r\n <\/div>\r\n <label class=\"form-option\"><input type=\"checkbox\" name=\"msFeatures\" value=\"WhatsApp\"\r\n id=\"msCb3\">WhatsApp<\/label>\r\n <div class=\"toggle-extra\" id=\"msExtra3\">\r\n <input type=\"text\" id=\"msInput3\" placeholder=\"\u041c\u043e\u043b\u044f \u0440\u0430\u0437\u043a\u0430\u0436\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435\">\r\n <\/div>\r\n <label class=\"form-option\"><input type=\"checkbox\" name=\"msFeatures\" value=\"Facebook \/ Messenger\"\r\n id=\"msCb4\">Facebook \/ Messenger<\/label>\r\n <div class=\"toggle-extra\" id=\"msExtra4\">\r\n <input type=\"text\" id=\"msInput4\" placeholder=\"\u041c\u043e\u043b\u044f \u0440\u0430\u0437\u043a\u0430\u0436\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435\">\r\n <\/div>\r\n <label class=\"form-option\"><input type=\"checkbox\" name=\"msFeatures\" value=\"\u041e\u0449\u0435 \u043d\u0435 \u0441\u044a\u043c \u0441\u0438\u0433\u0443\u0440\u0435\u043d\"\r\n id=\"msCb5\">\u041e\u0449\u0435 \u043d\u0435 \u0441\u044a\u043c \u0441\u0438\u0433\u0443\u0440\u0435\u043d<\/label>\r\n <div class=\"toggle-extra\" id=\"msExtra5\">\r\n <input type=\"text\" id=\"msInput5\" placeholder=\"\u041c\u043e\u043b\u044f \u0440\u0430\u0437\u043a\u0430\u0436\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435\">\r\n <\/div>\r\n <label class=\"form-option\"><input type=\"checkbox\" name=\"msFeatures\" value=\"\u0414\u0440\u0443\u0433\u043e\"\r\n id=\"toggleOtherCheckbox\">\u0414\u0440\u0443\u0433\u043e (\u0414\u043e\u0431\u0430\u0432\u0435\u0442\u0435 \u0434\u0435\u0442\u0430\u0439\u043b\u0438)<\/label>\r\n <div class=\"toggle-extra\" id=\"toggleInputContainer\">\r\n <textarea id=\"msMessageOther\" placeholder=\"\u041c\u043e\u043b\u044f \u0440\u0430\u0437\u043a\u0430\u0436\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 2 -->\r\n <div class=\"form-step\" data-step=\"2\">\r\n <h2 class=\"form-question\">\u041a\u043e\u043b\u043a\u043e \u0447\u0430\u0441\u0430 \u0441\u0435\u0434\u043c\u0438\u0447\u043d\u043e \u0433\u0443\u0431\u0438\u0442\u0435 \u0432 \u0442\u0435\u0437\u0438 \u0437\u0430\u0434\u0430\u0447\u0438? <span style=\"color:#e53e3e\">*<\/span>\r\n <\/h2>\r\n <div class=\"form-options\">\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msTimeline\"\r\n value=\"\u0414\u043e 5 \u0447\u0430\u0441\u0430 (\u041c\u0430\u043b\u043a\u043e, \u043d\u043e \u0434\u0440\u0430\u0437\u043d\u0435\u0449\u043e)\">\u0414\u043e 5 \u0447\u0430\u0441\u0430 (\u041c\u0430\u043b\u043a\u043e, \u043d\u043e \u0434\u0440\u0430\u0437\u043d\u0435\u0449\u043e)<\/label>\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msTimeline\"\r\n value=\"5 \u2013 10 \u0447\u0430\u0441\u0430 (\u041f\u043e\u0432\u0435\u0447\u0435 \u043e\u0442 \u0435\u0434\u0438\u043d \u0440\u0430\u0431\u043e\u0442\u0435\u043d \u0434\u0435\u043d)\">5 \u2013 10 \u0447\u0430\u0441\u0430 (\u041f\u043e\u0432\u0435\u0447\u0435 \u043e\u0442 \u0435\u0434\u0438\u043d\r\n \u0440\u0430\u0431\u043e\u0442\u0435\u043d \u0434\u0435\u043d)<\/label>\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msTimeline\"\r\n value=\"10 \u2013 20 \u0447\u0430\u0441\u0430 (\u041f\u043e\u043b\u043e\u0432\u0438\u043d\u0430\u0442\u0430 \u043c\u0438 \u0432\u0440\u0435\u043c\u0435)\">10 \u2013 20 \u0447\u0430\u0441\u0430 (\u041f\u043e\u043b\u043e\u0432\u0438\u043d\u0430\u0442\u0430 \u043c\u0438 \u0440\u0430\u0431\u043e\u0442\u043d\u043e\r\n \u0432\u0440\u0435\u043c\u0435)<\/label>\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msTimeline\" value=\"40+ \u0447\u0430\u0441\u0430\">\u041d\u0430\u0434 20\r\n \u0447\u0430\u0441\u0430 (\u041f\u043e\u0447\u0442\u0438 \u043f\u043e\r\n \u0446\u044f\u043b \u0434\u0435\u043d \u0442\u043e\u0432\u0430 \u043f\u0440\u0430\u0432\u044f)<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 3 -->\r\n <div class=\"form-step\" data-step=\"3\">\r\n <h2 class=\"form-question\">\u041a\u0430\u043a\u044a\u0432 \u0431\u044e\u0434\u0436\u0435\u0442 \u0412\u0438 \u0441\u0435 \u0441\u0442\u0440\u0443\u0432\u0430 \u0440\u0430\u0437\u0443\u043c\u0435\u043d \u0437\u0430 \u0440\u0435\u0448\u0430\u0432\u0430\u043d\u0435 \u043d\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430? <span\r\n style=\"color:#e53e3e\">*<\/span><\/h2>\r\n <div class=\"form-options\">\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msBudget\"\r\n value=\"\u0422\u044a\u0440\u0441\u044f \u0431\u0430\u0437\u043e\u0432\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0437\u0430 \u0441\u0442\u0430\u0440\u0442 (\u043f\u043e\u0434 500 \u043b\u0432.)\">\ud83c\udf31 \u0411\u0430\u0437\u043e\u0432\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0437\u0430 \u0441\u0442\u0430\u0440\u0442\r\n (\u043f\u043e\u0434 500 \u043b\u0432.)<\/label>\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msBudget\"\r\n value=\"\u0422\u044a\u0440\u0441\u044f \u0446\u044f\u043b\u043e\u0441\u0442\u043d\u043e \u0438 \u0441\u0438\u0433\u0443\u0440\u043d\u043e \u0440\u0435\u0448\u0435\u043d\u0438\u0435 (500 \u2013 2000 \u043b\u0432.)\">\ud83d\udcbc \u0426\u044f\u043b\u043e\u0441\u0442\u043d\u043e \u0438 \u0441\u0438\u0433\u0443\u0440\u043d\u043e\r\n \u0440\u0435\u0448\u0435\u043d\u0438\u0435 (500 \u2013 2500\r\n \u043b\u0432.)<\/label>\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msBudget\"\r\n value=\"\u0418\u0441\u043a\u0430\u043c \u0441\u043b\u043e\u0436\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u043e \u043f\u043e\u0440\u044a\u0447\u043a\u0430 (\u043d\u0430\u0434 2000 \u043b\u0432.)\">\ud83c\udfe2 \u0421\u043b\u043e\u0436\u043d\u0430 \u0441\u0438\u0441\u0442\u0435\u043c\u0430 \u043f\u043e\r\n \u043f\u043e\u0440\u044a\u0447\u043a\u0430 (\u043d\u0430\u0434 2500\r\n \u043b\u0432.)<\/label>\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msBudget\"\r\n value=\"\u041d\u0435 \u043c\u043e\u0433\u0430 \u0434\u0430 \u043f\u0440\u0435\u0446\u0435\u043d\u044f, \u0437\u0430\u0432\u0438\u0441\u0438 \u043e\u0442 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u0442\u043e.\">\u2754 \u041d\u0435 \u043c\u043e\u0433\u0430 \u0434\u0430 \u043f\u0440\u0435\u0446\u0435\u043d\u044f,\r\n \u0437\u0430\u0432\u0438\u0441\u0438 \u043e\u0442\r\n \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u0435\u0442\u043e<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 4 -->\r\n <div class=\"form-step\" data-step=\"4\">\r\n <h2 class=\"form-question\">\u041a\u043e\u0433\u0430 \u0438\u0441\u043a\u0430\u0442\u0435 \u0434\u0430 \u0432\u0438\u0434\u0438\u0442\u0435 \u043f\u044a\u0440\u0432\u0438\u0442\u0435 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0438? <span style=\"color:#e53e3e\">*<\/span>\r\n <\/h2>\r\n <div class=\"form-options\">\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msUrgency\" value=\"\u0412\u044a\u0437\u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439-\u0441\u043a\u043e\u0440\u043e (\u0421\u043f\u0435\u0448\u043d\u043e \u0435)\">\ud83d\ude80\r\n \u0412\u044a\u0437\u043c\u043e\u0436\u043d\u043e \u043d\u0430\u0439-\u0441\u043a\u043e\u0440\u043e (\u0421\u043f\u0435\u0448\u043d\u043e \u0435)<\/label>\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msUrgency\" value=\"\u0412 \u0440\u0430\u043c\u043a\u0438\u0442\u0435 \u043d\u0430 \u043c\u0435\u0441\u0435\u0446\">\ud83d\uddd3\ufe0f \u0412 \u0440\u0430\u043c\u043a\u0438\u0442\u0435\r\n \u043d\u0430 \u043c\u0435\u0441\u0435\u0446<\/label>\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msUrgency\" value=\"\u041f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u043e\u0443\u0447\u0432\u0430\u043c \u0432\u044a\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438\u0442\u0435\">\ud83d\udd0d\r\n \u041f\u0440\u043e\u0441\u0442\u043e \u043f\u0440\u043e\u0443\u0447\u0432\u0430\u043c \u0432\u044a\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438\u0442\u0435<\/label>\r\n <label class=\"form-option\"><input type=\"radio\" name=\"msUrgency\"\r\n value=\"\u041f\u043b\u0430\u043d\u0438\u0440\u0430\u043c \u043f\u0440\u043e\u043c\u0435\u043d\u0438 \u0441\u043b\u0435\u0434 3+ \u043c\u0435\u0441\u0435\u0446\u0430\">\u23f3 \u041f\u043b\u0430\u043d\u0438\u0440\u0430\u043c \u043f\u0440\u043e\u043c\u0435\u043d\u0438 \u0441\u043b\u0435\u0434 3+\r\n \u043c\u0435\u0441\u0435\u0446\u0430<\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Step 5: Contact -->\r\n <div class=\"form-step\" data-step=\"5\">\r\n <h2 class=\"form-question\">\u041a\u044a\u0434\u0435 \u0434\u0430 \u0412\u0438 \u0438\u0437\u043f\u0440\u0430\u0442\u0438\u043c \u0440\u0435\u0448\u0435\u043d\u0438\u0435\u0442\u043e?<\/h2>\r\n <div class=\"form-input-group\">\r\n <label>\u0418\u043c\u0435 <span style=\"color:#e53e3e\">*<\/span><\/label>\r\n <input type=\"text\" id=\"msName\" placeholder=\"\u0412\u0430\u0448\u0435\u0442\u043e \u0438\u043c\u0435\" required>\r\n <\/div>\r\n <div class=\"form-input-group\">\r\n <label>\u0420\u0430\u0431\u043e\u0442\u0435\u043d \u0438\u043c\u0435\u0439\u043b <span style=\"color:#e53e3e\">*<\/span><\/label>\r\n <input type=\"email\" id=\"msEmail\" placeholder=\"email@company.com\" required>\r\n <\/div>\r\n <div class=\"form-input-group\">\r\n <label>\u041a\u0430\u043a \u0434\u0430 \u0441\u0435 \u0441\u0432\u044a\u0440\u0436\u0435\u043c \u0441 \u0412\u0430\u0441? <span style=\"color:#e53e3e\">*<\/span><\/label>\r\n <div class=\"custom-dropdown\" id=\"customDropdown\">\r\n <div class=\"custom-dropdown-selected\" id=\"dropdownSelected\">\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043c\u0435\u0442\u043e\u0434 \u0437\u0430\r\n \u043a\u043e\u043d\u0442\u0430\u043a\u0442<\/div>\r\n <div class=\"custom-dropdown-options\" id=\"dropdownOptions\" style=\"display:none;\">\r\n <div class=\"custom-dropdown-option\" data-value=\"\u0422\u0435\u043b\u0435\u0444\u043e\u043d\u043d\u043e \u043e\u0431\u0430\u0436\u0434\u0430\u043d\u0435\">\u0422\u0435\u043b\u0435\u0444\u043e\u043d\u043d\u043e\r\n \u043e\u0431\u0430\u0436\u0434\u0430\u043d\u0435<\/div>\r\n <div class=\"custom-dropdown-option\" data-value=\"\u0418\u043c\u0435\u0439\u043b\">\u0418\u043c\u0435\u0439\u043b<\/div>\r\n <div class=\"custom-dropdown-option\" data-value=\"\u041e\u043d\u043b\u0430\u0439\u043d \u0441\u0440\u0435\u0449\u0430 \u0432 Google Meet \u0438\u043b\u0438 Zoom\">\u041e\u043d\u043b\u0430\u0439\u043d \u0441\u0440\u0435\u0449\u0430 \u0432\r\n Google Meet \u0438\u043b\u0438 Zoom<\/div>\r\n <\/div>\r\n <\/div>\r\n <input type=\"hidden\" id=\"msContactMethod\" required>\r\n <\/div>\r\n <div class=\"form-input-group\">\r\n <label>\u0422\u0435\u043b\u0435\u0444\u043e\u043d\u0435\u043d \u043d\u043e\u043c\u0435\u0440<\/label>\r\n <input type=\"tel\" id=\"msPhone\" placeholder=\"+359 (889) 123-4567\">\r\n <\/div>\r\n <div class=\"form-input-group\">\r\n <label>\u0412\u0430\u0448\u0438\u044f\u0442 \u0443\u0435\u0431\u0441\u0430\u0439\u0442 <span style=\"color:#e53e3e\">*<\/span><\/label>\r\n <input type=\"url\" id=\"msWebsite\" placeholder=\"www.example.com\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Loading -->\r\n <div class=\"form-loading\" id=\"msLoading\">\r\n <div class=\"form-spinner\"><\/div>\r\n <p>\u0418\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435...<\/p>\r\n <\/div>\r\n\r\n <!-- Buttons -->\r\n <div class=\"form-btn-group\" id=\"msButtonGroup\">\r\n <button type=\"button\" class=\"form-btn-prev\" id=\"msPrevBtn\" style=\"display:none;\">\u2190\r\n \u041d\u0430\u0437\u0430\u0434<\/button>\r\n <button type=\"button\" class=\"form-btn-next\" id=\"msNextBtn\">\u041a\u044a\u043c \u0432\u044a\u043f\u0440\u043e\u0441 2 \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <p class=\"form-note\">\u041e\u0442\u043d\u0435\u043c\u0430 \u043f\u043e\u0434 2 \u043c\u0438\u043d\u0443\u0442\u0438 \u00b7 \u0411\u0435\u0437 \u043e\u0431\u0432\u044a\u0440\u0437\u0432\u0430\u043d\u0435 \u00b7 100% \u043a\u043e\u043d\u0444\u0438\u0434\u0435\u043d\u0446\u0438\u0430\u043b\u043d\u043e\u0441\u0442<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- \u2500\u2500\u2500 FAQ \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <section class=\"section faq-section\" id=\"faq\">\r\n <div class=\"container\">\r\n <div class=\"section-header reveal\">\r\n <div class=\"overline\">FAQ<\/div>\r\n <h2>\u0427\u0435\u0441\u0442\u043e \u0437\u0430\u0434\u0430\u0432\u0430\u043d\u0438 \u0432\u044a\u043f\u0440\u043e\u0441\u0438<\/h2>\r\n <p>\u041e\u0442\u0433\u043e\u0432\u043e\u0440\u0438 \u043d\u0430 \u043d\u0430\u0439-\u0447\u0435\u0441\u0442\u0438\u0442\u0435 \u0432\u044a\u043f\u0440\u043e\u0441\u0438 \u0437\u0430 \u043d\u0430\u0448\u0438\u0442\u0435 AI \u0447\u0430\u0442\u0431\u043e\u0442\u043e\u0432\u0435<\/p>\r\n <\/div>\r\n <div class=\"faq-list reveal\">\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" aria-expanded=\"false\">\r\n <span>\u041c\u043e\u0436\u0435 \u043b\u0438 AI \u0447\u0430\u0442\u0431\u043e\u0442\u044a\u0442 \u0434\u0430 \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u043d\u0430 \u0441\u043b\u043e\u0436\u043d\u0438 \u0432\u044a\u043f\u0440\u043e\u0441\u0438 \u0438\u043b\u0438 \u0441\u0430\u043c\u043e \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u043d\u0438?<\/span>\r\n <svg class=\"faq-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n <p>\u0427\u0430\u0442\u0431\u043e\u0442\u044a\u0442 \u0441\u0435 \u043e\u0431\u0443\u0447\u0430\u0432\u0430 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u043d\u043e \u0441 \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0437\u0430 \u0432\u0430\u0448\u0438\u044f \u0431\u0438\u0437\u043d\u0435\u0441 \u2014 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438, \u0443\u0441\u043b\u0443\u0433\u0438, \u0446\u0435\u043d\u0438 \u0438 \u0447\u0435\u0441\u0442\u043e\r\n \u0437\u0430\u0434\u0430\u0432\u0430\u043d\u0438 \u0432\u044a\u043f\u0440\u043e\u0441\u0438. \u0422\u043e\u0439 \u0434\u0430\u0432\u0430 \u0442\u043e\u0447\u043d\u0438 \u0438 \u0441\u043c\u0438\u0441\u043b\u0435\u043d\u0438 \u043e\u0442\u0433\u043e\u0432\u043e\u0440\u0438 \u043d\u0430 \u0441\u043b\u043e\u0436\u043d\u0438 \u0432\u044a\u043f\u0440\u043e\u0441\u0438, \u0430 \u043f\u0440\u0438 \u043d\u0435\u0449\u043e, \u043a\u043e\u0435\u0442\u043e \u043d\u0435\r\n \u0437\u043d\u0430\u0435, \u043f\u0440\u0435\u043d\u0430\u0441\u043e\u0447\u0432\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442\u0430 \u043a\u044a\u043c \u0432\u0430\u0448\u0438\u044f \u0435\u043a\u0438\u043f.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" aria-expanded=\"false\">\r\n <span>\u041a\u043e\u043b\u043a\u043e \u0432\u0440\u0435\u043c\u0435 \u043e\u0442\u043d\u0435\u043c\u0430 \u0432\u043d\u0435\u0434\u0440\u044f\u0432\u0430\u043d\u0435\u0442\u043e?<\/span>\r\n <svg class=\"faq-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n <p>\u041e\u0431\u0438\u043a\u043d\u043e\u0432\u0435\u043d\u043e \u043e\u0442 7 \u0434\u043e 14 \u0440\u0430\u0431\u043e\u0442\u043d\u0438 \u0434\u043d\u0438 \u0441\u043b\u0435\u0434 \u0441\u0442\u0430\u0440\u0442\u0430 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442\u0430. \u0412\u043a\u043b\u044e\u0447\u0432\u0430 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u0435\u0442\u043e \u043d\u0430 \u0447\u0430\u0442\u0431\u043e\u0442\u0430 \u0441\r\n \u0432\u0430\u0448\u0435\u0442\u043e \u0441\u044a\u0434\u044a\u0440\u0436\u0430\u043d\u0438\u0435, \u0442\u0435\u0441\u0442\u0432\u0430\u043d\u0435 \u0438 \u0432\u043d\u0435\u0434\u0440\u044f\u0432\u0430\u043d\u0435\u0442\u043e \u0432\u044a\u0432 \u0432\u0430\u0448\u0430\u0442\u0430 \u043f\u043b\u0430\u0442\u0444\u043e\u0440\u043c\u0430 \u2014 \u0431\u0435\u0437 \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438 \u0445\u043b\u043e\u043f\u043e\u0442\u0438\u0438.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" aria-expanded=\"false\">\r\n <span>\u0427\u0430\u0442\u0431\u043e\u0442\u044a\u0442 \u043c\u043e\u0436\u0435 \u043b\u0438 \u0434\u0430 \u043f\u0440\u0438\u0435\u043c\u0430 \u043f\u043e\u0440\u044a\u0447\u043a\u0438 \u0438 \u0434\u0430 \u0441\u0435 \u0438\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0430 \u0441 \u043c\u043e\u044f \u043c\u0430\u0433\u0430\u0437\u0438\u043d?<\/span>\r\n <svg class=\"faq-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n <p>\u0414\u0430. \u0427\u0430\u0442\u0431\u043e\u0442\u044a\u0442 \u043c\u043e\u0436\u0435 \u0434\u0430 \u043f\u043e\u043a\u0430\u0437\u0432\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\u0442\u0435, \u0434\u0430 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430 \u043e\u043f\u0446\u0438\u0438, \u0434\u0430 \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u0432\u0430 \u043f\u043e\u0440\u044a\u0447\u043a\u0438 \u0438 \u0434\u0430\r\n \u043f\u0440\u0435\u043d\u0430\u0441\u043e\u0447\u0432\u0430 \u0434\u0430\u043d\u043d\u0438\u0442\u0435 \u0434\u0438\u0440\u0435\u043a\u0442\u043d\u043e \u0432 \u0441\u0438\u0441\u0442\u0435\u043c\u0430\u0442\u0430 \u0432\u0438. \u0418\u043d\u0442\u0435\u0433\u0440\u0438\u0440\u0430\u043c\u0435 \u0441 \u043f\u043e\u0432\u0435\u0447\u0435\u0442\u043e \u0431\u0438\u0437\u043d\u0435\u0441 \u0441\u0438\u0441\u0442\u0435\u043c\u0438: Shopify,\r\n WooCommerce, Airtable, Notion, CRM \u0438 \u0434\u0440\u0443\u0433\u0438.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"faq-item\">\r\n <button class=\"faq-q\" aria-expanded=\"false\">\r\n <span>\u0418\u043c\u0430 \u043b\u0438 \u043d\u0443\u0436\u0434\u0430 \u0434\u0430 \u0438\u043c\u0430\u043c \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u0438 \u0437\u043d\u0430\u043d\u0438\u044f?<\/span>\r\n <svg class=\"faq-chevron\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\" \/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"faq-a\">\r\n <p>\u041d\u0435. \u041d\u0438\u0435 \u0441\u0435 \u0433\u0440\u0438\u0436\u0438\u043c \u0437\u0430 \u0446\u044f\u043b\u043e\u0442\u043e \u0442\u0435\u0445\u043d\u0438\u0447\u0435\u0441\u043a\u043e \u043e\u0441\u044a\u0449\u0435\u0441\u0442\u0432\u044f\u0432\u0430\u043d\u0435 \u2014 \u0432\u0438\u0435 \u0441\u0430\u043c\u043e \u043e\u043f\u0438\u0441\u0432\u0430\u0442\u0435 \u0431\u0438\u0437\u043d\u0435\u0441\u0430 \u0441\u0438 \u0438 \u043d\u0438\u0435 \u0441\u0435\r\n \u0433\u0440\u0438\u0436\u0438\u043c \u0437\u0430 \u043e\u0441\u0442\u0430\u043d\u0430\u043b\u043e\u0442\u043e. \u0427\u0430\u0442\u0431\u043e\u0442\u044a\u0442 \u0441\u0435 \u043e\u0431\u0443\u0447\u0430\u0432\u0430, \u043f\u0443\u0441\u043a\u0430 \u0441\u0435 \u0438 \u0440\u0430\u0431\u043e\u0442\u0438 \u043d\u0430\u043f\u044a\u043b\u043d\u043e \u0430\u0432\u0442\u043e\u043d\u043e\u043c\u043d\u043e.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n \/\/ \u2500\u2500\u2500 FAQ accordion \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n document.querySelectorAll('.faq-q').forEach(function (btn) {\r\n btn.addEventListener('click', function () {\r\n var item = btn.closest('.faq-item');\r\n var isOpen = item.classList.contains('open');\r\n \/\/ close all\r\n document.querySelectorAll('.faq-item').forEach(function (i) {\r\n i.classList.remove('open');\r\n i.querySelector('.faq-q').setAttribute('aria-expanded', 'false');\r\n });\r\n \/\/ open clicked if it was closed\r\n if (!isOpen) {\r\n item.classList.add('open');\r\n btn.setAttribute('aria-expanded', 'true');\r\n }\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500\u2500 Mobile menu \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n function toggleMobileMenu() {\r\n document.getElementById('navMobileMenu').classList.toggle('open');\r\n }\r\n function closeMobileMenu() {\r\n document.getElementById('navMobileMenu').classList.remove('open');\r\n }\r\n document.addEventListener('click', function (e) {\r\n const menu = document.getElementById('navMobileMenu');\r\n const btn = document.getElementById('navMenuBtn');\r\n if (menu && menu.classList.contains('open') && !menu.contains(e.target) && !btn.contains(e.target)) {\r\n menu.classList.remove('open');\r\n }\r\n });\r\n\r\n \/\/ \u2500\u2500\u2500 Scroll reveal \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.classList.add('visible');\r\n observer.unobserve(e.target);\r\n }\r\n });\r\n }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n\r\n document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n\r\n \/\/ \u2500\u2500\u2500 Show more toggle \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n document.querySelectorAll('.show-more').forEach(btn => {\r\n btn.addEventListener('click', () => {\r\n const text = btn.previousElementSibling;\r\n const expanded = text.style.webkitLineClamp === 'unset';\r\n text.style.webkitLineClamp = expanded ? '3' : 'unset';\r\n text.style.overflow = expanded ? 'hidden' : 'visible';\r\n btn.innerHTML = expanded\r\n ? '\u041f\u043e\u043a\u0430\u0436\u0438 \u043f\u043e\u0432\u0435\u0447\u0435 <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg>'\r\n : '\u041f\u043e\u043a\u0430\u0436\u0438 \u043f\u043e-\u043c\u0430\u043b\u043a\u043e <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"18 15 12 9 6 15\"\/><\/svg>';\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500\u2500 Logo belt \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function () {\r\n function initTrack(track) {\r\n const update = () => { track.style.setProperty('--half', (track.scrollWidth \/ 2) + 'px') };\r\n update();\r\n window.addEventListener('resize', update, { passive: true });\r\n track.querySelectorAll('img').forEach(img => {\r\n if (!img.complete) { img.addEventListener('load', update, { once: true }); img.addEventListener('error', update, { once: true }); }\r\n });\r\n }\r\n document.querySelectorAll('.belt-track').forEach(initTrack);\r\n })();\r\n\r\n \/\/ \u2500\u2500\u2500 Multi-step form \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function () {\r\n const WEBHOOK_URL = 'https:\/\/skyagency-group.app\/webhook\/multi-step-form';\r\n const TOTAL_STEPS = 5;\r\n let currentStep = 1;\r\n const formData = {};\r\n\r\n const urlParams = new URLSearchParams(window.location.search);\r\n const gclid = urlParams.get('gclid');\r\n const fbclid = urlParams.get('fbclid');\r\n if (gclid) formData.gclid = gclid;\r\n if (fbclid) formData.fbclid = fbclid;\r\n formData.sourceUrl = window.location.href;\r\n\r\n const wrapper = document.querySelector('.form-wrapper');\r\n if (!wrapper) return;\r\n const steps = wrapper.querySelectorAll('.form-step');\r\n const prevBtn = document.getElementById('msPrevBtn');\r\n const nextBtn = document.getElementById('msNextBtn');\r\n const progressF = document.getElementById('msProgressFill');\r\n const progressT = document.getElementById('msProgressText');\r\n const errorMsg = document.getElementById('msErrorMessage');\r\n const loading = document.getElementById('msLoading');\r\n const btnGroup = document.getElementById('msButtonGroup');\r\n\r\n \/\/ Generic expandable input handler for all step-1 checkboxes\r\n var cbExtraPairs = [\r\n { cb: 'msCb1', extra: 'msExtra1', input: 'msInput1' },\r\n { cb: 'msCb2', extra: 'msExtra2', input: 'msInput2' },\r\n { cb: 'msCb3', extra: 'msExtra3', input: 'msInput3' },\r\n { cb: 'msCb4', extra: 'msExtra4', input: 'msInput4' },\r\n { cb: 'msCb5', extra: 'msExtra5', input: 'msInput5' },\r\n { cb: 'toggleOtherCheckbox', extra: 'toggleInputContainer', input: 'msMessageOther' }\r\n ];\r\n cbExtraPairs.forEach(function (pair) {\r\n var cbEl = document.getElementById(pair.cb);\r\n var extraEl = document.getElementById(pair.extra);\r\n var inputEl = document.getElementById(pair.input);\r\n if (cbEl && extraEl) {\r\n cbEl.addEventListener('change', function () {\r\n extraEl.style.display = cbEl.checked ? 'block' : 'none';\r\n if (inputEl) inputEl.required = cbEl.checked;\r\n if (!cbEl.checked && inputEl) inputEl.value = '';\r\n });\r\n }\r\n });\r\n var otherTA = document.getElementById('msMessageOther');\r\n\r\n \/\/ Form option visual feedback\r\n wrapper.querySelectorAll('.form-option input').forEach(input => {\r\n input.addEventListener('change', () => {\r\n const group = input.closest('.form-options');\r\n if (!group) return;\r\n if (input.type === 'radio') {\r\n group.querySelectorAll('.form-option').forEach(opt => opt.classList.remove('selected'));\r\n input.closest('.form-option').classList.add('selected');\r\n } else {\r\n input.closest('.form-option').classList.toggle('selected', input.checked);\r\n }\r\n });\r\n });\r\n\r\n function updateProgress() {\r\n const pct = (currentStep \/ TOTAL_STEPS) * 100;\r\n progressF.style.width = pct + '%';\r\n progressT.textContent = `\u0412\u044a\u043f\u0440\u043e\u0441 ${currentStep} \u043e\u0442 ${TOTAL_STEPS}`;\r\n }\r\n\r\n function showStep(n) {\r\n steps.forEach(s => s.classList.remove('active'));\r\n const target = wrapper.querySelector(`.form-step[data-step=\"${n}\"]`);\r\n if (target) target.classList.add('active');\r\n prevBtn.style.display = n > 1 ? 'inline-flex' : 'none';\r\n const isLast = n === TOTAL_STEPS;\r\n nextBtn.textContent = isLast ? '\u041f\u043e\u043b\u0443\u0447\u0438 AI \u0430\u043d\u0430\u043b\u0438\u0437\u0430 \u2192' : `\u041a\u044a\u043c \u0432\u044a\u043f\u0440\u043e\u0441 ${n + 1} \u2192`;\r\n nextBtn.className = isLast ? 'form-btn-submit' : 'form-btn-next';\r\n updateProgress();\r\n }\r\n\r\n function showError(msg) {\r\n errorMsg.textContent = msg;\r\n errorMsg.style.display = 'block';\r\n setTimeout(() => { errorMsg.style.display = 'none'; }, 4000);\r\n }\r\n\r\n function validate(step) {\r\n switch (step) {\r\n case 1: {\r\n const checked = wrapper.querySelectorAll('input[name=\"msFeatures\"]:checked');\r\n if (checked.length === 0) { showError('\u041c\u043e\u043b\u044f, \u0438\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043f\u043e\u043d\u0435 \u0435\u0434\u043d\u043e.'); return false; }\r\n \/\/ Check that each checked checkbox has its extra input filled\r\n var missingDetail = false;\r\n cbExtraPairs.forEach(function (pair) {\r\n var cbEl = document.getElementById(pair.cb);\r\n var inputEl = document.getElementById(pair.input);\r\n if (cbEl && cbEl.checked && inputEl && inputEl.value.trim() === '') {\r\n missingDetail = true;\r\n }\r\n });\r\n if (missingDetail) { showError('\u041c\u043e\u043b\u044f, \u0440\u0430\u0437\u043a\u0430\u0436\u0435\u0442\u0435 \u043f\u043e\u0432\u0435\u0447\u0435 \u0437\u0430 \u0438\u0437\u0431\u0440\u0430\u043d\u0438\u0442\u0435 \u0434\u0435\u0439\u043d\u043e\u0441\u0442\u0438.'); return false; }\r\n return true;\r\n }\r\n case 2: if (!wrapper.querySelector('input[name=\"msTimeline\"]:checked')) { showError('\u041c\u043e\u043b\u044f, \u0438\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0435\u0434\u0438\u043d \u0432\u0430\u0440\u0438\u0430\u043d\u0442.'); return false; } return true;\r\n case 3: if (!wrapper.querySelector('input[name=\"msBudget\"]:checked')) { showError('\u041c\u043e\u043b\u044f, \u0438\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0431\u044e\u0434\u0436\u0435\u0442\u0435\u043d \u0434\u0438\u0430\u043f\u0430\u0437\u043e\u043d.'); return false; } return true;\r\n case 4: if (!wrapper.querySelector('input[name=\"msUrgency\"]:checked')) { showError('\u041c\u043e\u043b\u044f, \u0438\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043a\u043e\u0433\u0430 \u0438\u0441\u043a\u0430\u0442\u0435 \u0440\u0435\u0437\u0443\u043b\u0442\u0430\u0442\u0438.'); return false; } return true;\r\n case 5: {\r\n const name = document.getElementById('msName').value.trim();\r\n const email = document.getElementById('msEmail').value.trim();\r\n const method = document.getElementById('msContactMethod').value;\r\n const website = document.getElementById('msWebsite').value.trim();\r\n if (!name) { showError('\u041c\u043e\u043b\u044f, \u0432\u044a\u0432\u0435\u0434\u0435\u0442\u0435 \u0412\u0430\u0448\u0435\u0442\u043e \u0438\u043c\u0435.'); return false; }\r\n if (!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)) { showError('\u041c\u043e\u043b\u044f, \u0432\u044a\u0432\u0435\u0434\u0435\u0442\u0435 \u0432\u0430\u043b\u0438\u0434\u0435\u043d \u0438\u043c\u0435\u0439\u043b.'); return false; }\r\n if (!method) { showError('\u041c\u043e\u043b\u044f, \u0438\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u043c\u0435\u0442\u043e\u0434 \u0437\u0430 \u043a\u043e\u043d\u0442\u0430\u043a\u0442.'); return false; }\r\n if (!website) { showError('\u041c\u043e\u043b\u044f, \u0432\u044a\u0432\u0435\u0434\u0435\u0442\u0435 \u0412\u0430\u0448\u0438\u044f \u0443\u0435\u0431\u0441\u0430\u0439\u0442.'); return false; }\r\n return true;\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n function saveStep(step) {\r\n switch (step) {\r\n case 1: {\r\n const checked = wrapper.querySelectorAll('input[name=\"msFeatures\"]:checked');\r\n formData.features = Array.from(checked).map(f => f.value);\r\n \/\/ Save details for each checked checkbox\r\n formData.featureDetails = {};\r\n cbExtraPairs.forEach(function (pair) {\r\n var cbEl = document.getElementById(pair.cb);\r\n var inputEl = document.getElementById(pair.input);\r\n if (cbEl && cbEl.checked && inputEl && inputEl.value.trim()) {\r\n formData.featureDetails[cbEl.value] = inputEl.value.trim();\r\n }\r\n });\r\n if (otherTA) formData.otherDetails = otherTA.value.trim();\r\n break;\r\n }\r\n case 2: formData.timeline = wrapper.querySelector('input[name=\"msTimeline\"]:checked').value; break;\r\n case 3: formData.budget = wrapper.querySelector('input[name=\"msBudget\"]:checked').value; break;\r\n case 4: formData.urgency = wrapper.querySelector('input[name=\"msUrgency\"]:checked').value; break;\r\n case 5:\r\n formData.name = document.getElementById('msName').value.trim();\r\n formData.email = document.getElementById('msEmail').value.trim();\r\n formData.contactMethod = document.getElementById('msContactMethod').value;\r\n const ph = document.getElementById('msPhone');\r\n if (ph && ph.value.trim()) formData.phone = ph.value.trim();\r\n formData.website = document.getElementById('msWebsite').value.trim();\r\n break;\r\n }\r\n }\r\n\r\n function handleNext() {\r\n errorMsg.style.display = 'none';\r\n if (!validate(currentStep)) return;\r\n saveStep(currentStep);\r\n if (currentStep === TOTAL_STEPS) { submitForm(); }\r\n else { currentStep++; showStep(currentStep); }\r\n }\r\n\r\n async function submitForm() {\r\n formData.timestamp = new Date().toISOString();\r\n btnGroup.style.display = 'none';\r\n loading.style.display = 'block';\r\n steps[currentStep - 1].style.display = 'none';\r\n try {\r\n const res = await fetch(WEBHOOK_URL, { method: 'POST', headers: { 'Content-Type': 'application\/json' }, body: JSON.stringify(formData) });\r\n if (res.ok) { window.location.href = 'https:\/\/skyagency-group.com\/bg\/ai-landing-thank-you\/?lead=submitted'; }\r\n else { throw new Error('failed'); }\r\n } catch {\r\n loading.style.display = 'none';\r\n btnGroup.style.display = 'flex';\r\n steps[currentStep - 1].style.display = 'block';\r\n showError('\u0418\u0437\u043f\u0440\u0430\u0449\u0430\u043d\u0435\u0442\u043e \u043d\u0435 \u0431\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e. \u041c\u043e\u043b\u044f, \u043e\u043f\u0438\u0442\u0430\u0439\u0442\u0435 \u043e\u0442\u043d\u043e\u0432\u043e.');\r\n }\r\n }\r\n\r\n nextBtn.addEventListener('click', handleNext);\r\n prevBtn.addEventListener('click', () => { if (currentStep > 1) { currentStep--; showStep(currentStep); } });\r\n wrapper.addEventListener('keypress', e => { if (e.key === 'Enter' && e.target.tagName !== 'TEXTAREA') { e.preventDefault(); handleNext(); } });\r\n\r\n \/\/ Custom dropdown\r\n const dropdownSelected = document.getElementById('dropdownSelected');\r\n const dropdownOptions = document.getElementById('dropdownOptions');\r\n const contactMethodInput = document.getElementById('msContactMethod');\r\n const customDropdown = document.getElementById('customDropdown');\r\n if (dropdownSelected && dropdownOptions) {\r\n dropdownSelected.addEventListener('click', e => {\r\n e.stopPropagation();\r\n const open = dropdownOptions.style.display === 'block';\r\n dropdownOptions.style.display = open ? 'none' : 'block';\r\n });\r\n dropdownOptions.querySelectorAll('.custom-dropdown-option').forEach(opt => {\r\n opt.addEventListener('click', e => {\r\n e.stopPropagation();\r\n dropdownSelected.textContent = opt.textContent;\r\n dropdownSelected.classList.add('has-value');\r\n contactMethodInput.value = opt.getAttribute('data-value');\r\n dropdownOptions.style.display = 'none';\r\n });\r\n });\r\n document.addEventListener('click', e => {\r\n if (!customDropdown.contains(e.target)) dropdownOptions.style.display = 'none';\r\n });\r\n }\r\n\r\n showStep(1);\r\n })();\r\n\r\n \/\/ \u2500\u2500\u2500 Step circle active on scroll \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n const stepObs = new IntersectionObserver((entries) => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n const circles = document.querySelectorAll('.step-circle');\r\n circles.forEach((c, i) => {\r\n setTimeout(() => c.classList.add('active'), i * 500);\r\n });\r\n stepObs.disconnect();\r\n }\r\n });\r\n }, { threshold: 0.5 });\r\n const stepsEl = document.querySelector('.steps-diagram');\r\n if (stepsEl) stepObs.observe(stepsEl);\r\n\r\n <\/script>\r\n\r\n <!-- \u2500\u2500\u2500 CTA WIDGET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\r\n <div class=\"cta-widget\" id=\"ctaWidget\">\r\n <button class=\"cta-widget-close\" id=\"ctaWidgetClose\" aria-label=\"\u0417\u0430\u0442\u0432\u043e\u0440\u0438\">\r\n <svg width=\"10\" height=\"10\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.8\"\r\n stroke-linecap=\"round\">\r\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\r\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"cta-widget-title\">\r\n <span class=\"cta-widget-dot\"><\/span>\r\n \u0427\u0430\u0442\u0431\u043e\u0442\u044a\u0442 \u043f\u0440\u043e\u0434\u0430\u0432\u0430 \u0434\u043e\u043a\u0430\u0442\u043e \u0441\u043f\u0438\u0442\u0435!\r\n <\/div>\r\n <p class=\"cta-widget-sub\">\u0412\u0437\u0435\u043c\u0435\u0442\u0435 \u0431\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u043e \u0434\u0435\u043c\u043e \u2014 \u0432\u0438\u0436\u0442\u0435 \u043a\u0430\u043a AI \u043f\u0440\u043e\u0434\u0430\u0432\u0430 \u0432\u0430\u0448\u0438\u0442\u0435 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 24\/7<\/p>\r\n <a href=\"#cta\" class=\"cta-widget-btn\" id=\"ctaWidgetBtn\">\r\n \ud83e\udd16 \u0418\u0441\u043a\u0430\u043c \u0434\u0435\u043c\u043e \u0441\u0435\u0433\u0430\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" \/>\r\n <polyline points=\"12 5 19 12 12 19\" \/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ \u2500\u2500\u2500 Hero Node Graph \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function () {\r\n var graph = document.getElementById('heroGraph');\r\n var svg = document.getElementById('graphLines');\r\n if (!graph || !svg) return;\r\n\r\n var NS = 'http:\/\/www.w3.org\/2000\/svg';\r\n var W = 460; \/\/ viewBox size\r\n\r\n \/\/ Colors for each line\r\n var colors = ['#25d366', '#1979ab', '#7c3aed', '#1979ab', '#0f9d58', '#1979ab', '#0891b2'];\r\n\r\n function getCenter(el) {\r\n var g = graph.getBoundingClientRect();\r\n var r = el.getBoundingClientRect();\r\n return {\r\n x: ((r.left + r.width \/ 2 - g.left) \/ g.width) * W,\r\n y: ((r.top + r.height \/ 2 - g.top) \/ g.height) * W\r\n };\r\n }\r\n\r\n function drawLines() {\r\n svg.innerHTML = '';\r\n var hub = graph.querySelector('.graph-hub');\r\n var nodes = graph.querySelectorAll('.graph-node');\r\n var hc = getCenter(hub);\r\n\r\n nodes.forEach(function (node, i) {\r\n var nc = getCenter(node);\r\n \/\/ mid-curve control point slightly offset\r\n var mx = (nc.x + hc.x) \/ 2;\r\n var my = (nc.y + hc.y) \/ 2;\r\n\r\n \/\/ Background line\r\n var bg = document.createElementNS(NS, 'path');\r\n var d = 'M' + nc.x + ' ' + nc.y + ' Q' + mx + ' ' + my + ' ' + hc.x + ' ' + hc.y;\r\n bg.setAttribute('d', d);\r\n bg.setAttribute('class', 'graph-line');\r\n svg.appendChild(bg);\r\n\r\n \/\/ Animated coloured line\r\n var fg = document.createElementNS(NS, 'path');\r\n fg.setAttribute('d', d);\r\n fg.setAttribute('class', 'graph-line active');\r\n fg.style.stroke = colors[i % colors.length];\r\n fg.style.animationDelay = (i * 0.35) + 's';\r\n svg.appendChild(fg);\r\n });\r\n }\r\n\r\n \/\/ Draw after fonts\/layout settle\r\n setTimeout(drawLines, 300);\r\n window.addEventListener('resize', drawLines);\r\n })();\r\n\r\n \/\/ \u2500\u2500\u2500 Mobile graph lines \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function () {\r\n var graph = document.getElementById('heroGraphMobile');\r\n var svg = document.getElementById('graphLinesMobile');\r\n if (!graph || !svg) return;\r\n var NS = 'http:\/\/www.w3.org\/2000\/svg';\r\n var W = 340;\r\n var colors = ['#4285f4', '#25d366', '#7c3aed', '#0891b2', '#1979ab', '#6b7280', '#0f9d58'];\r\n function getCenter(el) {\r\n var g = graph.getBoundingClientRect();\r\n var r = el.getBoundingClientRect();\r\n return {\r\n x: ((r.left + r.width \/ 2 - g.left) \/ g.width) * W,\r\n y: ((r.top + r.height \/ 2 - g.top) \/ g.height) * W\r\n };\r\n }\r\n function drawLines() {\r\n svg.innerHTML = '';\r\n var hub = graph.querySelector('.graph-hub');\r\n var nodes = graph.querySelectorAll('.graph-node');\r\n var hc = getCenter(hub);\r\n nodes.forEach(function (node, i) {\r\n var nc = getCenter(node);\r\n var d = 'M' + nc.x + ' ' + nc.y + ' L' + hc.x + ' ' + hc.y;\r\n var bg = document.createElementNS(NS, 'path');\r\n bg.setAttribute('d', d); bg.setAttribute('class', 'graph-line');\r\n svg.appendChild(bg);\r\n var fg = document.createElementNS(NS, 'path');\r\n fg.setAttribute('d', d); fg.setAttribute('class', 'graph-line active');\r\n fg.style.stroke = colors[i % colors.length];\r\n fg.style.animationDelay = (i * 0.35) + 's';\r\n svg.appendChild(fg);\r\n });\r\n }\r\n setTimeout(drawLines, 400);\r\n window.addEventListener('resize', drawLines);\r\n })();\r\n\r\n \/\/ \u2500\u2500\u2500 Modal Popup \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function () {\r\n var overlay = document.getElementById('skyModal');\r\n if (!overlay) { return; }\r\n function closeModal() {\r\n overlay.classList.remove('open');\r\n document.body.style.overflow = '';\r\n }\r\n function openModal() {\r\n overlay.classList.add('open');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n setTimeout(openModal, 30000);\r\n document.getElementById('skyModalClose').onclick = closeModal;\r\n document.getElementById('skyModalDismiss').onclick = closeModal;\r\n document.getElementById('skyModalCta').onclick = closeModal;\r\n overlay.addEventListener('click', function (e) { if (e.target === overlay) closeModal(); });\r\n document.addEventListener('keydown', function (e) { if (e.key === 'Escape') closeModal(); });\r\n })();\r\n\r\n \/\/ \u2500\u2500\u2500 CTA Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n (function () {\r\n const w = document.getElementById('ctaWidget');\r\n const closeBtn = document.getElementById('ctaWidgetClose');\r\n const btn = document.getElementById('ctaWidgetBtn');\r\n if (!w || !closeBtn) return;\r\n let shown = false;\r\n function showWidget() {\r\n if (shown) return;\r\n shown = true;\r\n w.classList.add('visible');\r\n window.removeEventListener('scroll', onScroll);\r\n }\r\n function onScroll() {\r\n const scrolled = window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight);\r\n if (scrolled >= 0.25) showWidget();\r\n }\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n closeBtn.addEventListener('click', () => {\r\n w.classList.add('hidden');\r\n w.classList.remove('visible');\r\n });\r\n btn.addEventListener('click', () => {\r\n w.classList.add('hidden');\r\n w.classList.remove('visible');\r\n });\r\n })();\r\n <\/script>\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sky Agency \u2013 AI \u0427\u0430\u0442\u0431\u043e\u0442 \u0437\u0430 \u0412\u0430\u0448\u0438\u044f \u0411\u0438\u0437\u043d\u0435\u0441 \u0423\u0441\u043b\u0443\u0433\u0438 \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0438\u043c \u041a\u043b\u0438\u0435\u043d\u0442\u0438 \u0413\u0430\u0440\u0430\u043d\u0446\u0438\u044f \u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f \u0423\u0441\u043b\u0443\u0433\u0438 \u041a\u0430\u043a \u0440\u0430\u0431\u043e\u0442\u0438\u043c \u041a\u043b\u0438\u0435\u043d\u0442\u0438 \u0413\u0430\u0440\u0430\u043d\u0446\u0438\u044f \u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u043a\u043e\u043d\u0441\u0443\u043b\u0442\u0430\u0446\u0438\u044f \u2192 5.0 \u00b7 \u0432 Google \u0412\u0430\u0448\u0438\u044f\u0442 \u0431\u0438\u0437\u043d\u0435\u0441 \u0441AI \u0427\u0430\u0442\u0431\u043e\u0442 24\/7 \u0423\u043c\u0435\u043d AI \u0447\u0430\u0442\u0431\u043e\u0442, \u043a\u043e\u0439\u0442\u043e \u043e\u0442\u0433\u043e\u0432\u0430\u0440\u044f \u043d\u0430 \u043a\u043b\u0438\u0435\u043d\u0442\u0438\u0442\u0435 \u0432\u0438 \u0434\u0435\u043d\u043e\u043d\u043e\u0449\u043d\u043e \u2014 \u043d\u0430 \u0441\u0430\u0439\u0442\u0430, \u0432 Instagram \u0438\u043b\u0438 WhatsApp. \u041f\u043e\u0432\u0435\u0447\u0435 \u0437\u0430\u043f\u0438\u0442\u0432\u0430\u043d\u0438\u044f, \u043f\u043e-\u043c\u0430\u043b\u043a\u043e \u0440\u044a\u0447\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0430. \u0418\u0441\u043a\u0430\u043c AI […]<\/p>\n","protected":false},"author":1,"featured_media":22146,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","footnotes":""},"class_list":["post-25501","page","type-page","status-publish","has-post-thumbnail","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/25501","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/comments?post=25501"}],"version-history":[{"count":22,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/25501\/revisions"}],"predecessor-version":[{"id":25709,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/25501\/revisions\/25709"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/media\/22146"}],"wp:attachment":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/media?parent=25501"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}