{"id":216,"date":"2025-05-22T13:06:48","date_gmt":"2025-05-22T13:06:48","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=216"},"modified":"2025-06-26T11:10:24","modified_gmt":"2025-06-26T03:10:24","slug":"%d8%a7%d9%84%d9%85%d8%ad%d9%81%d8%b8%d8%a9","status":"publish","type":"page","link":"https:\/\/theexchain.com\/ar\/%d8%a7%d9%84%d9%85%d8%ad%d9%81%d8%b8%d8%a9\/","title":{"rendered":"\u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0643\u062e\u062f\u0645\u0629"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"216\" class=\"elementor elementor-216\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f513a1f e-con-full e-flex e-con e-parent\" data-id=\"f513a1f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70a319c elementor-widget elementor-widget-html\" data-id=\"70a319c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#6366f1',\n                        secondary: '#8b5cf6',\n                        dark: '#111827',\n                        light: '#f9fafb',\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                }\n            }\n        }\n\n        \/\/ FAQ Section JavaScript\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.faq-item');\n    \n    \/\/ Initialize FAQ items\n    faqItems.forEach((item, index) => {\n        const question = item.querySelector('.faq-question');\n        const answer = item.querySelector('.faq-answer');\n        const toggle = item.querySelector('.faq-toggle');\n        \n        \/\/ Open the first FAQ item by default\n        if (index === 0) {\n            item.classList.add('active');\n        }\n        \n        \/\/ Add click event to questions\n        question.addEventListener('click', () => {\n            toggleFaq(item);\n        });\n        \n        \/\/ Add click event to toggle buttons\n        if (toggle) {\n            toggle.addEventListener('click', (e) => {\n                e.stopPropagation();\n                toggleFaq(item);\n            });\n        }\n    });\n    \n    \/\/ Function to toggle FAQ items\n    function toggleFaq(clickedItem) {\n        \/\/ Get the current state\n        const isActive = clickedItem.classList.contains('active');\n        \n        \/\/ Close all items first (accordion style)\n        faqItems.forEach(item => {\n            item.classList.remove('active');\n            const toggle = item.querySelector('.faq-toggle i');\n            if (toggle) {\n                toggle.className = 'fas fa-plus';\n            }\n        });\n        \n        \/\/ If the clicked item wasn't active, open it\n        if (!isActive) {\n            clickedItem.classList.add('active');\n            const toggle = clickedItem.querySelector('.faq-toggle i');\n            if (toggle) {\n                toggle.className = 'fas fa-minus';\n            }\n        }\n    }\n    \n    \/\/ Add search functionality for FAQs\n    const addFaqSearch = () => {\n        const faqSection = document.getElementById('faq');\n        if (!faqSection) return;\n        \n        \/\/ Create search input\n        const searchContainer = document.createElement('div');\n        searchContainer.className = 'max-w-md mx-auto mb-8';\n        \n        const searchInput = document.createElement('input');\n        searchInput.type = 'text';\n        searchInput.placeholder = 'Search FAQs...';\n        searchInput.className = 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent';\n        \n        searchContainer.appendChild(searchInput);\n        \n        \/\/ Insert before the FAQ container\n        const faqContainer = faqSection.querySelector('.faq-container');\n        faqSection.querySelector('.text-center').after(searchContainer);\n        \n        \/\/ Add search functionality\n        searchInput.addEventListener('input', (e) => {\n            const searchTerm = e.target.value.toLowerCase();\n            \n            faqItems.forEach(item => {\n                const question = item.querySelector('.faq-question h3').textContent.toLowerCase();\n                const answer = item.querySelector('.faq-answer').textContent.toLowerCase();\n                \n                if (question.includes(searchTerm) || answer.includes(searchTerm)) {\n                    item.style.display = 'block';\n                } else {\n                    item.style.display = 'none';\n                }\n            });\n            \n            \/\/ Show a message if no results\n            let visibleItems = 0;\n            faqItems.forEach(item => {\n                if (item.style.display !== 'none') {\n                    visibleItems++;\n                }\n            });\n            \n            const noResultsMessage = document.getElementById('no-faq-results');\n            \n            if (visibleItems === 0 && searchTerm !== '') {\n                if (!noResultsMessage) {\n                    const message = document.createElement('p');\n                    message.id = 'no-faq-results';\n                    message.className = 'text-center text-gray-500 my-8';\n                    message.textContent = 'No matching FAQs found. Please try a different search term.';\n                    faqContainer.after(message);\n                }\n            } else if (noResultsMessage) {\n                noResultsMessage.remove();\n            }\n        });\n    };\n    \n    \/\/ Uncomment the line below to enable FAQ search\n    \/\/ addFaqSearch();\n    \n    \/\/ Add FAQ analytics tracking\n    const trackFaqInteractions = () => {\n        faqItems.forEach(item => {\n            item.addEventListener('click', () => {\n                const question = item.querySelector('.faq-question h3').textContent;\n                \n                \/\/ In a real implementation, this would send data to an analytics service\n                console.log(`FAQ clicked: ${question}`);\n                \n                \/\/ Example of how you might track this with Google Analytics\n                if (typeof gtag === 'function') {\n                    gtag('event', 'faq_interaction', {\n                        'event_category': 'FAQ',\n                        'event_label': question\n                    });\n                }\n            });\n        });\n    };\n    \n    \/\/ Track FAQ interactions if analytics is available\n    if (document.querySelector('.faq-item')) {\n        trackFaqInteractions();\n    }\n});\n\/\/ Main JavaScript file for ChainUp WaaS Landing Page\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Mobile Menu Toggle\n    const menuToggle = document.getElementById('menu-toggle');\n    const mobileMenu = document.getElementById('mobile-menu');\n    \n    if (menuToggle && mobileMenu) {\n        menuToggle.addEventListener('click', function() {\n            mobileMenu.classList.toggle('hidden');\n        });\n    }\n    \n    \/\/ Smooth scrolling for navigation links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            \n            if (mobileMenu && !mobileMenu.classList.contains('hidden')) {\n                mobileMenu.classList.add('hidden');\n            }\n            \n            const targetId = this.getAttribute('href');\n            if (targetId === '#') return;\n            \n            const targetElement = document.querySelector(targetId);\n            if (targetElement) {\n                window.scrollTo({\n                    top: targetElement.offsetTop - 80,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n    \n    \/\/ Feature tabs functionality\n    const tabButtons = document.querySelectorAll('.tab-btn');\n    const tabContents = document.querySelectorAll('.tab-content');\n    \n    tabButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            \/\/ Remove active class from all buttons and content\n            tabButtons.forEach(btn => btn.classList.remove('active'));\n            tabContents.forEach(content => content.classList.remove('active'));\n            \n            \/\/ Add active class to clicked button\n            button.classList.add('active');\n            \n            \/\/ Show corresponding content\n            const tabId = button.getAttribute('data-tab');\n            document.getElementById(tabId).classList.add('active');\n        });\n    });\n    \n    \/\/ Copy code snippet functionality\n    const copyButtons = document.querySelectorAll('.copy-btn');\n    \n    copyButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            \/\/ Find the code block to copy\n            const codeBlock = button.closest('.code-snippet').querySelector('code');\n            const textToCopy = codeBlock.textContent;\n            \n            \/\/ Create a temporary textarea element to copy from\n            const textarea = document.createElement('textarea');\n            textarea.value = textToCopy;\n            textarea.setAttribute('readonly', '');\n            textarea.style.position = 'absolute';\n            textarea.style.left = '-9999px';\n            document.body.appendChild(textarea);\n            \n            \/\/ Select and copy the text\n            textarea.select();\n            document.execCommand('copy');\n            \n            \/\/ Remove the textarea\n            document.body.removeChild(textarea);\n            \n            \/\/ Change button icon temporarily to indicate success\n            const originalIcon = button.innerHTML;\n            button.innerHTML = '<i class=\"fas fa-check\"><\/i>';\n            \n            \/\/ Revert back to original icon after a delay\n            setTimeout(() => {\n                button.innerHTML = originalIcon;\n            }, 2000);\n        });\n    });\n    \n    \/\/ Animate elements when they come into view\n    const animateOnScroll = function() {\n        const elements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right');\n        \n        elements.forEach(element => {\n            const elementPosition = element.getBoundingClientRect().top;\n            const windowHeight = window.innerHeight;\n            \n            \/\/ If element is in viewport\n            if (elementPosition < windowHeight - 100) {\n                \/\/ Get any custom delay attribute\n                const delay = element.getAttribute('data-delay') || 0;\n                \n                \/\/ Set the animation delay\n                element.style.animationDelay = delay + 's';\n                \n                \/\/ Add the animation class based on the element's class\n                if (element.classList.contains('fade-in')) {\n                    element.style.animation = 'fadeIn 1s ease forwards';\n                } else if (element.classList.contains('slide-in-left')) {\n                    element.style.animation = 'slideInLeft 1s ease forwards';\n                } else if (element.classList.contains('slide-in-right')) {\n                    element.style.animation = 'slideInRight 1s ease forwards';\n                }\n                \n                \/\/ Remove the element from the list to avoid re-animating\n                element.classList.remove('fade-in', 'slide-in-left', 'slide-in-right');\n            }\n        });\n    };\n    \n    \/\/ Run animation on page load\n    animateOnScroll();\n    \n    \/\/ Run animation on scroll\n    window.addEventListener('scroll', animateOnScroll);\n    \n    \/\/ Initialize service cards hover effect\n    const serviceCards = document.querySelectorAll('.service-card');\n    \n    serviceCards.forEach(card => {\n        card.addEventListener('mouseenter', () => {\n            card.style.transform = 'translateY(-10px)';\n            card.style.boxShadow = 'var(--shadow-lg)';\n        });\n        \n        card.addEventListener('mouseleave', () => {\n            card.style.transform = 'translateY(0)';\n            card.style.boxShadow = 'var(--shadow)';\n        });\n    });\n    \n    \/\/ Add active class to navigation links based on scroll position\n    const sections = document.querySelectorAll('section[id]');\n    const navLinks = document.querySelectorAll('.nav-link');\n    \n    function highlightNavOnScroll() {\n        const scrollPosition = window.scrollY + 100;\n        \n        sections.forEach(section => {\n            const sectionTop = section.offsetTop;\n            const sectionHeight = section.offsetHeight;\n            const sectionId = section.getAttribute('id');\n            \n            if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {\n                navLinks.forEach(link => {\n                    link.classList.remove('active');\n                    if (link.getAttribute('href') === '#' + sectionId) {\n                        link.classList.add('active');\n                    }\n                });\n            }\n        });\n    }\n    \n    window.addEventListener('scroll', highlightNavOnScroll);\n    \n    \/\/ Add dynamic interaction to demo UIs\n    const demoGasButtons = document.querySelectorAll('.demo-gas-btn');\n    \n    demoGasButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            demoGasButtons.forEach(btn => btn.classList.remove('active'));\n            button.classList.add('active');\n        });\n    });\n});\n\n    <\/script>\n\n\n<style>\n    \/* Base Styles and Animations *\/\n:root {\n  --primary: #6366f1;\n  --primary-light: #8b5cf6;\n  --primary-dark: #111827;\n  --secondary: #10B981;\n  --secondary-light: #A7F3D0;\n  --accent: #8B5CF6;\n  --accent-light: #C7D2FE;\n  --dark: #1F2937;\n  --gray-light: #F9FAFB;\n  --gray: #E5E7EB;\n  --gray-dark: #6B7280;\n  --success: #10B981;\n  --warning: #F59E0B;\n  --error: #EF4444;\n  --transition-normal: all 0.3s ease;\n  --transition-slow: all 0.5s ease;\n  --border-radius-sm: 0.25rem;\n  --border-radius: 0.5rem;\n  --border-radius-lg: 1rem;\n  --border-radius-xl: 1.5rem;\n  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}\n\n\/* Scroll behavior *\/\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  font-family: 'Inter', sans-serif;\n  overflow-x: hidden;\n}\n\n\/* Buttons *\/\n.btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--primary);\n  color: white;\n  font-weight: 600;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  transition: var(--transition-normal);\n  border: none;\n  cursor: pointer;\n}\n\n.btn-primary:hover {\n  background-color: var(--primary-dark);\n  transform: translateY(-1px);\n  box-shadow: var(--shadow);\n}\n\n.btn-outline {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  color: var(--dark);\n  font-weight: 600;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  transition: var(--transition-normal);\n  border: 2px solid var(--gray);\n  cursor: pointer;\n}\n\n.btn-outline:hover {\n  border-color: var(--primary);\n  color: var(--primary);\n}\n\n.btn-lg {\n  padding: 0.875rem 2rem;\n  font-size: 1.125rem;\n}\n\n.btn-sm {\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n}\n\n\/* Navigation *\/\n.nav-link {\n  font-weight: 500;\n  color: var(--dark);\n  transition: var(--transition-normal);\n  position: relative;\n  padding-bottom: 0.25rem;\n}\n\n.nav-link:hover {\n  color: var(--primary);\n}\n\n.nav-link::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 2px;\n  background-color: var(--primary);\n  transition: var(--transition-normal);\n}\n\n.nav-link:hover::after {\n  width: 100%;\n}\n\n\/* Section Styles *\/\n.section-title {\n  font-size: 2.5rem;\n  font-weight: 800;\n  line-height: 1.2;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.section-subtitle {\n  font-size: 1.25rem;\n  color: var(--gray-dark);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n\/* Text Gradient *\/\n.text-gradient {\n  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n\/* Hero Section *\/\n.hero-section {\n  position: relative;\n  overflow: hidden;\n}\n\n\n.hero-animation {\n  position: relative;\n  z-index: 1;\n}\n\n.blob-animation {\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  top: -100px;\n  right: -100px;\n  border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n  background: linear-gradient(45deg, var(--primary-light), var(--accent-light));\n  opacity: 0.3;\n  z-index: -1;\n  animation: blob-morph 10s ease-in-out infinite;\n}\n\n.blob-animation-alt {\n  position: absolute;\n  width: 400px;\n  height: 400px;\n  top: -50px;\n  left: -100px;\n  border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n  background: linear-gradient(45deg, var(--secondary-light), var(--primary-light));\n  opacity: 0.2;\n  z-index: -1;\n  animation: blob-morph-alt 15s ease-in-out infinite;\n}\n\n@keyframes blob-morph {\n  0% {\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n  }\n  25% {\n    border-radius: 50% 50% 30% 70% \/ 50% 50% 30% 70%;\n  }\n  50% {\n    border-radius: 70% 30% 50% 50% \/ 40% 60% 40% 60%;\n  }\n  75% {\n    border-radius: 40% 60% 70% 30% \/ 60% 30% 70% 40%;\n  }\n  100% {\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n  }\n}\n\n@keyframes blob-morph-alt {\n  0% {\n    border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n  }\n  25% {\n    border-radius: 40% 60% 60% 40% \/ 30% 70% 30% 70%;\n  }\n  50% {\n    border-radius: 30% 70% 40% 60% \/ 50% 50% 50% 50%;\n  }\n  75% {\n    border-radius: 70% 30% 30% 70% \/ 40% 60% 60% 40%;\n  }\n  100% {\n    border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n  }\n}\n\n\/* Value Card *\/\n.value-card {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n}\n\n.value-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-md);\n}\n\n.icon-circle {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.icon-circle i {\n  font-size: 1.5rem;\n}\n\n.value-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.value-description {\n  color: var(--gray-dark);\n  line-height: 1.6;\n}\n\n\/* Service Cards *\/\n.service-card {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.service-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 5px;\n  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\n  z-index: -1;\n}\n\n.service-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-md);\n}\n\n.service-icon {\n  width: 60px;\n  height: 60px;\n  border-radius: var(--border-radius);\n  background-color: var(--primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.service-icon i {\n  font-size: 1.5rem;\n}\n\n.service-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.service-description {\n  color: var(--gray-dark);\n  line-height: 1.6;\n  margin-bottom: 1.5rem;\n}\n\n.service-features {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n.service-features li {\n  margin-bottom: 0.5rem;\n  padding-left: 1.5rem;\n  position: relative;\n  color: var(--gray-dark);\n}\n\n.service-features li::before {\n  content: '\\f00c';\n  font-family: 'Font Awesome 5 Free';\n  font-weight: 900;\n  position: absolute;\n  left: 0;\n  top: 0;\n  color: var(--primary);\n  font-size: 0.875rem;\n}\n\n\/* Benefit Cards *\/\n.benefit-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.5rem;\n}\n\n.benefit-icon {\n  width: 50px;\n  height: 50px;\n  border-radius: var(--border-radius);\n  background-color: var(--primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.benefit-icon i {\n  font-size: 1.25rem;\n}\n\n.benefit-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n  color: var(--dark);\n}\n\n.benefit-description {\n  color: var(--gray-dark);\n  line-height: 1.6;\n}\n\n\/* Testimonial Slider *\/\n.testimonial-slider {\n  position: relative;\n  margin: 0 auto;\n  max-width: 900px;\n}\n\n.swiper-container {\n  overflow: hidden;\n  padding: 2rem 0;\n}\n\n.testimonial-slide {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.testimonial-quote {\n  font-size: 1.125rem;\n  line-height: 1.7;\n  color: var(--dark);\n  margin-bottom: 1.5rem;\n  flex-grow: 1;\n}\n\n.testimonial-author {\n  display: flex;\n  align-items: center;\n}\n\n.testimonial-avatar {\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  overflow: hidden;\n  margin-right: 1rem;\n}\n\n.testimonial-avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.testimonial-info h4 {\n  font-weight: 600;\n  margin: 0 0 0.25rem;\n}\n\n.testimonial-info p {\n  color: var(--gray-dark);\n  margin: 0;\n  font-size: 0.875rem;\n}\n\n.testimonial-prev,\n.testimonial-next {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: white;\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--shadow);\n  border: none;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.testimonial-prev:hover,\n.testimonial-next:hover {\n  background-color: var(--primary);\n  color: white;\n}\n\n.client-logo {\n  opacity: 0.7;\n  transition: var(--transition-normal);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.client-logo:hover {\n  opacity: 1;\n}\n\n\/* Feature Tabs *\/\n.feature-tabs {\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.tab-navigation {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-bottom: 2rem;\n  gap: 0.5rem;\n}\n\n.tab-btn {\n  padding: 0.75rem 1.5rem;\n  border: 2px solid var(--gray);\n  border-radius: var(--border-radius);\n  font-weight: 600;\n  color: var(--gray-dark);\n  background-color: transparent;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.tab-btn.active {\n  background-color: var(--primary);\n  color: white;\n  border-color: var(--primary);\n}\n\n.tab-btn:hover:not(.active) {\n\n  border-color: var(--primary);\n  color: #ffffff;\n}\n\n.tab-content-container {\n  position: relative;\n  overflow: hidden;\n}\n\n.tab-content {\n  display: none;\n  animation: fadeIn 0.5s ease forwards;\n}\n\n.tab-content.active {\n  display: block;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Feature Demo *\/\n.feature-demo-container {\n  background-color: #f5f7fa;\n  border-radius: var(--border-radius-lg);\n  padding: 1.5rem;\n  box-shadow: var(--shadow);\n}\n\n.feature-demo-screen {\n  background-color: white;\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n}\n\n.demo-header {\n  background-color: #f1f5f9;\n  padding: 0.75rem 1rem;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--gray);\n}\n\n.demo-controls {\n  display: flex;\n  gap: 0.5rem;\n  margin-right: 1rem;\n}\n\n.demo-circle {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n}\n\n.demo-title {\n  font-weight: 600;\n  color: var(--gray-dark);\n  font-size: 0.875rem;\n  flex-grow: 1;\n  text-align: center;\n}\n\n.demo-content {\n  padding: 1.5rem;\n}\n\n.code-snippet {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  border: 1px solid var(--gray);\n}\n\n.code-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem 1rem;\n  background-color: #f1f5f9;\n  border-bottom: 1px solid var(--gray);\n}\n\n.copy-btn {\n  background-color: transparent;\n  border: none;\n  color: var(--gray-dark);\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.copy-btn:hover {\n  color: #ffffff;\n}\n\n.code-block {\n  padding: 1rem;\n  margin: 0;\n  font-family: monospace;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  color: #334155;\n  overflow-x: auto;\n}\n\n.feature-stat {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.stat-value {\n  font-size: 1.5rem;\n  font-weight: 700;\n  color: var(--primary);\n  margin-bottom: 0.25rem;\n}\n\n.stat-label {\n  font-size: 0.875rem;\n  color: var(--gray-dark);\n}\n\n\/* Demo Form Styles *\/\n.demo-form {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.demo-input-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.demo-input-group label {\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--dark);\n}\n\n.demo-input-group input,\n.demo-input-group select {\n  padding: 0.75rem;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  font-size: 0.875rem;\n}\n\n.demo-btn {\n  background-color: var(--primary);\n  color: white;\n  border: none;\n  border-radius: var(--border-radius);\n  padding: 0.75rem 1.5rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-btn:hover {\n  background-color: var(--primary-dark);\n}\n\n.demo-btn-sm {\n  background-color: white;\n  color: var(--primary);\n  border: 1px solid var(--primary);\n  border-radius: var(--border-radius);\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-btn-sm:hover {\n  background-color: var(--primary);\n  color: white;\n}\n\n.demo-result {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  padding: 1.5rem;\n  border: 1px dashed var(--primary-light);\n}\n\n.demo-success {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  color: var(--success);\n  margin-bottom: 1rem;\n  font-weight: 600;\n}\n\n.demo-success i {\n  font-size: 1.25rem;\n}\n\n.demo-details {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.demo-detail-item {\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.875rem;\n}\n\n.demo-detail-item span {\n  color: var(--gray-dark);\n}\n\n.demo-detail-item code {\n  background-color: white;\n  padding: 0.25rem 0.5rem;\n  border-radius: var(--border-radius-sm);\n  font-family: monospace;\n  color: var(--dark);\n}\n\n\/* Transaction Demo *\/\n.demo-transaction {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.demo-wallet-info {\n  display: flex;\n  justify-content: space-between;\n  background-color: #f8fafc;\n  padding: 0.75rem 1rem;\n  border-radius: var(--border-radius);\n}\n\n.demo-amount-input {\n  display: flex;\n  flex-direction: column;\n}\n\n.demo-amount-input .flex {\n  display: flex;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  overflow: hidden;\n}\n\n.demo-amount-input input {\n  flex-grow: 1;\n  border: none;\n  padding: 0.75rem;\n}\n\n.demo-amount-input select {\n  width: 100px;\n  border: none;\n  border-left: 1px solid var(--gray);\n  padding: 0.75rem;\n  background-color: #f8fafc;\n}\n\n.demo-gas-options {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.demo-gas-options .flex {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.demo-gas-btn {\n  flex: 1;\n  background-color: white;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  padding: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-gas-btn small {\n  font-size: 0.75rem;\n  color: var(--gray-dark);\n  margin-top: 0.25rem;\n}\n\n.demo-gas-btn.active {\n  border-color: var(--primary);\n  background-color: var(--primary-light);\n  color: var(--primary-dark);\n}\n\n.demo-transaction-status {\n  margin-top: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.demo-status-step {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  opacity: 0.5;\n}\n\n.demo-status-step.active {\n  opacity: 1;\n}\n\n.demo-status-icon {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background-color: var(--gray-light);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--gray-dark);\n}\n\n.demo-status-step.active .demo-status-icon {\n  background-color: var(--primary-light);\n  color: var(--primary);\n}\n\n.demo-status-step.pulse .demo-status-icon {\n  animation: pulse 1.5s infinite;\n}\n\n@keyframes pulse {\n  0% {\n    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);\n  }\n}\n\n\/* Security Demo *\/\n.demo-security {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.demo-security-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.demo-security-header h3 {\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.demo-security-badge {\n  background-color: var(--success);\n  color: white;\n  padding: 0.25rem 0.75rem;\n  border-radius: 9999px;\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.demo-security-section {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n}\n\n.demo-security-section h4 {\n  font-weight: 600;\n  margin-bottom: 0.75rem;\n  font-size: 1rem;\n}\n\n.demo-multi-sig {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.demo-multi-sig-threshold {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px dashed var(--gray);\n}\n\n.demo-multi-sig-threshold .flex {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.demo-threshold {\n  display: inline-block;\n  width: 28px;\n  height: 28px;\n  line-height: 28px;\n  text-align: center;\n  background-color: var(--primary);\n  color: white;\n  border-radius: var(--border-radius-sm);\n  font-weight: 600;\n}\n\n.demo-approvers {\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.demo-approver {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.demo-approver-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: var(--primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n}\n\n.demo-approver-name {\n  font-weight: 600;\n  font-size: 0.875rem;\n  margin-bottom: 0.25rem;\n}\n\n.demo-approver-role {\n  font-size: 0.75rem;\n  color: var(--gray-dark);\n}\n\n.demo-limits {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.demo-limit {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px dashed var(--gray);\n}\n\n.demo-limit:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.demo-security-options {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.demo-security-option {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.demo-security-option input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  accent-color: var(--primary);\n}\n\n\/* Analytics Demo *\/\n.demo-analytics {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.demo-analytics-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.demo-analytics-header h3 {\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.demo-time-selector {\n  display: flex;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  overflow: hidden;\n}\n\n.demo-time-selector button {\n  padding: 0.5rem 0.75rem;\n  background-color: white;\n  border: none;\n  font-size: 0.875rem;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-time-selector button.active {\n  background-color: var(--primary);\n  color: white;\n}\n\n.demo-metrics-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.demo-metric {\n  background-color: white;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  border: 1px solid var(--gray);\n}\n\n.demo-metric-value {\n  font-size: 1.5rem;\n  font-weight: 700;\n  margin-bottom: 0.25rem;\n}\n\n.demo-metric-label {\n  font-size: 0.875rem;\n  color: var(--gray-dark);\n  margin-bottom: 0.5rem;\n}\n\n.demo-metric-change {\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.demo-metric-change.positive {\n  color: var(--success);\n}\n\n.demo-metric-change.negative {\n  color: var(--error);\n}\n\n.demo-chart {\n  background-color: white;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  border: 1px solid var(--gray);\n}\n\n.demo-chart-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n\n.demo-chart-header h4 {\n  font-weight: 600;\n  font-size: 1rem;\n}\n\n.demo-chart-legend {\n  display: flex;\n  gap: 1rem;\n}\n\n.demo-legend-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.75rem;\n}\n\n.demo-legend-color {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n}\n\n.demo-chart-container {\n  height: 200px;\n}\n\n.demo-chart-svg {\n  width: 100%;\n  height: 100%;\n}\n\n.demo-analytics-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n\n\/* FAQ Section *\/\n.faq-container {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.faq-item {\n  background-color: white;\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n  border: 1px solid var(--gray);\n}\n\n.faq-question {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1.25rem;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.faq-question h3 {\n  font-weight: 600;\n  font-size: 1.125rem;\n  color: var(--dark);\n  margin: 0;\n}\n\n.faq-toggle {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-color: var(--gray-light);\n  color: var(--primary);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: var(--transition-normal);\n  flex-shrink: 0;\n}\n\n.faq-toggle i {\n  transition: var(--transition-normal);\n}\n\n.faq-item.active .faq-toggle {\n  background-color: var(--primary);\n  color: white;\n}\n\n.faq-item.active .faq-toggle i {\n  transform: rotate(45deg);\n}\n\n.faq-answer {\n  padding: 0 1.25rem;\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n}\n\n.faq-item.active .faq-answer {\n  padding: 0 1.25rem 1.25rem;\n  max-height: 1000px;\n}\n\n.faq-answer p {\n  margin: 0 0 1rem;\n  line-height: 1.6;\n  color: var(--gray-dark);\n}\n\n.faq-answer p:last-child {\n  margin-bottom: 0;\n}\n\n.faq-answer ul {\n  margin: 0 0 1rem;\n  padding-left: 1.5rem;\n}\n\n.faq-answer ul li {\n  margin-bottom: 0.5rem;\n  color: var(--gray-dark);\n}\n\n\/* CTA Section *\/\n.cta-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.cta-card {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.cta-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-md);\n}\n\n.cta-icon {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background-color: var(--primary-light);\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.cta-icon i {\n  font-size: 1.5rem;\n}\n\n.cta-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.cta-description {\n  color: var(--gray-dark);\n  margin-bottom: 1.5rem;\n  flex-grow: 1;\n}\n\n.cta-btn {\n  background-color: var(--primary);\n  color: white;\n  border: none;\n  border-radius: var(--border-radius);\n  padding: 0.75rem 1.5rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--transition-normal);\n  width: 100%;\n}\n\n.cta-btn:hover {\n  background-color: var(--primary-dark);\n}\n\n.newsletter-signup {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  margin-top: 3rem;\n}\n\n.newsletter-input {\n  padding: 0.75rem 1.25rem;\n  border: 2px solid var(--gray);\n  border-radius: var(--border-radius);\n  font-size: 1rem;\n  transition: var(--transition-normal);\n}\n\n.newsletter-input:focus {\n  outline: none;\n  border-color: var(--primary);\n}\n\n\/* Footer *\/\n.footer-heading {\n  font-size: 1.125rem;\n  font-weight: 700;\n  color: white;\n  margin-bottom: 1.5rem;\n}\n\n.footer-links {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n.footer-links li {\n  margin-bottom: 0.75rem;\n}\n\n.footer-links a {\n  color: #CBD5E1;\n  transition: var(--transition-normal);\n}\n\n.footer-links a:hover {\n  color: white;\n}\n\n.social-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: rgba(255, 255, 255, 0.1);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: var(--transition-normal);\n}\n\n.social-icon:hover {\n  background-color: var(--primary);\n  transform: translateY(-3px);\n}\n\n\/* Animation Utilities *\/\n.slide-in-left {\n  opacity: 0;\n  transform: translateX(-50px);\n  animation: slideInLeft 1s ease forwards;\n}\n\n.slide-in-right {\n  opacity: 0;\n  transform: translateX(50px);\n  animation: slideInRight 1s ease forwards;\n}\n\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeIn 1s ease forwards;\n}\n\n@keyframes slideInLeft {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInRight {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes fadeIn {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .section-title {\n    font-size: 2rem;\n  }\n  \n  .tab-navigation {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  \n  .demo-analytics-header,\n  .demo-chart-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1rem;\n  }\n  \n  .demo-time-selector {\n    width: 100%;\n  }\n  \n  .demo-time-selector button {\n    flex: 1;\n  }\n  \n  .demo-metrics-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* Animation delay utility *\/\n[data-delay=\"0.1\"] {\n  animation-delay: 0.1s;\n}\n\n[data-delay=\"0.2\"] {\n  animation-delay: 0.2s;\n}\n\n[data-delay=\"0.3\"] {\n  animation-delay: 0.3s;\n}\n\n[data-delay=\"0.4\"] {\n  animation-delay: 0.4s;\n}\n\n[data-delay=\"0.5\"] {\n  animation-delay: 0.5s;\n}\n\n[data-delay=\"0.6\"] {\n  animation-delay: 0.6s;\n}\n\n<\/style>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body class=\"font-sans text-gray-800 bg-gray-50\">\n\n\n<!-- Hero Section -->\n    <section class=\"hero-section relative overflow-hidden pt-15\" id=\"home\">\n        <div class=\"container mx-auto px-4 py-20 flex flex-wrap items-center\">\n            <div class=\"w-full lg:w-1\/2 mb-10 lg:mb-0 slide-in-left\">\n                <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6\">\n                    \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0643\u062e\u062f\u0645\u0629 - \u062b\u0648\u0631\u0629 \u0641\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a <span class=\"text-gradient\">\u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/span> \u0627\u0644\u0625\u062f\u0627\u0631\u0629\n                <\/h1>\n                <p class=\"text-xl text-gray-600 mb-8\">\n                    \u0623\u0639\u062f \u062a\u0639\u0631\u064a\u0641 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0645\u0639 \u0645\u062d\u0641\u0638\u0629 Exchain \u0643\u062e\u062f\u0645\u0629 (WaaS) \u0644\u0636\u0645\u0627\u0646 \u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0623\u0642\u0635\u0649 \u062f\u0631\u062c\u0627\u062a \u0627\u0644\u0623\u0645\u0627\u0646.\n                <\/p>\n                <div class=\"flex flex-wrap gap-4\">\n\n\n\n                  <button \n                  onclick=\"document.getElementById('services').scrollIntoView({ behavior: 'smooth' })\" \n                  class=\"btn-primary btn-lg\"\n              >\n                  \u0627\u0628\u062f\u0623 \u0627\u0644\u0622\u0646\n              <\/button>\n              <button \n              onclick=\"window.location.href='\/contact\/'\" \n              class=\"btn-outline btn-lg\">\n              \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\n          <\/button>\n      \n                <\/div>\n                <div class=\"mt-8 flex items-center\">\n                    <div class=\"flex -space-x-2\">\n                        <img decoding=\"async\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/1.png\" class=\"w-10 h-10 rounded-full !important border-2 border-white\" alt=\"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\">\n                        <img decoding=\"async\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/2.png\" class=\"w-10 h-10 rounded-full  !important border-2 border-white\" alt=\"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\">\n                        <img decoding=\"async\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/3.png\" class=\"w-10 h-10 rounded-full  !important border-2 border-white\" alt=\"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\">\n                    <\/div>\n                    <p class=\"ml-4 text-gray-600\">\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0645\u0646 \u0642\u0628\u0644 <span class=\"font-bold text-primary\">2,000+<\/span> \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"w-full lg:w-1\/2 slide-in-right\">\n                <div class=\"hero-animation relative\">\n                    <div class=\"blob-animation absolute\"><\/div>\n                    <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden p-8 relative z-10\">\n                        <div class=\"flex justify-between items-center mb-6\">\n                            <h3 class=\"text-xl font-bold\">\u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629<\/h3>\n                            <div class=\"flex space-x-2\">\n                                <div class=\"w-3 h-3 rounded-full bg-red-500\"><\/div>\n                                <div class=\"w-3 h-3 rounded-full bg-yellow-500\"><\/div>\n                                <div class=\"w-3 h-3 rounded-full bg-green-500\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid grid-cols-2 gap-4 mb-6\">\n                            <div class=\"bg-gray-50 p-4 rounded-lg\">\n                                <p class=\"text-sm text-gray-500 mb-1\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0631\u0635\u064a\u062f<\/p>\n                                <p class=\"text-2xl font-bold\">$42,593.83<\/p>\n                                <p class=\"text-sm text-green-500 mt-1\">+2.4% \u0627\u0644\u064a\u0648\u0645<\/p>\n                            <\/div>\n                            <div class=\"bg-gray-50 p-4 rounded-lg\">\n                                <p class=\"text-sm text-gray-500 mb-1\">\u0627\u0644\u0645\u062d\u0627\u0641\u0638 \u0627\u0644\u0646\u0634\u0637\u0629<\/p>\n                                <p class=\"text-2xl font-bold\">6<\/p>\n                                <p class=\"text-sm text-gray-500 mt-1\">\u0639\u0628\u0631 3 \u0633\u0644\u0627\u0633\u0644 3<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-gray-50 p-4 rounded-lg mb-6\">\n                            <div class=\"flex justify-between items-center mb-4\">\n                                <p class=\"font-semibold\">\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0623\u062e\u064a\u0631\u0629<\/p>\n                                <a href=\"#\" class=\"text-primary text-sm\">\u0639\u0631\u0636 \u0627\u0644\u0643\u0644<\/a>\n                            <\/div>\n                            <div class=\"space-y-3\">\n                                <div class=\"flex justify-between items-center pb-2 border-b border-gray-100\">\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-arrow-down text-blue-600 text-xs\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <p class=\"font-medium\">\u0627\u0633\u062a\u0644\u0645\u062a BTC<\/p>\n                                            <p class=\"text-xs text-gray-500\">\u0627\u0644\u064a\u0648\u0645\u060c 14:43<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <p class=\"font-semibold text-green-500\">+0.0023 \u0628\u064a\u062a\u0643\u0648\u064a\u0646<\/p>\n                                <\/div>\n                                <div class=\"flex justify-between items-center pb-2 border-b border-gray-100\">\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-arrow-up text-purple-600 text-xs\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <p class=\"font-medium\">\u0625\u0631\u0633\u0627\u0644 ETH<\/p>\n                                            <p class=\"text-xs text-gray-500\">\u0623\u0645\u0633\u060c 09:15:09<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <p class=\"font-semibold text-red-500\">-0.425 - 0.425 ETH<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex justify-center space-x-3\">\n                            <button class=\"btn-sm bg-primary text-white rounded-full px-4\">\n                                <i class=\"fas fa-plus mr-1\"><\/i> \u0625\u0631\u0633\u0627\u0644\n                            <\/button>\n                            <button class=\"btn-sm bg-green-500 text-white rounded-full px-4\">\n                                <i class=\"fas fa-download mr-1\"><\/i> \u0627\u0633\u062a\u0644\u0645\n                            <\/button>\n                            <button class=\"btn-sm bg-purple-500 text-white rounded-full px-4\">\n                                <i class=\"fas fa-exchange-alt mr-1\"><\/i> \u0645\u0642\u0627\u064a\u0636\u0629\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"wave-bottom\"><\/div>\n    <\/section>\n\n    <!-- Value Proposition -->\n    <section class=\"py-16 bg-white\" id=\"value\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"section-title\">\u062a\u0643\u0627\u0645\u0644 \u0633\u0644\u0633, <span class=\"text-primary\">\u0623\u0645\u0627\u0646 \u0644\u0627 \u0645\u062b\u064a\u0644 \u0644\u0647<\/span><\/h2>\n                <p class=\"section-subtitle\">\n                    \u062a\u0648\u0641\u0631 Exchain WaaS \u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0644\u0644\u0645\u062d\u0641\u0638\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0644\u062a\u0634\u063a\u064a\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643\n                <\/p>\n            <\/div>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"value-card fade-in\">\n                    <div class=\"icon-circle bg-blue-50\">\n                        <i class=\"fas fa-shield-alt text-blue-500\"><\/i>\n                    <\/div>\n                    <h3 class=\"value-title\">\u0623\u0645\u0646 \u0645\u0646 \u0627\u0644\u062f\u0631\u062c\u0629 \u0627\u0644\u0639\u0633\u0643\u0631\u064a\u0629<\/h3>\n                    <p class=\"value-description\">\n                        \u062a\u0639\u0645\u0644 \u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u062a\u0648\u0627\u0642\u064a\u0639 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629 \u0648\u0648\u062d\u062f\u0627\u062a \u0623\u0645\u0627\u0646 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 (HSM) \u0648\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a MPC \u0639\u0644\u0649 \u062a\u0623\u0645\u064a\u0646 \u0623\u0635\u0648\u0644\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0628\u062d\u0645\u0627\u064a\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0628\u0646\u0648\u0643.\n                    <\/p>\n                <\/div>\n                <div class=\"value-card fade-in\" data-delay=\"0.2\">\n                    <div class=\"icon-circle bg-green-50\">\n                        <i class=\"fas fa-code text-green-500\"><\/i>\n                    <\/div>\n                    <h3 class=\"value-title\">\u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0644\u0627\u0626\u0645\u0629 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646<\/h3>\n                    <p class=\"value-description\">\n                        \u0627\u062f\u0645\u062c \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0642\u0648\u064a\u0629 \u0641\u064a \u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0643 \u0628\u0628\u0636\u0639\u0629 \u0623\u0633\u0637\u0631 \u0645\u0646 \u0627\u0644\u062a\u0639\u0644\u064a\u0645\u0627\u062a \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0629. \u062d\u0632\u0645 SDK \u0634\u0627\u0645\u0644\u0629 \u0644\u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u0635\u0627\u062a.\n                    <\/p>\n                <\/div>\n                <div class=\"value-card fade-in\" data-delay=\"0.4\">\n                    <div class=\"icon-circle bg-purple-50\">\n                        <i class=\"fas fa-rocket text-purple-500\"><\/i>\n                    <\/div>\n                    <h3 class=\"value-title\">\u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0637\u0648\u064a\u0631<\/h3>\n                    <p class=\"value-description\">\n                        \u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0645\u0644\u0627\u064a\u064a\u0646 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0645\u0639 \u0648\u0642\u062a \u062a\u0634\u063a\u064a\u0644 99.99%. \u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u062a\u0648\u0633\u0639 \u0628\u062b\u0642\u0629 \u0645\u0639 \u0646\u0645\u0648 \u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0644\u062f\u064a\u0643 \u0628\u0634\u0643\u0644 \u0643\u0628\u064a\u0631.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n    <!-- Service Introduction -->\n    <section id=\"services\" class=\"py-20 bg-gray-50\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"flex flex-wrap items-center\">\n                <div class=\"w-full lg:w-1\/2 mb-10 lg:mb-0 slide-in-left\">\n                    <h2 class=\"section-title mb-6\">\u0645\u0627 \u0647\u0648 <span class=\"text-primary\">\u0625\u0643\u0633\u0634\u0627\u064a\u0646 \u0648\u0627\u0633<\/span>?<\/h2>\n                    <p class=\"text-lg text-gray-600 mb-6\">\n                        \u062a\u0648\u0641\u0631 Exchain Wallet-as-a-Service (WaaS) \u062d\u0644\u0627\u064b \u0643\u0627\u0645\u0644\u0627\u064b \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0644\u0625\u0646\u0634\u0627\u0621 \u0645\u062d\u0627\u0641\u0638 \u0627\u0644\u0628\u0644\u0648\u0643\u062a\u0634\u064a\u0646 \u0648\u0625\u062f\u0627\u0631\u062a\u0647\u0627 \u0648\u062a\u0648\u0633\u064a\u0639 \u0646\u0637\u0627\u0642\u0647\u0627 \u062f\u0648\u0646 \u062a\u0639\u0642\u064a\u062f \u0628\u0646\u0627\u0621 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631.\n                    <\/p>\n                    <p class=\"text-lg text-gray-600 mb-6\">\n                        \u062a\u0648\u0641\u0631 \u0645\u0646\u0635\u062a\u0646\u0627 \u062a\u0648\u0627\u0632\u0646\u064b\u0627 \u0645\u062b\u0627\u0644\u064a\u064b\u0627 \u0628\u064a\u0646 \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0648\u0627\u0644\u0645\u0631\u0648\u0646\u0629\u060c \u0645\u0645\u0627 \u064a\u062a\u064a\u062d \u0644\u0643 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0628\u064a\u0646\u0645\u0627 \u0646\u062a\u0648\u0644\u0649 \u0646\u062d\u0646 \u0627\u0644\u062a\u0639\u0642\u064a\u062f\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062d\u0641\u0638\u0629.\n                    <\/p>\n                    <div class=\"grid grid-cols-2 gap-4 mt-8\">\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\u062f\u0639\u0645 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0633\u0644\u0627\u0633\u0644<\/span>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\u0623\u0645\u0627\u0646 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/span>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\u0648\u0627\u062c\u0647\u0629 \u0645\u0633\u062a\u062e\u062f\u0645\/\u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062e\u0635\u064a\u0635<\/span>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\u0648\u0642\u062a \u062a\u0634\u063a\u064a\u0644 \u0645\u0636\u0645\u0648\u0646 \u0628\u0646\u0633\u0628\u0629 99.99%<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"w-full lg:w-1\/2 slide-in-right\">\n                    <div class=\"intro-animation relative\">\n                        <div class=\"blob-animation-alt absolute\"><\/div>\n                        <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden p-6 relative z-10\">\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6\">\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-blue-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-wallet text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u0641\u0638\u0629<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \u0625\u0646\u0634\u0627\u0621 \u0645\u062d\u0627\u0641\u0638 \u0644\u0633\u0644\u0627\u0633\u0644 \u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0645\u062a\u0639\u062f\u062f\u0629 \u0628\u0645\u0643\u0627\u0644\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 \u0641\u0642\u0637 \u0645\u0646 \u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-green-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-key text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\u0627\u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \u062a\u062e\u0632\u064a\u0646 \u0622\u0645\u0646 \u0644\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-purple-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-exchange-alt text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0625\u0631\u0633\u0627\u0644 \u0648\u0627\u0644\u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0648\u0627\u0644\u0645\u0628\u0627\u062f\u0644\u0629 \u0627\u0644\u0633\u0644\u0633\u0629\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-yellow-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-chart-line text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0631\u0635\u062f \u0627\u0644\u0623\u0646\u0634\u0637\u0629\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"p-4 bg-blue-50 rounded-lg text-center\">\n                                <p class=\"text-blue-800 font-medium mb-3\">\n                                    \"\u062a\u064f\u0645\u0643\u0650\u0651\u0646 Exchain WaaS \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0645\u0646 \u0625\u0637\u0644\u0627\u0642 \u062d\u0644\u0648\u0644 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0641\u064a \u0623\u064a\u0627\u0645 \u0648\u0644\u064a\u0633 \u0623\u0634\u0647\u0631.\"\n                                <\/p>\n\n                                <button \n        onclick=\"window.location.href='\/contact\/'\" \n        class=\"btn-primary px-8 py-3 rounded-full font-medium border-2 border-white text-center hover:bg-white hover:text-indigo-800 transition\">\n        \u062c\u062f\u0648\u0644\u0629 \u0639\u0631\u0636 \u062a\u0648\u0636\u064a\u062d\u064a\n<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Service Details -->\n    <section class=\"py-20 bg-white\" id=\"services\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"section-title\">\u0634\u0627\u0645\u0644 <span class=\"text-primary\">\u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/span><\/h2>\n                <p class=\"section-subtitle\">\n                    \u0643\u0644 \u0645\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u064a\u0647 \u0644\u0625\u0646\u0634\u0627\u0621 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0625\u0637\u0644\u0627\u0642\u0647\u0627 \u0648\u062a\u0648\u0633\u064a\u0639 \u0646\u0637\u0627\u0642\u0647\u0627\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u062e\u062f\u0645\u0627\u062a \u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u062d\u0631\u0627\u0633\u0629<\/h3>\n                    <p class=\"service-description\">\n                        \u062d\u0644 \u0645\u062d\u0641\u0638\u0629 \u0648\u0635\u0627\u064a\u0629 \u0643\u0627\u0645\u0644 \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0645\u0639 \u0623\u0645\u0627\u0646 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0637\u0628\u0642\u0627\u062a \u0648\u062d\u0645\u0627\u064a\u0629 \u0644\u0644\u0623\u0645\u0648\u0627\u0644. \u0645\u062b\u0627\u0644\u064a\u0629 \u0644\u0644\u0628\u0648\u0631\u0635\u0627\u062a \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u0641\u064a\u0629 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0627\u0644\u064a\u0629.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u062d\u0645\u0627\u064a\u0629 \u0645\u062a\u0639\u062f\u062f\u0629 \u0627\u0644\u062a\u0648\u0627\u0642\u064a\u0639<\/li>\n                        <li>\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0628\u0627\u0631\u062f<\/li>\n                        <li>\u0627\u0644\u062a\u063a\u0637\u064a\u0629 \u0627\u0644\u062a\u0623\u0645\u064a\u0646\u064a\u0629<\/li>\n                        <li>\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-user-shield\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u0627\u0644\u062d\u0644\u0648\u0644 \u063a\u064a\u0631 \u0627\u0644\u0627\u062d\u062a\u062c\u0627\u0632\u064a\u0629<\/h3>\n                    <p class=\"service-description\">\n                        \u062a\u0645\u0643\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0645\u0646 \u0627\u0644\u062d\u0631\u0627\u0633\u0629 \u0627\u0644\u0630\u0627\u062a\u064a\u0629 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u062a\u062c\u0631\u0628\u0629 \u0633\u0644\u0633\u0629. \u0645\u062b\u0627\u0644\u064a \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a DeFi \u0648\u0645\u0646\u0635\u0627\u062a Web3.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0627\u0644\u062e\u0627\u0635\u0629 \u0627\u0644\u062a\u064a \u064a\u062a\u062d\u0643\u0645 \u0641\u064a\u0647\u0627 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/li>\n                        <li>\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u062f\u0627\u062f \u0628\u062f\u0648\u0646 \u0628\u0630\u0648\u0631<\/li>\n                        <li>\u062a\u0643\u0627\u0645\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u062a\u0633\u062c\u064a\u0644 \u0627\u0644\u062f\u062e\u0648\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a<\/li>\n                        <li>\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0631\u0633\u0648\u0645 \u0627\u0644\u063a\u0627\u0632 \u0627\u0644\u0645\u0633\u062a\u062e\u0631\u062c\u0629<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-code\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0648\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a SDK<\/h3>\n                    <p class=\"service-description\">\n                        \u0623\u062f\u0648\u0627\u062a \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646 \u0644\u062f\u0645\u062c \u0648\u0638\u0627\u0626\u0641 \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0641\u064a \u0623\u064a \u062a\u0637\u0628\u064a\u0642 \u0628\u0623\u0642\u0644 \u0642\u062f\u0631 \u0645\u0646 \u0627\u0644\u062a\u0631\u0645\u064a\u0632.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a REST \u0648 GraphQL<\/li>\n                        <li>\u062d\u0632\u0645 SDK \u0644\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u0648\u064a\u0628<\/li>\n                        <li>\u0625\u0634\u0639\u0627\u0631\u0627\u062a \u062e\u0637\u0627\u0641 \u0627\u0644\u0648\u064a\u0628<\/li>\n                        <li>\u0648\u062b\u0627\u0626\u0642 \u0645\u0641\u0635\u0651\u0644\u0629<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-exchange-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/h3>\n                    <p class=\"service-description\">\n                        \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0628\u0633\u0637\u0629 \u0644\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0639\u0628\u0631 \u0633\u0644\u0627\u0633\u0644 \u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0645\u062a\u0639\u062f\u062f\u0629 \u0645\u0639 \u0636\u0648\u0627\u0628\u0637 \u0623\u0645\u0646\u064a\u0629 \u0648\u0645\u0631\u0627\u0642\u0628\u0629 \u0645\u062f\u0645\u062c\u0629.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062f\u064f\u0641\u0639\u0627\u062a<\/li>\n                        <li>\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0631\u0633\u0648\u0645<\/li>\n                        <li>\u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a<\/li>\n                        <li>\u062a\u062a\u0628\u0639 \u0627\u0644\u062d\u0627\u0644\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-chart-line\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u0630\u0643\u0627\u0621 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/h3>\n                    <p class=\"service-description\">\n                        \u0623\u062f\u0648\u0627\u062a \u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0642\u0648\u064a\u0629 \u0644\u0627\u0643\u062a\u0633\u0627\u0628 \u0631\u0624\u0649 \u062d\u0648\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0648\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u0633\u0644\u0648\u0643 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u0644\u0648\u062d\u0627\u062a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062e\u0635\u064a\u0635<\/li>\n                        <li>\u0645\u0631\u0627\u0642\u0628\u0629 \u0646\u0634\u0627\u0637 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/li>\n                        <li>\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/li>\n                        <li>\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0625\u0639\u062f\u0627\u062f \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-cogs\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\u062d\u0644 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621<\/h3>\n                    <p class=\"service-description\">\n                        \u0648\u0627\u062c\u0647\u0629 \u0645\u062d\u0641\u0638\u0629 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062e\u0635\u064a\u0635 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u062a\u062a\u0643\u0627\u0645\u0644 \u0628\u0633\u0644\u0627\u0633\u0629 \u0645\u0639 \u0647\u0648\u064a\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\u0645\u0643\u0648\u0646\u0627\u062a \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645 \u0630\u0627\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/li>\n                        <li>\u062f\u0639\u0645 \u0627\u0644\u0646\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0645\u062e\u0635\u0635\u0629<\/li>\n                        <li>\u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0633\u0645\u0629<\/li>\n                        <li>\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u0648\u0637\u064a\u0646<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n         <!-- Feature Demo -->\n <section class=\"py-20 bg-gray-50\" id=\"features\">\n  <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16 fade-in\">\n          <h2 class=\"section-title\">\u0642\u0648\u064a\u0629 <span class=\"text-primary\">\u0627\u0644\u0645\u064a\u0632\u0627\u062a<\/span> \u0641\u064a \u0627\u0644\u0639\u0645\u0644<\/h2>\n          <p class=\"section-subtitle\">\n              \u062a\u0639\u0631\u0651\u0641 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0640 Exchain WaaS \u062a\u062d\u0648\u064a\u0644 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u062f\u064a\u0643\n          <\/p>\n      <\/div>\n      \n      <div class=\"feature-tabs fade-in\">\n          <div class=\"tab-navigation\">\n              <button class=\"tab-btn active btn-primary group-hover:text-white\" data-tab=\"tab1\">\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u0641\u0638\u0629<\/button>\n              <button class=\"tab-btn btn-primary group-hover:text-white\" data-tab=\"tab2\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/button>\n              <button class=\"tab-btn btn-primary group-hover:text-white\" data-tab=\"tab3\">\u0627\u0644\u0636\u0648\u0627\u0628\u0637 \u0627\u0644\u0623\u0645\u0646\u064a\u0629<\/button>\n              <button class=\"tab-btn btn-primary group-hover:text-white\" data-tab=\"tab4\">\u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a<\/button>\n          <\/div>\n          \n          <div class=\"tab-content-container\">\n              <div class=\"tab-content active\" id=\"tab1\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\u0625\u0646\u0634\u0627\u0621 \u0645\u062d\u0641\u0638\u0629 \u0641\u0648\u0631\u064a<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \u0623\u0646\u0634\u0626 \u0645\u062d\u0627\u0641\u0638 \u0644\u0633\u0644\u0627\u0633\u0644 \u0628\u0644\u0648\u0643\u062a\u0634\u064a\u0646 \u0645\u062a\u0639\u062f\u062f\u0629 \u0628\u0645\u0643\u0627\u0644\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 \u0644\u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u0645\u062c\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u0627\u062d\u062f\u0629. \u062f\u0639\u0645 \u0644\u0623\u0643\u062b\u0631 \u0645\u0646 50 \u0633\u0644\u0633\u0644\u0629 \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0625\u064a\u062b\u064a\u0631\u064a\u0648\u0645 \u0648\u0627\u0644\u0628\u064a\u062a\u0643\u0648\u064a\u0646 \u0648\u0633\u0648\u0644\u0627\u0646\u0627 \u0648\u063a\u064a\u0631\u0647\u0627.\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>\u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0637\u0644\u0628 \u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a (API)<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>POST \/api\/API\/v1\/wallets\n{\n\"\u0627\u0644\u0633\u0644\u0633\u0644\u0629\": \"\u0625\u064a\u062b\u064a\u0631\u064a\u0648\u0645\",\n\"\u0627\u0644\u062a\u0633\u0645\u064a\u0629\": \"\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\",\n\"user_id\": \"user_12345\"\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">50+<\/span>\n                                  <span class=\"stat-label\">\u0627\u0644\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0645\u062f\u0639\u0648\u0645\u0629<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">&lt; 1s<\/span>\n                                  <span class=\"stat-label\">\u0648\u0642\u062a \u0627\u0644\u0625\u0646\u0634\u0627\u0621<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">\u221e<\/span>\n                                  <span class=\"stat-label\">\u0633\u0639\u0629 \u0627\u0644\u062a\u062d\u062c\u064a\u0645<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u0641\u0638\u0629<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-form\">\n                                          <div class=\"demo-input-group\">\n                                              <label>\u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646<\/label>\n                                              <select>\n                                                  <option>\u0627\u0644\u0625\u064a\u062b\u064a\u0631\u064a\u0648\u0645<\/option>\n                                                  <option>\u0627\u0644\u0628\u064a\u062a\u0643\u0648\u064a\u0646<\/option>\n                                                  <option>\u0633\u0648\u0644\u0627\u0646\u0627<\/option>\n                                                  <option>\u0633\u0644\u0633\u0644\u0629 \u0628\u064a\u0646\u0627\u0646\u0633 \u0627\u0644\u0630\u0643\u064a\u0629<\/option>\n                                              <\/select>\n                                          <\/div>\n                                          <div class=\"demo-input-group\">\n                                              <label>\u0645\u0644\u0635\u0642 \u0627\u0644\u0645\u062d\u0641\u0638\u0629<\/label>\n                                              <input type=\"text\" value=\"My Trading Wallet\">\n                                          <\/div>\n                                          <div class=\"demo-input-group\">\n                                              <label>\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0623\u0645\u0627\u0646<\/label>\n                                              <select>\n                                                  <option>\u0642\u064a\u0627\u0633\u064a<\/option>\n                                                  <option>\u0645\u062d\u0633\u0651\u0646<\/option>\n                                                  <option>\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u0642\u0635\u0649<\/option>\n                                              <\/select>\n                                          <\/div>\n                                          <button class=\"demo-btn\">\u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u0641\u0638\u0629<\/button>\n                                      <\/div>\n                                      <div class=\"demo-result\">\n                                          <div class=\"demo-success\">\n                                              <i class=\"fas fa-check-circle\"><\/i>\n                                              <span>\u062a\u0645 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0628\u0646\u062c\u0627\u062d!<\/span>\n                                          <\/div>\n                                          <div class=\"demo-details\">\n                                              <div class=\"demo-detail-item\">\n                                                  <span>\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0645\u062d\u0641\u0638\u0629:<\/span>\n                                                  <code>0x71C765C7...1B5f6d8976F<\/code>\n                                              <\/div>\n                                              <div class=\"demo-detail-item\">\n                                                  <span>\u0627\u0644\u0633\u0644\u0633\u0644\u0629:<\/span>\n                                                  <code>\u0627\u0644\u0625\u064a\u062b\u064a\u0631\u064a\u0648\u0645<\/code>\n                                              <\/div>\n                                              <div class=\"demo-detail-item\">\n                                                  <span>\u062a\u0645 \u0625\u0646\u0634\u0627\u0624\u0647\u0627:<\/span>\n                                                  <code>2023-04-15 14:32:45 \u064a\u0648\u062a\u0643<\/code>\n                                              <\/div>\n                                          <\/div>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n              \n              <div class=\"tab-content\" id=\"tab2\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u062f\u0648\u0646 \u0639\u0646\u0627\u0621<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \u062a\u0628\u0633\u064a\u0637 \u0633\u064a\u0631 \u0639\u0645\u0644 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0645\u0636\u0645\u0646\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a. \u062a\u062d\u0633\u064a\u0646 \u0631\u0633\u0648\u0645 \u0627\u0644\u063a\u0627\u0632 \u0648\u0636\u0645\u0627\u0646 \u0646\u062c\u0627\u062d \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a.\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>\u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0637\u0644\u0628 \u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a (API)<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>POST \/API\/API\/v1\/transactions\n{\n\"wallet_id\": \"wallet_67890\",\n\"to_address\": \"0x8731d54E9D02c286767d56ac03e8037C07e01e98\",\n\"\u0627\u0644\u0645\u0628\u0644\u063a\": \"0.5\",\n\"\u0627\u0644\u0631\u0645\u0632 \u0627\u0644\u0645\u0645\u064a\u0632\": \"ETH\",\n\"gas_priority\": \"\u0642\u064a\u0627\u0633\u064a\"\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">99.9%<\/span>\n                                  <span class=\"stat-label\">\u0645\u0639\u062f\u0644 \u0627\u0644\u0646\u062c\u0627\u062d<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">30%<\/span>\n                                  <span class=\"stat-label\">\u0627\u0644\u062a\u0648\u0641\u064a\u0631 \u0641\u064a \u0627\u0644\u063a\u0627\u0632<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">100+<\/span>\n                                  <span class=\"stat-label\">\u0627\u0644\u0631\u0645\u0648\u0632 \u0627\u0644\u0645\u062f\u0639\u0648\u0645\u0629<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-transaction\">\n                                          <div class=\"demo-wallet-info\">\n                                              <div>\n                                                  <small>\u0645\u0646 \u0627\u0644\u0645\u062d\u0641\u0638\u0629<\/small>\n                                                  <p class=\"font-medium\">\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u062a\u062f\u0627\u0648\u0644 (0x71C7...976F)<\/p>\n                                              <\/div>\n                                              <div>\n                                                  <small>\u0627\u0644\u0631\u0635\u064a\u062f<\/small>\n                                                  <p class=\"font-medium\">5.24 ETH 5.24<\/p>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-input-group\">\n                                              <label>\u0639\u0646\u0648\u0627\u0646 \u0627\u0644\u0645\u0633\u062a\u0644\u0645<\/label>\n                                              <input type=\"text\" value=\"0x8731d54E9D02c286767d56ac03e8037C07e01e98\">\n                                          <\/div>\n                                          \n                                          <div class=\"demo-amount-input\">\n                                              <div>\n                                                  <label>\u0627\u0644\u0645\u0628\u0644\u063a<\/label>\n                                                  <div class=\"flex\">\n                                                      <input type=\"text\" value=\"0.5\">\n                                                      <select>\n                                                          <option>ETH<\/option>\n                                                          <option>USDT<\/option>\n                                                          <option>USDC<\/option>\n                                                      <\/select>\n                                                  <\/div>\n                                              <\/div>\n                                              <p class=\"text-right text-sm text-gray-500\">\u2248 $924.50 \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a<\/p>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-gas-options\">\n                                              <label>\u0623\u0648\u0644\u0648\u064a\u0629 \u0627\u0644\u063a\u0627\u0632<\/label>\n                                              <div class=\"flex gap-2\">\n                                                  <button class=\"demo-gas-btn\">\u0628\u0637\u064a\u0621<small><\/small><\/button>\n                                                  <button class=\"demo-gas-btn active\">\u0642\u064a\u0627\u0633\u064a<small><\/small><\/button>\n                                                  <button class=\"demo-gas-btn\">\u0633\u0631\u064a\u0639<small><\/small><\/button>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <button class=\"demo-btn\">\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0629<\/button>\n                                          \n                                          <div class=\"demo-transaction-status\">\n                                              <div class=\"demo-status-step active\">\n                                                  <div class=\"demo-status-icon\"><i class=\"fas fa-check\"><\/i><\/div>\n                                                  <div class=\"demo-status-text\">\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u0645 \u0625\u0646\u0634\u0627\u0624\u0647\u0627<\/div>\n                                              <\/div>\n                                              <div class=\"demo-status-step active\">\n                                                  <div class=\"demo-status-icon\"><i class=\"fas fa-check\"><\/i><\/div>\n                                                  <div class=\"demo-status-text\">\u062a\u0645 \u0627\u0644\u0628\u062b \u0625\u0644\u0649 \u0627\u0644\u0634\u0628\u0643\u0629<\/div>\n                                              <\/div>\n                                              <div class=\"demo-status-step active pulse\">\n                                                  <div class=\"demo-status-icon\"><i class=\"fas fa-circle-notch fa-spin\"><\/i><\/div>\n                                                  <div class=\"demo-status-text\">\u0641\u064a \u0627\u0646\u062a\u0638\u0627\u0631 \u0627\u0644\u062a\u0623\u0643\u064a\u062f<\/div>\n                                              <\/div>\n                                              <div class=\"demo-status-step\">\n                                                \n                                              <\/div>\n                                          <\/div>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n              \n              <div class=\"tab-content\" id=\"tab3\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\u0636\u0648\u0627\u0628\u0637 \u0623\u0645\u0646\u064a\u0629 \u0645\u0646 \u0627\u0644\u062f\u0631\u062c\u0629 \u0627\u0644\u0639\u0633\u0643\u0631\u064a\u0629<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \u062d\u0645\u0627\u064a\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0623\u0645\u0627\u0646 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0637\u0628\u0642\u0627\u062a \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u062a\u0642\u0646\u064a\u0629 MPC \u0648\u0648\u062d\u062f\u0627\u062a \u0623\u0645\u0627\u0646 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0648\u0633\u064a\u0631 \u0639\u0645\u0644 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u062e\u0635\u064a\u0635.\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>\u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0623\u0645\u0627\u0646<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>\/\/ \u062a\u0643\u0648\u064a\u0646 \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0623\u0645\u0627\u0646\n{\n\"policy_id\": \"pol_12345\",\n\"approval_threshold\": 2,\n\"\u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0648\u0646\": [\"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645_1\"\u060c \"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645_2\"\u060c \"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645_3\"],\n\"\u062d\u062f\u0648\u062f_\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a\": {\n\"\u064a\u0648\u0645\u064a\u064b\u0627\": \"50000\",\n\"\u0641\u0631\u062f\u064a\": \"10000\"\n},\n\"whitelist_only\": \u0635\u062d\u064a\u062d\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">MPC<\/span>\n                                  <span class=\"stat-label\">\u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">HSM<\/span>\n                                  <span class=\"stat-label\">\u0627\u0644\u062a\u0643\u0627\u0645\u0644<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">$0<\/span>\n                                  <span class=\"stat-label\">\u0627\u0644\u062e\u0633\u0627\u0626\u0631 \u062d\u062a\u0649 \u062a\u0627\u0631\u064a\u062e\u0647<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\u0639\u0631\u0636 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0636\u0648\u0627\u0628\u0637 \u0627\u0644\u0623\u0645\u0627\u0646<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-security\">\n                                          <div class=\"demo-security-header\">\n                                              <h3>\u0633\u064a\u0627\u0633\u0629 \u0623\u0645\u0646 \u0627\u0644\u062e\u0632\u064a\u0646\u0629<\/h3>\n                                              <span class=\"demo-security-badge\">\u0646\u0634\u0637<\/span>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-security-section\">\n                                              <h4>\u0625\u0639\u062f\u0627\u062f \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u062a\u0648\u0627\u0642\u064a\u0639<\/h4>\n                                              <div class=\"demo-multi-sig\">\n                                                  <div class=\"demo-multi-sig-threshold\">\n                                                      <span>\u0639\u062a\u0628\u0629 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629:<\/span>\n                                                      <div class=\"flex items-center\">\n                                                          <span class=\"demo-threshold\">2<\/span>\n                                                          <span>\u0645\u0646<\/span>\n                                                          <span class=\"demo-threshold\">3<\/span>\n                                                      <\/div>\n                                                  <\/div>\n                                                  <div class=\"demo-approvers\">\n                                                      <div class=\"demo-approver\">\n                                                          <div class=\"demo-approver-avatar\">\u062f\u064a\u0646\u0627\u0631 \u0623\u0631\u062f\u0646\u064a<\/div>\n                                                          <div class=\"demo-approver-name\">\u062c\u0648\u0646 \u062f\u0648<\/div>\n                                                          <div class=\"demo-approver-role\">\u0627\u0644\u0645\u062f\u064a\u0631 \u0627\u0644\u0645\u0627\u0644\u064a<\/div>\n                                                      <\/div>\n                                                      <div class=\"demo-approver\">\n                                                          <div class=\"demo-approver-avatar\">\u0627\u0644\u0634\u0628\u064a\u0628\u0629<\/div>\n                                                          <div class=\"demo-approver-name\">\u062c\u064a\u0646 \u0633\u0645\u064a\u062b<\/div>\n                                                          <div class=\"demo-approver-role\">\u0631\u0626\u064a\u0633 \u0642\u0633\u0645 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627<\/div>\n                                                      <\/div>\n                                                      <div class=\"demo-approver\">\n                                                          <div class=\"demo-approver-avatar\">\u0627\u0644\u0628\u064a\u0631\u0648\u0642\u0631\u0627\u0637\u064a\u0629<\/div>\n                                                          <div class=\"demo-approver-name\">\u0631\u0648\u0628\u0631\u062a \u0628\u0631\u0627\u0648\u0646<\/div>\n                                                          <div class=\"demo-approver-role\">\u0627\u0644\u0631\u0626\u064a\u0633 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a<\/div>\n                                                      <\/div>\n                                                  <\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-security-section\">\n                                              <h4>\u062d\u062f\u0648\u062f \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/h4>\n                                              <div class=\"demo-limits\">\n                                                  <div class=\"demo-limit\">\n                                                      <span>\u0645\u0639\u0627\u0645\u0644\u0629 \u0648\u0627\u062d\u062f\u0629:<\/span>\n                                                      <span class=\"font-medium\">$10,000<\/span>\n                                                  <\/div>\n                                                  <div class=\"demo-limit\">\n                                                      <span>\u0627\u0644\u062d\u062f \u0627\u0644\u064a\u0648\u0645\u064a:<\/span>\n                                                      <span class=\"font-medium\">$50,000<\/span>\n                                                  <\/div>\n                                                  <div class=\"demo-limit\">\n                                                      <span>\u0627\u0644\u062d\u062f \u0627\u0644\u0634\u0647\u0631\u064a:<\/span>\n                                                      <span class=\"font-medium\">$500,000<\/span>\n                                                  <\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-security-section\">\n                                              <h4>\u0623\u0645\u0627\u0646 \u0645\u062a\u0642\u062f\u0645<\/h4>\n                                              <div class=\"demo-security-options\">\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\u0648\u0636\u0639 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0628\u064a\u0636\u0627\u0621 \u0641\u0642\u0637<\/label>\n                                                  <\/div>\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\u0642\u0641\u0644 \u0627\u0644\u0648\u0642\u062a (24 \u0633\u0627\u0639\u0629 \u0644\u0644\u0639\u0646\u0627\u0648\u064a\u0646 \u0627\u0644\u062c\u062f\u064a\u062f\u0629)<\/label>\n                                                  <\/div>\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\u0648\u062d\u062f\u0629 \u0623\u0645\u0627\u0646 \u0627\u0644\u0623\u062c\u0647\u0632\u0629 (HSM)<\/label>\n                                                  <\/div>\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\u062a\u0642\u0627\u0633\u0645 \u0645\u0641\u0627\u062a\u064a\u062d MPC<\/label>\n                                                  <\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <button class=\"demo-btn\">\u062a\u062d\u062f\u064a\u062b \u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u0623\u0645\u0627\u0646<\/button>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n              \n              <div class=\"tab-content\" id=\"tab4\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0631\u0624\u0649 \u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a. \u0631\u0627\u0642\u0628 \u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0648\u0623\u0646\u0645\u0627\u0637 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0648\u0633\u0644\u0648\u0643 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>\u0645\u062b\u0627\u0644 \u0639\u0644\u0649 \u0637\u0644\u0628 \u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a (API)<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>GET \/API\/API\/v1\/analytics\/summary\n{\n\"time_range\": \"\u0622\u062e\u0631_30_\u064a\u0648\u0645\",\n\"group_by\": \"\u064a\u0648\u0645\u064a\",\n\"\u0627\u0644\u0645\u0642\u0627\u064a\u064a\u0633\": [\"\u062d\u062c\u0645_\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a\", \"\u0627\u0644\u0645\u062d\u0627\u0641\u0638_\u0627\u0644\u0646\u0634\u0637\u0629\", \"\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0627\u0644\u062c\u062f\u062f\"]\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/span>\n                                  <span class=\"stat-label\">\u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">15+<\/span>\n                                  <span class=\"stat-label\">\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">\u0645\u062e\u0635\u0635<\/span>\n                                  <span class=\"stat-label\">\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-analytics\">\n                                          <div class=\"demo-analytics-header\">\n                                              <h3>\u0646\u0638\u0631\u0629 \u0639\u0627\u0645\u0629 \u0639\u0644\u0649 \u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0627\u0644\u0645\u062d\u0641\u0638\u0629<\/h3>\n                                             \n                                          <\/div>\n                                          \n                                          <div class=\"demo-metrics-grid\">\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">3,254<\/div>\n                                                  <div class=\"demo-metric-label\">\u0627\u0644\u0645\u062d\u0627\u0641\u0638 \u0627\u0644\u0646\u0634\u0637\u0629<\/div>\n                                                  <div class=\"demo-metric-change positive\">+12% \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u0627\u0636\u064a<\/div>\n                                              <\/div>\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">$1.2M<\/div>\n                                                  <div class=\"demo-metric-label\">\u062d\u062c\u0645 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a<\/div>\n                                                  <div class=\"demo-metric-change positive\">+8% \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u0627\u0636\u064a<\/div>\n                                              <\/div>\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">547<\/div>\n                                                  <div class=\"demo-metric-label\">\u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0627\u0644\u062c\u062f\u062f<\/div>\n                                                  <div class=\"demo-metric-change positive\">+15% \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u0627\u0636\u064a<\/div>\n                                              <\/div>\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">$3.42<\/div>\n                                                  <div class=\"demo-metric-label\">\u0645\u062a\u0648\u0633\u0637 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u063a\u0627\u0632<\/div>\n                                                  <div class=\"demo-metric-change negative\">+5% \u0645\u0642\u0627\u0628\u0644 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0645\u0627\u0636\u064a<\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-chart\">\n                                              <div class=\"demo-chart-header\">\n                                                  <h4>\u062d\u062c\u0645 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a (\u0622\u062e\u0631 7 \u0623\u064a\u0627\u0645)<\/h4>\n                                                  <div class=\"demo-chart-legend\">\n                                                      <div class=\"demo-legend-item\">\n                                                          <span class=\"demo-legend-color bg-blue-500\"><\/span>\n                                                          <span>\u0627\u0644\u0625\u064a\u062b\u064a\u0631\u064a\u0648\u0645<\/span>\n                                                      <\/div>\n                                                      <div class=\"demo-legend-item\">\n                                                          <span class=\"demo-legend-color bg-purple-500\"><\/span>\n                                                          <span>\u0627\u0644\u0628\u064a\u062a\u0643\u0648\u064a\u0646<\/span>\n                                                      <\/div>\n                                                      <div class=\"demo-legend-item\">\n                                                          <span class=\"demo-legend-color bg-green-500\"><\/span>\n                                                          <span>\u0633\u0648\u0644\u0627\u0646\u0627<\/span>\n                                                      <\/div>\n                                                  <\/div>\n                                              <\/div>\n                                              <div class=\"demo-chart-container\">\n                                                  <svg class=\"demo-chart-svg\" viewbox=\"0 0 350 140\">\n                                                      <!-- X Axis -->\n                                                      <line x1=\"40\" y1=\"110\" x2=\"330\" y2=\"110\" stroke=\"#e5e7eb\" stroke-width=\"1\"\/>\n                                                      <!-- Y Axis -->\n                                                      <line x1=\"40\" y1=\"20\" x2=\"40\" y2=\"110\" stroke=\"#e5e7eb\" stroke-width=\"1\"\/>\n                                                      \n                                                      <!-- Grid lines -->\n                                                      <line x1=\"40\" y1=\"65\" x2=\"330\" y2=\"65\" stroke=\"#e5e7eb\" stroke-width=\"0.5\" stroke-dasharray=\"3,3\"\/>\n                                                      <line x1=\"40\" y1=\"20\" x2=\"330\" y2=\"20\" stroke=\"#e5e7eb\" stroke-width=\"0.5\" stroke-dasharray=\"3,3\"\/>\n                                                      \n                                                      <!-- Labels -->\n                                                      <text x=\"40\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u0627\u0644\u0625\u062b\u0646\u064a\u0646<\/text>\n                                                      <text x=\"90\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u0627\u0644\u062b\u0644\u0627\u062b\u0627\u0621<\/text>\n                                                      <text x=\"140\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u0627\u0644\u0623\u0631\u0628\u0639\u0627\u0621<\/text>\n                                                      <text x=\"190\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u0627\u0644\u062e\u0645\u064a\u0633<\/text>\n                                                      <text x=\"240\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u0627\u0644\u062c\u0645\u0639\u0629<\/text>\n                                                      <text x=\"290\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u0633\u0628\u062a<\/text>\n                                                      <text x=\"330\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\u0627\u0644\u0634\u0645\u0633<\/text>\n                                                      \n                                                      <text x=\"30\" y=\"110\" text-anchor=\"end\" font-size=\"8\">0<\/text>\n                                                      <text x=\"30\" y=\"65\" text-anchor=\"end\" font-size=\"8\">500K<\/text>\n                                                      <text x=\"30\" y=\"20\" text-anchor=\"end\" font-size=\"8\">1M<\/text>\n                                                      \n                                                      <!-- Ethereum Line -->\n                                                      <path d=\"M40,80 L90,75 L140,65 L190,70 L240,60 L290,50 L330,40\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\"\/>\n                                                      <!-- Bitcoin Line -->\n                                                      <path d=\"M40,90 L90,85 L140,88 L190,80 L240,75 L290,70 L330,75\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"2\"\/>\n                                                      <!-- Solana Line -->\n                                                      <path d=\"M40,95 L90,90 L140,85 L190,87 L240,80 L290,75 L330,65\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2\"\/>\n                                                      \n                                                      <!-- Data points Ethereum -->\n                                                      <circle cx=\"40\" cy=\"80\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"90\" cy=\"75\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"140\" cy=\"65\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"190\" cy=\"70\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"240\" cy=\"60\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"290\" cy=\"50\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"330\" cy=\"40\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      \n                                                      <!-- Data points Bitcoin -->\n                                                      <circle cx=\"40\" cy=\"90\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"90\" cy=\"85\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"140\" cy=\"88\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"190\" cy=\"80\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"240\" cy=\"75\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"290\" cy=\"70\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"330\" cy=\"75\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      \n                                                      <!-- Data points Solana -->\n                                                      <circle cx=\"40\" cy=\"95\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"140\" cy=\"85\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"190\" cy=\"87\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"240\" cy=\"80\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"290\" cy=\"75\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"330\" cy=\"65\" r=\"3\" fill=\"#10b981\"\/>\n                                                  <\/svg>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-analytics-footer\">\n                                              <button class=\"demo-btn-sm\">\u062a\u0635\u062f\u064a\u0631 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/button>\n                                              <button class=\"demo-btn-sm\">\u0625\u0646\u0634\u0627\u0621 \u062a\u0642\u0631\u064a\u0631<\/button>\n                                          <\/div>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n          <\/div>\n      <\/div>\n  <\/div>\n<\/section>\n\n    <!-- Why Choose Us -->\n    <section class=\"py-20 bg-white\" id=\"why-us\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"section-title\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 <span class=\"text-primary\">\u0625\u0643\u0633\u0634\u0627\u064a\u0646 \u0648\u0627\u0633<\/span>?<\/h2>\n                <p class=\"section-subtitle\">\n                    \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0628\u0647 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u062c\u0627\u062f\u0629 \u0641\u064a \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-12\">\n                <div class=\"benefit-card fade-in\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-rocket\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u0627\u0644\u0646\u0634\u0631 \u0627\u0644\u0633\u0631\u064a\u0639<\/h3>\n                        <p class=\"benefit-description\">\n                            \u0623\u0637\u0644\u0642 \u062d\u0644 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643 \u0641\u064a \u0623\u064a\u0627\u0645 \u0648\u0644\u064a\u0633 \u0623\u0634\u0647\u0631. \u062a\u0639\u0645\u0644 \u0645\u0643\u0648\u0646\u0627\u062a\u0646\u0627 \u0648\u0642\u0648\u0627\u0644\u0628\u0646\u0627 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0645\u0633\u0628\u0642\u064b\u0627 \u0639\u0644\u0649 \u062a\u0633\u0631\u064a\u0639 \u0648\u0642\u062a \u0648\u0635\u0648\u0644\u0643 \u0625\u0644\u0649 \u0627\u0644\u0633\u0648\u0642 \u0628\u0645\u0627 \u064a\u0635\u0644 \u0625\u0644\u0649 80%.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.1\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u0623\u0645\u0627\u0646 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/h3>\n                        <p class=\"benefit-description\">\n                            \u0623\u0645\u0627\u0646 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0628\u0646\u0648\u0643 \u0645\u0639 \u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0623\u0645\u0646 \u0627\u0644\u0634\u0628\u0643\u0627\u062a (HSM)\u060c \u0648\u0628\u0631\u0648\u062a\u0648\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u062a\u0648\u0642\u064a\u0639\u0627\u062a \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629\u060c \u0648\u062a\u0642\u0646\u064a\u0629 MPC. \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0623\u0645\u0646\u064a \u0627\u0644\u0645\u0646\u062a\u0638\u0645\u0629 \u0648\u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0642.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.2\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-expand-alt\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u0642\u0627\u0628\u0644\u064a\u0629 \u062a\u0648\u0633\u0639 \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\u0629<\/h3>\n                        <p class=\"benefit-description\">\n                            \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0628\u0646\u064a\u0629 \u0633\u062d\u0627\u0628\u064a\u0629 \u0623\u0635\u0644\u064a\u0629 \u062a\u062a\u0648\u0633\u0639 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b \u0645\u0639 \u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0644\u062f\u064a\u0643. \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0645\u0644\u0627\u064a\u064a\u0646 \u0627\u0644\u0645\u062d\u0627\u0641\u0638 \u0648\u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u062f\u0648\u0646 \u062a\u062f\u0647\u0648\u0631 \u0627\u0644\u0623\u062f\u0627\u0621.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.3\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-globe\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u062f\u0639\u0645 \u0627\u0644\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0645\u062a\u0639\u062f\u062f\u0629<\/h3>\n                        <p class=\"benefit-description\">\n                            \u062f\u0639\u0645 \u0623\u0643\u062b\u0631 \u0645\u0646 50 \u0633\u0644\u0633\u0644\u0629 \u0628\u0644\u0648\u0643\u062a\u0634\u064a\u0646 \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0627\u0644\u0625\u064a\u062b\u064a\u0631\u064a\u0648\u0645\u060c \u0648\u0633\u0648\u0644\u0627\u0646\u0627\u060c \u0648\u0633\u0644\u0633\u0644\u0629 \u0628\u064a\u0646\u0627\u0646\u0633 \u0627\u0644\u0630\u0643\u064a\u0629\u060c \u0648\u0628\u0648\u0644\u0643\u0627\u062f\u0648\u062a\u060c \u0648\u063a\u064a\u0631\u0647\u0627. \u0633\u0644\u0627\u0633\u0644 \u062c\u062f\u064a\u062f\u0629 \u062a\u064f\u0636\u0627\u0641 \u0628\u0627\u0646\u062a\u0638\u0627\u0645.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.4\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-plug\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0633\u0644\u0633<\/h3>\n                        <p class=\"benefit-description\">\n                            \u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0634\u0627\u0645\u0644\u0629\u060c \u0648\u062d\u0632\u0645 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a\u060c \u0648\u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0625\u0636\u0627\u0641\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0623\u0646\u0638\u0645\u062a\u0643 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0643 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0628\u0623\u0642\u0644 \u062c\u0647\u062f \u062a\u0637\u0648\u064a\u0631\u064a \u0645\u0645\u0643\u0646.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.5\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-headset\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\u062f\u0639\u0645 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629 \u0637\u0648\u0627\u0644 \u0623\u064a\u0627\u0645 \u0627\u0644\u0623\u0633\u0628\u0648\u0639<\/h3>\n                        <p class=\"benefit-description\">\n                            \u0645\u062f\u064a\u0631\u0648 \u062d\u0633\u0627\u0628\u0627\u062a \u0645\u062e\u0635\u0635\u0648\u0646 \u0648\u0641\u0631\u0642 \u062f\u0639\u0645 \u0641\u0646\u064a \u0645\u062a\u0627\u062d\u0648\u0646 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629. \u0648\u062b\u0627\u0626\u0642 \u0634\u0627\u0645\u0644\u0629 \u0648\u0645\u0648\u0627\u0631\u062f \u0634\u0627\u0645\u0644\u0629 \u0644\u0644\u0645\u0637\u0648\u0631\u064a\u0646.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n    \n        <\/div>\n    <\/section>\n\n\n   \n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38072ce0 e-flex e-con-boxed e-con e-parent\" data-id=\"38072ce0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f2fc94e elementor-widget elementor-widget-heading\" data-id=\"4f2fc94e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ae3209e elementor-widget elementor-widget-tfaccordion\" data-id=\"3ae3209e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tfaccordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"tf-accordion\"> \r\n\t\t\t\t<div class=\"tf-accordion-item active\"><div class=\"accordion-title icon_after active\"><span class=\"title-text\">01. \u0645\u0627 \u0647\u064a \u0628\u0648\u0631\u0635\u0629 Web3 \u0627\u0644\u0647\u062c\u064a\u0646\u0629 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0645\u062d\u0641\u0638\u0629 Web3\u061f<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\u062a\u062c\u0645\u0639 \u0628\u0648\u0631\u0635\u0629 Web3 \u0627\u0644\u0647\u062c\u064a\u0646\u0629 \u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0639\u0644\u0649 \u0645\u062d\u0641\u0638\u0629 Web3 \u0628\u064a\u0646 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0648\u0627\u0644\u0633\u064a\u0648\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0627\u0644\u062a\u064a \u062a\u062a\u0645\u062a\u0639 \u0628\u0647\u0627 \u0627\u0644\u0628\u0648\u0631\u0635\u0627\u062a \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 (CEX) \u0645\u0639 \u0627\u0644\u0623\u0645\u0627\u0646 \u0648\u0627\u0644\u062d\u0641\u0638 \u0627\u0644\u0630\u0627\u062a\u064a \u0644\u0644\u0628\u0648\u0631\u0635\u0627\u062a \u0627\u0644\u0644\u0627\u0645\u0631\u0643\u0632\u064a\u0629 (DEX). \u064a\u0645\u0643\u0646 \u0644\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0646\u0635\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u062d\u0627\u0641\u0638 Web3 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u0645\u060c \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0643\u0627\u0645\u0644 \u0641\u064a \u0645\u0641\u0627\u062a\u064a\u062d\u0647\u0645 \u0627\u0644\u062e\u0627\u0635\u0629 \u0645\u0639 \u0627\u0644\u0627\u0633\u062a\u0645\u062a\u0627\u0639 \u0628\u0633\u0631\u0639\u0627\u062a \u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0628\u0648\u0631\u0635\u0629 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u0629 \u0648\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645.<\/p><\/div><\/div><div class=\"tf-accordion-item inactive\"><div class=\"accordion-title icon_after inactive\"><span class=\"title-text\">02. \u0647\u0644 \u0623\u0635\u0648\u0644\u064a \u0622\u0645\u0646\u0629\u061f<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\u0646\u0639\u0645\u060c \u0623\u0635\u0648\u0644\u0643 \u0622\u0645\u0646\u0629 \u0644\u0644\u063a\u0627\u064a\u0629. \u0639\u0644\u0649 \u0639\u0643\u0633 \u0627\u0644\u0628\u0648\u0631\u0635\u0627\u062a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629\u060c \u062a\u0645\u0646\u062d\u0643 \u0645\u0646\u0635\u062a\u0646\u0627 \u0627\u0644\u0645\u0644\u0643\u064a\u0629 \u0627\u0644\u0643\u0627\u0645\u0644\u0629 \u0644\u0645\u0641\u0627\u062a\u064a\u062d\u0643 \u0627\u0644\u062e\u0627\u0635\u0629\u060c \u0645\u0645\u0627 \u064a\u0639\u0646\u064a \u0623\u0646 \u0644\u062f\u064a\u0643 100% \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0623\u0645\u0648\u0627\u0644\u0643. \u062a\u0636\u0645\u0646 \u0644\u0643 \u0628\u0646\u064a\u062a\u0646\u0627 \u0627\u0644\u0647\u062c\u064a\u0646\u0629 \u0623\u0646\u0647 \u0628\u064a\u0646\u0645\u0627 \u062a\u0633\u062a\u0645\u062a\u0639 \u0628\u0631\u0627\u062d\u0629 \u0627\u0644\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0631\u0643\u0632\u064a\u060c \u062a\u0638\u0644 \u0623\u0635\u0648\u0644\u0643 \u062a\u062d\u062a \u0633\u064a\u0637\u0631\u062a\u0643. \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0630\u0644\u0643\u060c \u0641\u0625\u0646\u0646\u0627 \u0646\u0633\u062a\u062e\u062f\u0645 \u062a\u0634\u0641\u064a\u0631\u0627\u064b \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0637\u0628\u0642\u0627\u062a \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u062a\u062f\u0642\u064a\u0642 \u0623\u0645\u0646\u064a \u0644\u0636\u0645\u0627\u0646 \u0623\u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0645\u0646 \u0627\u0644\u062d\u0645\u0627\u064a\u0629.<\/p><\/div><\/div><div class=\"tf-accordion-item inactive\"><div class=\"accordion-title icon_after inactive\"><span class=\"title-text\">03. \u0645\u0627 \u0647\u064a \u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u0643\u062a\u0644 \u0627\u0644\u0645\u062f\u0639\u0648\u0645\u0629\u061f<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\u0646\u062d\u0646 \u0646\u062f\u0639\u0645 \u062c\u0645\u064a\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0628\u0644\u0648\u0643 \u062a\u0634\u064a\u0646 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629. \u062a\u062a\u064a\u062d \u0644\u0643 \u0648\u0638\u064a\u0641\u0629 \u0627\u0644\u0645\u0642\u0627\u064a\u0636\u0629 \u0639\u0628\u0631 \u0627\u0644\u0633\u0644\u0627\u0633\u0644 \u0627\u0644\u062a\u064a \u0646\u0642\u062f\u0645\u0647\u0627 \u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0623\u0635\u0648\u0644 \u0628\u0633\u0644\u0627\u0633\u0629 \u0628\u064a\u0646 \u0647\u0630\u0647 \u0627\u0644\u0634\u0628\u0643\u0627\u062a \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u062f\u0648\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0628\u0637 \u0627\u0644\u0645\u0639\u0642\u062f\u0629. \u0646\u0636\u064a\u0641 \u0628\u0627\u0646\u062a\u0638\u0627\u0645 \u062f\u0639\u0645\u064b\u0627 \u0644\u0644\u0634\u0628\u0643\u0627\u062a \u0648\u0627\u0644\u0631\u0645\u0648\u0632 \u0627\u0644\u062c\u062f\u064a\u062f\u0629.<\/p><\/div><\/div><div class=\"tf-accordion-item inactive\"><div class=\"accordion-title icon_after inactive\"><span class=\"title-text\">04. \u0643\u064a\u0641 \u062a\u0639\u0645\u0644 \u0631\u0633\u0648\u0645 \u0627\u0644\u062a\u062f\u0627\u0648\u0644\u061f<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\u064a\u0642\u0648\u0645 \u0645\u062d\u0631\u0643 \u0627\u0644\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0630\u0643\u064a \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627 \u0628\u062d\u0633\u0627\u0628 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u062a\u0642\u0644\u064a\u0644 \u062a\u0643\u0627\u0644\u064a\u0641 \u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0625\u062c\u0645\u0627\u0644\u064a\u0629.<\/p><\/div><\/div>\r\n            <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Wallet as a Services &#8211; Revolutionize Digital Asset Management Redefine digital asset management with The Exchain Wallet-as-a-Service (WaaS) to ensure usability and utmost security. Get Started Contact Us Trusted by 2,000+ businesses worldwide Digital Wallet Dashboard Total Balance $42,593.83 +2.4% today Active Wallets 6 Across 3 chains Recent Transactions View All Received BTC Today, 14:43 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-216","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":126,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/216\/revisions"}],"predecessor-version":[{"id":3490,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/216\/revisions\/3490"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/media?parent=216"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}