{"id":78,"date":"2025-05-22T09:32:34","date_gmt":"2025-05-22T09:32:34","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=78"},"modified":"2025-06-26T11:20:30","modified_gmt":"2025-06-26T03:20:30","slug":"%d8%b3%d9%8a%d9%83%d8%b3","status":"publish","type":"page","link":"https:\/\/theexchain.com\/ar\/%d8%b3%d9%8a%d9%83%d8%b3\/","title":{"rendered":"\u0627\u0644\u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0645\u0631\u0643\u0632\u064a"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"78\" class=\"elementor elementor-78\" 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-4878fbb8 e-con-full e-flex e-con e-parent\" data-id=\"4878fbb8\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-26cd95c8 e-con-full e-flex e-con e-child\" data-id=\"26cd95c8\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-216c672 e-con-full e-flex e-con e-child\" data-id=\"216c672\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dadf23b elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"5dadf23b\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" 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\">CEX- \u0623\u0637\u0644\u0642 \u0627\u0644\u0639\u0646\u0627\u0646 \u0644\u0645\u0633\u062a\u0642\u0628\u0644 \u062a\u0628\u0627\u062f\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0643: \u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0648\u0627\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1d527bb5 elementor-invisible elementor-widget elementor-widget-text-editor\" data-id=\"1d527bb5\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u0628\u0648\u0627\u0628\u062a\u0643 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0644\u0639\u0635\u0631 \u0627\u0644\u062a\u0627\u0644\u064a \u0645\u0646 \u0627\u0644\u062a\u0645\u0648\u064a\u0644. \u0641\u0631\u0635 \u0622\u0645\u0646\u0629 \u0648\u0633\u0644\u0633\u0629 \u0648\u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f\u0629 \u0641\u064a \u0627\u0646\u062a\u0638\u0627\u0631\u0643.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e612e55 e-flex e-con-boxed e-con e-child\" data-id=\"e612e55\" data-element_type=\"container\" data-settings=\"{&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-01a6905 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"01a6905\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#services\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u0639\u0631\u0641 \u0627\u0644\u0645\u0632\u064a\u062f<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-701723f9 elementor-align-center elementor-invisible elementor-widget elementor-widget-button\" data-id=\"701723f9\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"\/ar\/%d8%a7%d9%84%d8%a7%d8%aa%d8%b5%d8%a7%d9%84\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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>\n\t\t<div class=\"elementor-element elementor-element-1ae4ad8 e-con-full e-flex e-con e-child\" data-id=\"1ae4ad8\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7e2af6 elementor-widget elementor-widget-html\" data-id=\"a7e2af6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <div>\n                    <div class=\"interface-preview rounded-xl overflow-hidden shadow-2xl scale-in opacity-0\" style=\"animation-delay: 0.3s;\">\n                        <div class=\"bg-gray-900 p-4 flex items-center justify-between\">\n                            <div class=\"flex space-x-2\">\n                                <div class=\"w-3 h-3 bg-red-500 rounded-full\"><\/div>\n                                <div class=\"w-3 h-3 bg-yellow-500 rounded-full\"><\/div> \n                                <div class=\"w-3 h-3 bg-green-500 rounded-full\"><\/div>\n                            <\/div>\n                            <div class=\"w-40 h-5 bg-gray-800 rounded-md\"><\/div>\n                            <div class=\"flex space-x-1\">\n                                <div class=\"w-5 h-5 bg-gray-800 rounded-sm\"><\/div>\n                                <div class=\"w-5 h-5 bg-gray-800 rounded-sm\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-gray-800 p-4\">\n                            <div class=\"bg-gray-900 rounded-lg p-4 mb-4\">\n                                <div class=\"flex justify-between mb-2\">\n                                    <span class=\"text-sm text-gray-400\">BTC\/USDT<\/span>\n                                    <span class=\"text-sm text-green-500\">+1.2%<\/span>\n                                <\/div>\n                                <div class=\"flex items-baseline\">\n                                    <span class=\"text-2xl font-bold text-white\">$41,253.67<\/span>\n                                    <span class=\"text-sm text-green-500 ml-2\">+$496.12<\/span>\n                                <\/div>\n                            <\/div>\n                            <div class=\"grid grid-cols-2 gap-4 mb-4\">\n                                <div class=\"bg-gray-900 rounded-lg p-3\">\n                                    <span class=\"text-xs text-gray-400\">\u0627\u0634\u062a\u0631\u0650<\/span>\n                                    <div class=\"flex items-center mt-1\">\n                                        <span class=\"text-white font-medium\">BTC<\/span>\n                                        <div class=\"h-5 w-5 ml-1 bg-orange-500 rounded-full flex items-center justify-center\">\n                                            <span class=\"text-xs text-white\">\u20bf<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"bg-gray-900 rounded-lg p-3\">\n                                    <span class=\"text-xs text-gray-400\">\u0627\u062f\u0641\u0639 \u0645\u0639<\/span>\n                                    <div class=\"flex items-center mt-1\">\n                                        <span class=\"text-white font-medium\">USDT<\/span>\n                                        <div class=\"h-5 w-5 ml-1 bg-green-500 rounded-full flex items-center justify-center\">\n                                            <span class=\"text-xs text-white\">$<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            <div class=\"flex justify-center my-2\">\n                                <span class=\"swap-direction-btn w-8 h-8 bg-gray-700 hover:bg-primary-DEFAULT rounded-full flex items-center justify-center\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-4 w-4 text-white\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\">\n                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" \/>\n                                    <\/svg>\n                                <\/span>\n                            <\/div>\n                            <div class=\"bg-gray-900 rounded-lg p-4 mb-4\">\n                                <div class=\"flex justify-between mb-2\">\n                                    <span class=\"text-sm text-gray-400\">\u0627\u0644\u0645\u0628\u0644\u063a<\/span>\n                                    <span class=\"text-sm text-gray-400\">\u2248 $10,000.00<\/span>\n                                <\/div>\n                                <div class=\"flex items-center bg-gray-800 rounded-md p-2\">\n                                    <input type=\"text\" value=\"0.24\" class=\"bg-transparent text-white w-full outline-none\">\n                                    <span class=\"text-gray-400\">BTC<\/span>\n                                <\/div>\n                            <\/div>\n                            <button class=\"w-full py-3 rounded-md bg-primary-DEFAULT text-white font-medium hover:bg-primary-dark transition-colors\">\n                                \u0634\u0631\u0627\u0621 \u0627\u0644\u0628\u064a\u062a\u0643\u0648\u064a\u0646\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                    <div class=\"absolute -bottom-6 -right-6 z-[-1] w-64 h-64 bg-gradient-to-r from-primary-light to-secondary-light rounded-full opacity-20 blur-3xl\"><\/div>\n                    <div class=\"absolute -top-6 -left-6 z-[-1] w-72 h-72 bg-gradient-to-r from-secondary-light to-primary-light rounded-full opacity-20 blur-3xl\"><\/div>\n                <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c087fca e-con-full e-flex e-con e-parent\" data-id=\"c087fca\" data-element_type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6b6656 elementor-widget elementor-widget-html\" data-id=\"e6b6656\" data-element_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    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link rel=\"stylesheet\" href=\"styles.css\">\n    <link rel=\"icon\" href=\"images\/logo.svg\" type=\"image\/svg+xml\">\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        'primary-DEFAULT': '#4f46e5', \/\/ indigo-500\n                        'primary-light': '#e0e7ff', \/\/ indigo-400\n                        'primary-dark': '#4f46e5',  \/\/ indigo-600\n                        'secondary-DEFAULT': '#4f46e5', \/\/ pink-500\n                    },\n                    animation: {\n                        'gradient-x': 'gradientAnimation 15s ease infinite', \/\/ For use with tailwind animate-gradient-x\n                    },\n                    keyframes: {\n                        gradientAnimation: {\n                            '0%, 100%': { backgroundPosition: '0% 50%' },\n                            '50%': { backgroundPosition: '100% 50%' },\n                        }\n                    }\n                }\n            }\n        }\n\n        document.addEventListener('DOMContentLoaded', function() {\n    \/\/ Tooltip implementation\n    const tooltips = document.querySelectorAll('.tooltip');\n    tooltips.forEach(tooltip => {\n        const tooltipText = tooltip.getAttribute('data-tooltip');\n        if (!tooltipText) return;\n\n        const tooltipElement = document.createElement('div');\n        tooltipElement.classList.add(\n            'tooltip-text', 'absolute', 'bg-gray-900', 'text-white', \n            'text-xs', 'rounded-md', 'py-1.5', 'px-3', 'mt-2', \n            'opacity-0', 'invisible', 'transition-all', 'duration-200', 'ease-out',\n            'z-50', 'shadow-lg', 'whitespace-nowrap'\n        );\n        \/\/ Positioning: bottom-center of the tooltip span\n        tooltipElement.style.left = '50%';\n        tooltipElement.style.bottom = '100%'; \/\/ Position above by default\n        tooltipElement.style.transform = 'translateX(-50%) translateY(-0.5rem)'; \/\/ Adjust Y for spacing\n        \n        tooltipElement.innerText = tooltipText;\n        tooltip.appendChild(tooltipElement);\n        tooltip.style.position = 'relative'; \/\/ Ensure parent is relative for absolute positioning\n\n        tooltip.addEventListener('mouseenter', () => {\n            \/\/ Check if tooltip would go off-screen and adjust\n            const rect = tooltipElement.getBoundingClientRect();\n            if (rect.left < 0) {\n                tooltipElement.style.left = '0';\n                tooltipElement.style.transform = 'translateX(0) translateY(-0.5rem)';\n            } else if (rect.right > window.innerWidth) {\n                tooltipElement.style.left = 'auto';\n                tooltipElement.style.right = '0';\n                tooltipElement.style.transform = 'translateX(0) translateY(-0.5rem)';\n            } else {\n                 tooltipElement.style.left = '50%';\n                 tooltipElement.style.transform = 'translateX(-50%) translateY(-0.5rem)';\n            }\n\n            tooltipElement.classList.remove('opacity-0', 'invisible', 'translate-y-0');\n            tooltipElement.classList.add('opacity-100', 'visible');\n        });\n        \n        tooltip.addEventListener('mouseleave', () => {\n            tooltipElement.classList.remove('opacity-100', 'visible');\n            tooltipElement.classList.add('opacity-0', 'invisible', 'translate-y-0');\n        });\n    });\n\n    \/\/ Initialize progress bars for metrics after they become visible\n    const metricsCard = document.querySelector('.metrics-card');\n    if (metricsCard) {\n        const progressObserver = new IntersectionObserver((entries) => {\n            if (entries[0].isIntersecting) {\n                setTimeout(() => {\n                    const usersProgress = document.querySelector('.users-progress');\n                    if(usersProgress) usersProgress.style.width = '78%';\n                    \n                    const volumeProgress = document.querySelector('.volume-progress');\n                    if(volumeProgress) volumeProgress.style.width = '92%';\n\n                    const tvlProgress = document.querySelector('.tvl-progress'); \/\/ Used for Assets in example\n                    if(tvlProgress) tvlProgress.style.width = '85%';\n                }, 300); \/\/ Slight delay for visual effect\n                progressObserver.unobserve(entries[0].target);\n            }\n        }, {\n            threshold: 0.5 \/\/ Trigger when 50% of the metrics card is visible\n        });\n        \n        progressObserver.observe(metricsCard);\n    }\n});\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const featureTabs = document.querySelectorAll('.feature-tab');\n    const featureContents = document.querySelectorAll('.feature-content');\n    const stepLines = document.querySelectorAll('.step-line'); \/\/ Ensure these are correctly selected\n    const primaryColorClass = 'text-indigo-500'; \/\/ Tailwind class for #6366f1\n    const bgPrimaryColorClass = 'bg-indigo-500'; \/\/ Tailwind class for #6366f1\n\n    function setActiveTab(target) {\n        featureTabs.forEach((tab, index) => {\n            const indicator = tab.querySelector('.step-indicator');\n            const isActive = tab.dataset.target === target;\n\n            tab.classList.toggle(bgPrimaryColorClass, isActive);\n            tab.classList.toggle('text-white', isActive);\n            tab.classList.toggle('bg-white', !isActive);\n            tab.classList.toggle('text-gray-600', !isActive);\n            tab.classList.toggle('hover:bg-gray-100', !isActive);\n            \n            indicator.classList.toggle('bg-white', isActive);\n            indicator.classList.toggle(primaryColorClass, isActive);\n            indicator.classList.toggle('bg-gray-200', !isActive);\n            indicator.classList.toggle('text-gray-600', !isActive);\n        });\n        \n        featureContents.forEach(content => {\n            content.classList.add('hidden');\n            content.classList.remove('fade-in', 'scale-in'); \/\/ Remove animation classes before hiding\n        });\n        \n        const selectedContent = document.getElementById(target);\n        if (selectedContent) {\n            selectedContent.classList.remove('hidden');\n            \/\/ Add a subtle animation when content changes\n            selectedContent.classList.add('fade-in'); \/\/ Using defined CSS animation\n        }\n        \n        \/\/ Update step lines\n        let activeTabIndex = -1;\n        featureTabs.forEach((tab, index) => {\n            if (tab.dataset.target === target) {\n                activeTabIndex = index;\n            }\n        });\n\n        stepLines.forEach((line, index) => {\n            \/\/ A line is active if it's before the currently active tab's group\n            \/\/ Assuming each tab button has a line element *after* it, except the last one.\n            \/\/ Or, if lines are between tab groups:\n            \/\/ If line 'i' is between tab 'i' and tab 'i+1'.\n            \/\/ Then line 'i' is active if tab 'i+1' (or any subsequent tab) is active.\n            if (index < activeTabIndex) {\n                line.classList.add('active'); \/\/ 'active' class applies bg-primary-DEFAULT via CSS\n            } else {\n                line.classList.remove('active');\n            }\n        });\n    }\n    \n    featureTabs.forEach(tab => {\n        tab.addEventListener('click', (e) => {\n            \/\/ Prevent default if it's a button, or if other actions are bound\n            e.preventDefault(); \n            const target = tab.getAttribute('data-target');\n            setActiveTab(target);\n        });\n    });\n    \n    if (featureTabs.length > 0) {\n        const firstTarget = featureTabs[0].getAttribute('data-target');\n        setActiveTab(firstTarget);\n    }\n});\n\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ FAQ accordion functionality\n    const faqQuestions = document.querySelectorAll('.faq-question');\n    \n    faqQuestions.forEach(question => {\n        question.addEventListener('click', () => {\n            \/\/ Toggle active class for current question\n            question.classList.toggle('active');\n            \n            \/\/ Get the answer container that follows the question\n            const answer = question.nextElementSibling;\n            \n            \/\/ Toggle active class for the answer\n            answer.classList.toggle('active');\n            \n            \/\/ If this question is now active, close other open questions\n            if (question.classList.contains('active')) {\n                faqQuestions.forEach(otherQuestion => {\n                    if (otherQuestion !== question && otherQuestion.classList.contains('active')) {\n                        otherQuestion.classList.remove('active');\n                        otherQuestion.nextElementSibling.classList.remove('active');\n                    }\n                });\n            }\n        });\n    });\n\n    \/\/ Show more FAQs functionality\n    const showMoreBtn = document.getElementById('show-more-faq');\n    if (showMoreBtn) {\n        const compareTable = document.querySelector('.compare-table-container');\n        \n        showMoreBtn.addEventListener('click', () => {\n            compareTable.classList.toggle('show');\n            \n            if (compareTable.classList.contains('show')) {\n                showMoreBtn.textContent = 'Show Less';\n            } else {\n                showMoreBtn.textContent = 'View More Questions';\n            }\n        });\n    }\n});\n\ndocument.addEventListener('DOMContentLoaded', function () {\n    const animatedElements = document.querySelectorAll('.obs-anim');\n\n    const observer = new IntersectionObserver((entries, observerInstance) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                const element = entry.target;\n                const animationType = element.dataset.animation;\n                const animationDelay = element.dataset.delay || '0s';\n                \n                element.style.animationDelay = animationDelay;\n\n                if (animationType) {\n                    element.classList.add(animationType); \n                }\n                \/\/ Element becomes visible due to animation or direct style change\n                \/\/ The .obs-anim class sets initial opacity to 0.\n                \/\/ Animations should take it to opacity 1. If no animation class, \n                \/\/ we ensure opacity becomes 1.\n                \/\/ The 'forwards' fill mode in CSS animations handles keeping the final state.\n                \/\/ So, setting opacity here might be redundant if all animations set opacity.\n                \/\/ However, for safety or if some animations don't manage opacity:\n                if (!animationType) { \/\/ If no specific animation class, manually ensure it's visible\n                     element.style.opacity = '1';\n                     \/\/ Potentially reset transform if it was part of obs-anim base style\n                     \/\/ For now, obs-anim in CSS doesn't set transform, animations do.\n                }\n                \n                element.classList.add('is-visible'); \/\/ Mark as processed\n                observerInstance.unobserve(element); \/\/ Stop observing once animated\n            }\n        });\n    }, {\n        threshold: 0.15 \/\/ Trigger when 15% of the element is visible\n    });\n\n    animatedElements.forEach(el => {\n        observer.observe(el);\n    });\n\n    \/\/ Smooth scrolling for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function(e) {\n            const href = this.getAttribute('href');\n            if (href === '#' || href === '') { \/\/ Handle cases for href=\"#\" or empty href\n                 e.preventDefault();\n                 window.scrollTo({ top: 0, behavior: 'smooth' });\n                 return;\n            }\n            \n            const targetElement = document.querySelector(href);\n            if (targetElement) {\n                e.preventDefault();\n                const headerOffset = document.querySelector('header')?.offsetHeight || 70; \/\/ Adjusted default offset\n                const elementPosition = targetElement.getBoundingClientRect().top;\n                const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n                window.scrollTo({\n                    top: offsetPosition,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n\n    \/\/ Active navigation link highlighting on scroll\n    const sections = Array.from(document.querySelectorAll('section[id]'));\n    const navLinks = Array.from(document.querySelectorAll('header nav a[href^=\"#\"]'));\n    const mobileNavLinks = Array.from(document.querySelectorAll('.mobile-menu a[href^=\"#\"]'));\n    const allNavLinks = [...navLinks, ...mobileNavLinks];\n\n\n    function changeNav() {\n        const headerHeight = document.querySelector('header')?.offsetHeight || 70;\n        let currentSectionId = '';\n\n        sections.forEach(section => {\n            const sectionTop = section.offsetTop - headerHeight - 50; \/\/ Add a bit more offset\n            if (window.scrollY >= sectionTop) {\n                currentSectionId = section.id;\n            }\n        });\n        \n        allNavLinks.forEach(link => {\n            link.classList.remove('active-nav-link', 'text-primary-DEFAULT', 'font-semibold'); \/\/ Reset styles\n            if (link.href.includes(currentSectionId) && currentSectionId !== '') {\n                link.classList.add('active-nav-link', 'text-primary-DEFAULT', 'font-semibold');\n            } else if (!currentSectionId && (link.getAttribute('href') === '#hero' || link.getAttribute('href') === '#')) {\n                \/\/ Highlight Home if at top or no section matches\n                 link.classList.add('active-nav-link', 'text-primary-DEFAULT', 'font-semibold');\n            }\n        });\n    }\n\n\n    if (sections.length > 0 && allNavLinks.length > 0) {\n        \/\/ Initial call with a slight delay to ensure correct header offset calculation\n        setTimeout(changeNav, 100); \n        window.addEventListener('scroll', changeNav);\n        window.addEventListener('resize', changeNav); \/\/ Recalculate on resize\n    }\n\n    \/\/ Mobile menu toggle\n    const mobileMenuButton = document.querySelector('.mobile-menu-button');\n    if (mobileMenuButton) {\n        const mobileMenu = document.querySelector('.mobile-menu');\n        mobileMenuButton.addEventListener('click', (e) => {\n            e.stopPropagation(); \/\/ Prevent click from bubbling up to document\n            mobileMenu.classList.toggle('hidden');\n            mobileMenuButton.setAttribute('aria-expanded', !mobileMenu.classList.contains('hidden'));\n        });\n        \/\/ Close mobile menu when a link is clicked\n        mobileMenu.querySelectorAll('a').forEach(link => {\n            link.addEventListener('click', () => {\n                mobileMenu.classList.add('hidden');\n                 mobileMenuButton.setAttribute('aria-expanded', 'false');\n            });\n        });\n        \/\/ Close mobile menu when clicking outside\n        document.addEventListener('click', (e) => {\n            if (!mobileMenu.classList.contains('hidden') && !mobileMenu.contains(e.target) && !mobileMenuButton.contains(e.target)) {\n                mobileMenu.classList.add('hidden');\n                mobileMenuButton.setAttribute('aria-expanded', 'false');\n            }\n        });\n    }\n});\n\n\n\n\n\n\n    <\/script>\n<\/head>\n\n<style !important>\n    \/* Base styles *\/\nbody {\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n    scroll-behavior: smooth;\n}\n\n\/* Tooltip styles *\/\n.tooltip {\n    position: relative; \/* Required for absolute positioning of tooltip-text *\/\n    border-bottom: 1px dashed #6366f1; \/* indigo-500 *\/\n    cursor: help;\n}\n\n.tooltip-text {\n    \/* Base styles are applied via JS using Tailwind classes. *\/\n    \/* This class is mainly for selection if needed, but JS sets up styling. *\/\n    pointer-events: none; \n}\n\n\n\/* Animation utilities *\/\n.fade-in {\n    animation: fadeIn 0.8s ease forwards;\n}\n\n.slide-up {\n    animation: slideUp 0.8s ease forwards;\n}\n\n.slide-in-right {\n    animation: slideInRight 0.8s ease forwards;\n}\n\n.slide-in-left {\n    animation: slideInLeft 0.8s ease forwards;\n}\n\n.scale-in {\n    animation: scaleIn 0.6s ease forwards;\n}\n\n.pulse {\n    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n\/* AMM Animation (Included as per request, though not actively used in this CEX demo) *\/\n.amm-inner-circle {\n    animation: rotate 20s linear infinite;\n}\n\n.token-a, .token-b {\n    animation: pulse-slow 3s infinite;\n}\n\n@keyframes pulse-slow {\n    0%, 100% {\n        transform: translateY(-50%) translateX(-50%) scale(1);\n    }\n    50% {\n        transform: translateY(-50%) translateX(-50%) scale(1.05);\n    }\n}\n\n\/* FAQ Accordion *\/\n.faq-answer {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.4s ease-in-out, padding 0.4s ease-in-out;\n}\n\n.faq-answer.active {\n    max-height: 600px; \/* Increased max-height for potentially longer answers *\/\n    \/* Padding is applied directly in HTML within the answer's p tag or content wrapper *\/\n}\n.faq-answer p { \/* If padding is desired on the paragraph inside *\/\n    \/* padding: 1rem; \/* This was here but removed in favor of HTML structure for padding *\/\n}\n\n\n.faq-question svg {\n    transition: transform 0.3s ease;\n}\n\n.faq-question.active svg {\n    transform: rotate(180deg);\n}\n\n\/* Compare Table Styles for FAQ \"Show More\" *\/\n.compare-table-container {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.6s ease-in-out;\n}\n\n.compare-table-container.show {\n    max-height: 1200px; \/* Increased to accommodate potentially larger tables\/more FAQs *\/\n}\n\n\/* Animation Keyframes *\/\n@keyframes fadeIn {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes slideUp {\n    from {\n        opacity: 0;\n        transform: translateY(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n@keyframes slideInRight {\n    from {\n        opacity: 0;\n        transform: translateX(30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes slideInLeft {\n    from {\n        opacity: 0;\n        transform: translateX(-30px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(0);\n    }\n}\n\n@keyframes scaleIn {\n    from {\n        opacity: 0;\n        transform: scale(0.95);\n    }\n    to {\n        opacity: 1;\n        transform: scale(1);\n    }\n}\n\n@keyframes pulse {\n    0%, 100% {\n        opacity: 1;\n    }\n    50% {\n        opacity: 0.8;\n    }\n}\n\n@keyframes rotate {\n    from {\n        transform: rotate(0deg);\n    }\n    to {\n        transform: rotate(360deg);\n    }\n}\n\n\/* Feature Demo Step Indicators *\/\n.step-indicator {\n    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;\n}\n.feature-tab:hover .step-indicator {\n    transform: scale(1.1);\n}\n\n\n.step-line {\n    position: relative;\n    transition: background-color 0.4s ease-in-out; \/* Smoother transition *\/\n    height: 100%; \n}\n\n.step-line.active {\n    background-color: #6366f1; \/* indigo-500 *\/\n}\n\n\/* Testimonial Slider *\/\n.testimonial-track {\n    transition: transform 0.5s ease-in-out; \n}\n.testimonial-item {\n    flex-shrink: 0; \n}\n\n\n\/* Service Cards *\/\n.service-card {\n    transition: opacity 0.4s ease, transform 0.4s ease, box-shadow 0.4s ease;\n}\n.service-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 10px 20px rgba(99, 102, 241, 0.2); \/* Tailwind shadow-xl equivalent with primary color hint *\/\n}\n\n\n\/* Value Proposition Cards *\/\n.benefit-card {\n    transition: opacity 0.4s ease, transform 0.3s ease, box-shadow 0.3s ease;\n}\n.benefit-card:hover {\n    transform: scale(1.03) translateY(-5px);\n    box-shadow: 0 15px 25px rgba(0,0,0,0.1);\n}\n\n\/* Why Choose Us Points \/ Unique Feature styling *\/\n.unique-feature { \/* This class is used for \"Why Choose Us\" items *\/\n    transition: opacity 0.5s ease, transform 0.4s ease, box-shadow 0.4s ease;\n}\n.unique-feature:hover {\n    transform: translateY(-10px) scale(1.02);\n    box-shadow: 0 20px 30px rgba(99, 102, 241, 0.15);\n}\n\n\n\/* Metrics Cards Progress Bars *\/\n.metrics-card { \/* Parent container for stats that include progress bars *\/\n    transition: opacity 0.5s ease;\n}\n\n.tvl-progress, .volume-progress, .users-progress {\n    transition: width 1.5s cubic-bezier(0.25, 1, 0.5, 1); \/* Smoother ease-out *\/\n    background-color: #6366f1; \/* Ensure this is Tailwind primary, or use Tailwind classes *\/\n}\n\n\/* Hero CTA Buttons *\/\n.hero-cta button {\n    \/* Tailwind handles hover states, this ensures base transition is smooth if not fully covered by TW *\/\n    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;\n}\n\n\n\/* Swap Interface Animation (Present if needed, not actively used) *\/\n.interface-preview {\n    position: relative;\n    overflow: hidden;\n}\n\n.swap-direction-btn {\n    transition: transform 0.3s ease, background-color 0.3s ease;\n}\n\n.swap-direction-btn:hover {\n    transform: rotate(180deg);\n}\n\n\/* Risk Card Animations (Present if needed, not actively used) *\/\n.risk-card {\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n.risk-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n}\n\n\n\/* CTA Button Sheen Animation *\/\n.start-trading-btn {\n    position: relative;\n    overflow: hidden;\n    z-index: 1; \n}\n\n.start-trading-btn::after {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: -120%; \/* Start further left *\/\n    width: 50%; \/* Narrower sheen *\/\n    height: 100%;\n    background: linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0) 0%,\n        rgba(255, 255, 255, 0.4) 50%, \/* More pronounced sheen *\/\n        rgba(255, 255, 255, 0) 100%\n    );\n    transform: skewX(-25deg); \/* Angled sheen *\/\n    transition: left 0.75s cubic-bezier(0.23, 1, 0.32, 1); \/* Smoother, faster at end *\/\n    z-index: 1; \/* Above button bg, below text if button text has own z-index *\/\n}\n\n.start-trading-btn:hover::after {\n    left: 120%; \/* End further right *\/\n}\n\n\/* Headline Word Animation *\/\n.headline span {\n    display: inline-block;\n    opacity: 0;\n    transform: translateY(25px) rotateX(-45deg); \/* Add subtle 3D effect *\/\n    animation: fadeUpInWord 0.6s cubic-bezier(0.215, 0.610, 0.355, 1.000) forwards;\n}\n\n\/* Staggered animation delays for headline words - ensure these match number of spans *\/\n.headline span:nth-child(1) { animation-delay: 0.1s; }\n.headline span:nth-child(2) { animation-delay: 0.18s; }\n.headline span:nth-child(3) { animation-delay: 0.26s; }\n.headline span:nth-child(4) { animation-delay: 0.34s; }\n.headline span:nth-child(5) { animation-delay: 0.42s; }\n.headline span:nth-child(6) { animation-delay: 0.50s; }\n.headline span:nth-child(7) { animation-delay: 0.58s; }\n.headline span:nth-child(8) { animation-delay: 0.66s; } \/* If more words *\/\n\n\n@keyframes fadeUpInWord { \/* Renamed from fadeUpIn to be specific *\/\n    to {\n        opacity: 1;\n        transform: translateY(0) rotateX(0deg);\n    }\n}\n\n\/* Platform Stats Card Animation *\/\n.platform-stats > div { \/* Applied to the stat cards for staggered appearance *\/\n    opacity: 0;\n    transform: translateY(20px);\n    animation: statsAppear 0.5s ease forwards;\n}\n\/* Staggered delays are applied via data-delay in HTML and handled by animations.js *\/\n\n@keyframes statsAppear {\n    to {\n        opacity: 1;\n        transform: translateY(0);\n    }\n}\n\n\/* Custom Animations for AMM Diagram (Included as per request) *\/\n@keyframes tokenFlow {\n    0% {\n        transform: translate(0, 0);\n        opacity: 1;\n    }\n    50% {\n        transform: translate(40px, 0); \n        opacity: 0.7;\n    }\n    100% {\n        transform: translate(80px, 0); \n        opacity: 0;\n    }\n}\n\n.token-flow {\n    animation: tokenFlow 2s ease-in-out infinite;\n}\n\n\/* Animated background for Hero Section *\/\n#blockchain-background { \n    background: linear-gradient(-45deg, #6366f1, #8b5cf6, #ec4899); \/* Primary, Purple, Pink, Orange *\/\n    background-size: 400% 400%;\n    animation: gradientAnimation 20s ease infinite; \/* Slower and smoother *\/\n}\n\n@keyframes gradientAnimation {\n    0% {\n        background-position: 0% 50%;\n    }\n    50% {\n        background-position: 100% 50%;\n    }\n    100% {\n        background-position: 0% 50%;\n    }\n}\n\n\/* Audit and Partner Logos *\/\n.audit-logos img, .partner-logos img { \n    transition: opacity 0.3s ease, transform 0.3s ease;\n}\n.audit-logos img:hover, .partner-logos img:hover {\n    opacity: 1 !important; \/* Ensure override if base opacity is lower *\/\n    transform: scale(1.1);\n}\n\n\n\/* obs-anim initial state for Intersection Observer *\/\n\/* This class is added to elements that should be animated on scroll *\/\n.obs-anim {\n    opacity: 0;\n    \/* Specific transforms (like translateY) are part of the animation itself (e.g., slideUp) *\/\n    \/* The transition here is a fallback if no data-animation class is specified, *\/\n    \/* allowing animations.js to directly set opacity and transform. *\/\n    transition: opacity 0.7s ease-out, transform 0.7s ease-out; \n}\n\n\/* Style for active navigation link in header *\/\nheader nav a.active-nav-link {\n    color: #6366f1; \/* primary-DEFAULT *\/\n    font-weight: 600; \/* semibold *\/\n}\nheader nav a.active-nav-link::after { \/* Optional underline effect for active link *\/\n    content: '';\n    display: block;\n    width: 60%;\n    height: 2px;\n    background: #6366f1;\n    margin: 4px auto 0;\n    transition: width 0.3s ease;\n}\n\n<\/style>\n<body class=\"bg-gray-50 text-gray-800 antialiased\">\n\n\n\n\n\n    <!-- Services Introduction -->\n    <section id=\"services\" class=\"py-16 lg:py-24 bg-white-100\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 md:mb-16 obs-anim\" data-animation=\"fade-in\">\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629<\/h2>\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n                <div class=\"service-card bg-white p-6 rounded-xl shadow-lg obs-anim\" data-animation=\"fade-in\" data-delay=\"0.2s\">\n                    <div class=\"text-secondary-DEFAULT mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 13v-1m4 1v-3m4 3V8M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-2\">\u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0641\u0648\u0631\u064a<\/h3>\n                    <p class=\"text-gray-600 text-sm\">\u0642\u0645 \u0628\u0634\u0631\u0627\u0621 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0648\u0628\u064a\u0639\u0647\u0627 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631 \u0628\u0623\u0633\u0639\u0627\u0631 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0648\u0627\u062c\u0647\u0629 \u0633\u0647\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645.<\/p>\n                <\/div>\n                <div class=\"service-card bg-white p-6 rounded-xl shadow-lg obs-anim\" data-animation=\"fade-in\" data-delay=\"0.3s\">\n                    <div class=\"text-secondary-DEFAULT mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-2\">\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0639\u0642\u0648\u062f \u0627\u0644\u0622\u062c\u0644\u0629<\/h3>\n                    <p class=\"text-gray-600 text-sm\">\u062a\u062f\u0627\u0648\u0644 \u0645\u0634\u062a\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0631\u0627\u0641\u0639\u0629 \u0627\u0644\u0645\u0627\u0644\u064a\u0629 \u0644\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0639\u0648\u0627\u0626\u062f \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0629 \u0645\u0646 \u062a\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0648\u0642.<\/p>\n                <\/div>\n                <div class=\"service-card bg-white p-6 rounded-xl shadow-lg obs-anim\" data-animation=\"fade-in\" data-delay=\"0.4s\">\n                     <div class=\"text-secondary-DEFAULT mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-2\">\u0627\u0644\u0631\u0647\u0627\u0646 \u0648\u0627\u0644\u0643\u0633\u0628<\/h3>\n                    <p class=\"text-gray-600 text-sm\">\u0627\u0631\u0628\u062d \u062f\u062e\u0644\u0627\u064b \u0633\u0644\u0628\u064a\u0627\u064b \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u0627\u062d\u062a\u0641\u0627\u0638 \u0628\u0623\u0635\u0648\u0644\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u0645\u0646\u0635\u062a\u0646\u0627 \u0627\u0644\u0622\u0645\u0646\u0629.<\/p>\n                <\/div>\n                 <div class=\"service-card bg-white p-6 rounded-xl shadow-lg obs-anim\" data-animation=\"fade-in\" data-delay=\"0.5s\">\n                     <div class=\"text-secondary-DEFAULT mb-4\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17 9V7a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2m2 4h10a2 2 0 002-2v-6a2 2 0 00-2-2H9a2 2 0 00-2 2v6a2 2 0 002 2zm7-5a2 2 0 11-4 0 2 2 0 014 0z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-2\">\u0627\u0644\u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0622\u0645\u0646\u0629<\/h3>\n                    <p class=\"text-gray-600 text-sm\">\u0642\u0645 \u0628\u0625\u062f\u0627\u0631\u0629 \u0645\u062d\u0641\u0638\u062a\u0643 \u0627\u0644\u0645\u062a\u0646\u0648\u0639\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u062d\u0641\u0638\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0627\u0644\u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0627\u0644\u0622\u0645\u0646\u0629 \u0644\u0644\u063a\u0627\u064a\u0629.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    \n    <!-- Key Offerings (formerly Service Details) -->\n    <section id=\"key-offerings\" class=\"py-16 lg:py-24 bg-gray-100\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 md:mb-16 obs-anim\" data-animation=\"fade-in\">\u0623\u0628\u0631\u0632 \u0645\u0645\u064a\u0632\u0627\u062a \u0648\u0639\u0631\u0648\u0636 \u0627\u0644\u0645\u0646\u0635\u0629<\/h2>\n            <div class=\"grid md:grid-cols-2 gap-x-12 gap-y-10\">\n                <div class=\"obs-anim\" data-animation=\"slide-in-left\" data-delay=\"0.2s\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-primary-light text-primary-DEFAULT flex items-center justify-center\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h3 class=\"text-xl font-semibold text-gray-900\">\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/h3>\n                            <p class=\"mt-1 text-gray-600\">\u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629\u060c \u0648\u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629\u060c \u0648\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629 \u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u062a\u062f\u0627\u0648\u0644 \u0645\u062a\u0637\u0648\u0631\u0629.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"obs-anim\" data-animation=\"slide-in-right\" data-delay=\"0.3s\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-primary-light text-primary-DEFAULT flex items-center justify-center\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h3 class=\"text-xl font-semibold text-gray-900\">\u0647\u064a\u0643\u0644 \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/h3>\n                            <p class=\"mt-1 text-gray-600\">\u0627\u0633\u062a\u0641\u062f \u0645\u0646 \u0631\u0633\u0648\u0645 \u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0634\u0641\u0627\u0641\u0629 \u0648\u0627\u0644\u0645\u0646\u062e\u0641\u0636\u0629\u060c \u0645\u0639 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u062e\u0635\u0648\u0645\u0627\u062a \u0644\u0644\u0645\u062a\u062f\u0627\u0648\u0644\u064a\u0646 \u0630\u0648\u064a \u0627\u0644\u062d\u062c\u0645 \u0627\u0644\u0643\u0628\u064a\u0631 \u0648\u062d\u0627\u0645\u0644\u064a \u0627\u0644\u0639\u0645\u0644\u0627\u062a \u0627\u0644\u0631\u0645\u0632\u064a\u0629.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"obs-anim\" data-animation=\"slide-in-left\" data-delay=\"0.4s\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-primary-light text-primary-DEFAULT flex items-center justify-center\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.46 4.4a1 1 0 01-.544 1.303l-2.212 1.106a1.002 1.002 0 00-.512 1.317l1.426 3.566a1.001 1.001 0 001.317.512l1.106-2.212a1 1 0 011.303-.544l4.4 1.46a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h3 class=\"text-xl font-semibold text-gray-900\">\u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\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=\"mt-1 text-gray-600\">\u064a\u0645\u0643\u0646\u0643 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062f\u0639\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062e\u0635\u0635 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0644\u063a\u0627\u062a \u0641\u064a \u0623\u064a \u0648\u0642\u062a \u062a\u062d\u062a\u0627\u062c \u0641\u064a\u0647 \u0625\u0644\u0649 \u0645\u0633\u0627\u0639\u062f\u0629 \u0623\u0648 \u0644\u062f\u064a\u0643 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                 <div class=\"obs-anim\" data-animation=\"slide-in-right\" data-delay=\"0.5s\">\n                    <div class=\"flex items-start\">\n                        <div class=\"flex-shrink-0 h-12 w-12 rounded-full bg-primary-light text-primary-DEFAULT flex items-center justify-center\">\n                           <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.783-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z\" \/><\/svg>\n                        <\/div>\n                        <div class=\"ml-4\">\n                            <h3 class=\"text-xl font-semibold text-gray-900\">\u062a\u0643\u0627\u0645\u0644 \u0648\u0627\u062c\u0647\u0629 \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a (API)<\/h3>\n                            <p class=\"mt-1 text-gray-600\">\u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u062a\u0637\u0628\u064a\u0642\u0627\u062a APIs \u0642\u0648\u064a\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u0644\u0644\u0645\u062a\u062f\u0627\u0648\u0644\u064a\u0646 \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u064a\u0646 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0644\u062f\u0645\u062c \u0623\u0646\u0638\u0645\u062a\u0647\u0645.<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n        <!-- Feature Demo -->\n        <section id=\"demo\" class=\"py-16 bg-gray-50\">\n            <div class=\"container mx-auto px-4\">\n                <div class=\"text-center mb-16\">\n                    <h2 class=\"text-3xl font-bold text-gray-900 mb-4 slide-up opacity-0\">\u0627\u062e\u062a\u0628\u0631 \u0642\u0648\u0629 TheExChain<\/h2>\n                    <p class=\"text-gray-600 max-w-3xl mx-auto slide-up opacity-0\" style=\"animation-delay: 0.2s;\">\n                        \u0642\u0645 \u0628\u062c\u0648\u0644\u0629 \u0641\u064a \u0645\u064a\u0632\u0627\u062a\u0646\u0627 \u0627\u0644\u0642\u0648\u064a\u0629 \u0627\u0644\u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0627\u0631\u062a\u0642\u0627\u0621 \u0628\u062a\u062c\u0631\u0628\u062a\u0643 \u0641\u064a \u0627\u0644\u062a\u062f\u0627\u0648\u0644.\n                    <\/p>\n                <\/div>\n                <div class=\"flex flex-col md:flex-row mb-8\">\n                    <div class=\"md:w-1\/4 mb-4 md:mb-0\">\n                        <div class=\"sticky top-24\">\n                            <div class=\"flex flex-col space-y-4\">\n                                <button class=\"feature-tab flex items-center py-3 px-4 rounded-lg bg-primary-DEFAULT text-white\" data-target=\"trading-interface\">\n                                    <div class=\"step-indicator w-8 h-8 rounded-full bg-white text-primary-DEFAULT flex items-center justify-center mr-3\">\n                                        1\n                                    <\/div>\n                                    <span>\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u062a\u062f\u0627\u0648\u0644<\/span>\n                                <\/button>\n                                <div class=\"step-line h-8 w-0.5 bg-gray-300 ml-4\"><\/div>\n                                <button class=\"feature-tab flex items-center py-3 px-4 rounded-lg bg-white text-gray-600 hover:bg-gray-100 transition-colors\" data-target=\"advanced-charts\">\n                                    <div class=\"step-indicator w-8 h-8 rounded-full bg-gray-200 text-gray-600 flex items-center justify-center mr-3\">\n                                        2\n                                    <\/div>\n                                    <span>\u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0628\u064a\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/span>\n                                <\/button>\n                                <div class=\"step-line h-8 w-0.5 bg-gray-300 ml-4\"><\/div>\n                                <button class=\"feature-tab flex items-center py-3 px-4 rounded-lg bg-white text-gray-600 hover:bg-gray-100 transition-colors\" data-target=\"mobile-app\">\n                                    <div class=\"step-indicator w-8 h-8 rounded-full bg-gray-200 text-gray-600 flex items-center justify-center mr-3\">\n                                        3\n                                    <\/div>\n                                    <span>\u062a\u0637\u0628\u064a\u0642 \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644<\/span>\n                                <\/button>\n                                <div class=\"step-line h-8 w-0.5 bg-gray-300 ml-4\"><\/div>\n                                <button class=\"feature-tab flex items-center py-3 px-4 rounded-lg bg-white text-gray-600 hover:bg-gray-100 transition-colors\" data-target=\"staking\">\n                                    <div class=\"step-indicator w-8 h-8 rounded-full bg-gray-200 text-gray-600 flex items-center justify-center mr-3\">\n                                        4\n                                    <\/div>\n                                    <span>\u0645\u0646\u0635\u0629 \u0627\u0644\u0631\u0647\u0627\u0646<\/span>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"md:w-3\/4 md:pl-8\">\n                        <div id=\"feature-content\">\n                            <!-- Trading Interface -->\n                            <div class=\"feature-content active\" id=\"trading-interface\">\n                                <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0648\u0627\u062c\u0647\u0629 \u062a\u062f\u0627\u0648\u0644 \u0628\u062f\u064a\u0647\u064a\u0629<\/h3>\n                                <p class=\"text-gray-600 mb-6\">\n                                    \u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0646\u0627 \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0645\u062a\u062f\u0627\u0648\u0644\u064a\u0646 \u0627\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646 \u0648\u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646. \u0641\u0647\u064a \u062a\u0648\u0641\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0635\u0641\u0642\u0627\u062a \u0628\u062f\u0642\u0629 \u0648\u062b\u0642\u0629.\n                                <\/p>\n                                <div class=\"bg-white rounded-lg shadow-lg overflow-hidden mb-6\">\n                                    <div class=\"bg-gray-900 p-2 flex items-center\">\n                                        <div class=\"flex space-x-2 ml-2\">\n                                            <div class=\"w-3 h-3 bg-red-500 rounded-full\"><\/div>\n                                            <div class=\"w-3 h-3 bg-yellow-500 rounded-full\"><\/div>\n                                            <div class=\"w-3 h-3 bg-green-500 rounded-full\"><\/div>\n                                        <\/div>\n                                        <div class=\"ml-4 text-white text-sm\">\u0648\u0627\u062c\u0647\u0629 \u0627\u0644\u062a\u062f\u0627\u0648\u0644 TheExChain Pro \u0644\u0644\u062a\u062f\u0627\u0648\u0644<\/div>\n                                    <\/div>\n                                    <div class=\"p-1 bg-gray-800\">\n                                        <div class=\"grid grid-cols-4 gap-1 h-96\">\n                                            <div class=\"col-span-3 bg-gray-900 rounded-sm\">\n                                                <div class=\"h-full w-full flex items-center justify-center text-gray-500\">\n                                                    <div class=\"relative w-full h-full overflow-hidden\">\n                                                        <div class=\"absolute inset-0 flex items-center justify-center\">\n                                                           \n                                                        <\/div>\n                                                        <svg class=\"w-full h-full\" viewbox=\"0 0 400 300\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                            <!-- Price chart simulation -->\n                                                            <path d=\"M0,150 C20,140 40,160 60,150 C80,140 100,120 120,130 C140,140 160,170 180,160 C200,150 220,130 240,120 C260,110 280,130 300,120 C320,110 340,90 360,80 C380,70 400,90 400,80\" stroke=\"#4f46e5\" stroke-width=\"2\" fill=\"none\"\/>\n                                                           \n                                                            <defs>\n                                                                <lineargradient id=\"gradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                                                                    <stop offset=\"0%\" stop-color=\"#4f46e5\" stop-opacity=\"0.4\"\/>\n                                                                    <stop offset=\"100%\" stop-color=\"#4f46e5\" stop-opacity=\"0\"\/>\n                                                                <\/lineargradient>\n                                                            <\/defs>\n                                                        <\/svg>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"space-y-1\">\n                                                <div class=\"bg-gray-900 rounded-sm p-2\">\n                                                    <div class=\"text-xs text-gray-400 mb-1\">\u062f\u0641\u062a\u0631 \u0627\u0644\u0637\u0644\u0628\u0627\u062a<\/div>\n                                                    <div class=\"space-y-1\">\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-red-400\">41,235.65<\/span>\n                                                            <span class=\"text-gray-400\">0.341<\/span>\n                                                        <\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-red-400\">41,234.70<\/span>\n                                                            <span class=\"text-gray-400\">0.512<\/span>\n                                                        <\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-red-400\">41,233.85<\/span>\n                                                            <span class=\"text-gray-400\">0.783<\/span>\n                                                        <\/div>\n                                                        <div class=\"h-px bg-gray-700 my-1\"><\/div>\n                                                        <div class=\"text-sm text-white\">41,232.50<\/div>\n                                                        <div class=\"h-px bg-gray-700 my-1\"><\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-green-400\">41,231.35<\/span>\n                                                            <span class=\"text-gray-400\">0.456<\/span>\n                                                        <\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-green-400\">41,230.40<\/span>\n                                                            <span class=\"text-gray-400\">0.678<\/span>\n                                                        <\/div>\n                                                        <div class=\"flex justify-between text-xs\">\n                                                            <span class=\"text-green-400\">41,229.25<\/span>\n                                                            <span class=\"text-gray-400\">0.921<\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"bg-gray-900 rounded-sm p-2 flex-1\">\n                                                    <div class=\"text-xs text-gray-400 mb-1\">\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u062a\u062c\u0627\u0631\u0629<\/div>\n                                                    <div class=\"flex mb-2\">\n                                                        <button class=\"w-1\/2 py-1 text-xs bg-green-500 text-white rounded-l font-medium\">\u0627\u0634\u062a\u0631\u0650<\/button>\n                                                        <button class=\"w-1\/2 py-1 text-xs bg-gray-800 text-gray-300 rounded-r font-medium\">\u0627\u0644\u0628\u064a\u0639<\/button>\n                                                    <\/div>\n                                                    <div class=\"mb-2\">\n                                                        <div class=\"text-xs text-gray-400 mb-1\">\u0627\u0644\u0633\u0639\u0631<\/div>\n                                                        <div class=\"bg-gray-800 rounded px-2 py-1 flex justify-between\">\n                                                            <span class=\"text-xs text-white\">41,232.50<\/span>\n                                                            <span class=\"text-xs text-gray-400\">USDT<\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mb-2\">\n                                                        <div class=\"text-xs text-gray-400 mb-1\">\u0627\u0644\u0645\u0628\u0644\u063a<\/div>\n                                                        <div class=\"bg-gray-800 rounded px-2 py-1 flex justify-between\">\n                                                            <span class=\"text-xs text-white\">0.0025<\/span>\n                                                            <span class=\"text-xs text-gray-400\">BTC<\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <button class=\"w-full py-1 text-xs bg-green-500 text-white rounded font-medium mt-2\">\n                                                        \u0627\u0634\u062a\u0631 BTC\n                                                    <\/button>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u062a\u0646\u0641\u064a\u0630 \u0628\u0633\u0631\u0639\u0629 \u0627\u0644\u0628\u0631\u0642<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u064a\u0633\u062a\u0637\u064a\u0639 \u0645\u062d\u0631\u0643 \u0627\u0644\u0645\u0637\u0627\u0628\u0642\u0629 \u0627\u0644\u062e\u0627\u0635 \u0628\u0646\u0627 \u0645\u0639\u0627\u0644\u062c\u0629 \u0645\u0644\u0627\u064a\u064a\u0646 \u0627\u0644\u0645\u0639\u0627\u0645\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u062b\u0627\u0646\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u062a\u0646\u0641\u064a\u0630 \u0635\u0641\u0642\u0627\u062a\u0643 \u0639\u0644\u0649 \u0627\u0644\u0641\u0648\u0631.\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path>\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u062a\u062e\u0637\u064a\u0637 \u0642\u0627\u0628\u0644 \u0644\u0644\u062a\u062e\u0635\u064a\u0635<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u0631\u062a\u0628 \u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0628\u0627\u0644\u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u062a\u064a \u062a\u0631\u064a\u062f\u0647\u0627 \u0628\u0627\u0644\u0636\u0628\u0637. \u0627\u062d\u0641\u0638 \u062a\u062e\u0637\u064a\u0637\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629 \u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u0645\u062e\u062a\u0644\u0641\u0629.\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u0628\u062f\u0621\u064b\u0627 \u0645\u0646 \u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0628\u0633\u064a\u0637\u0629 \u0625\u0644\u0649 \u0623\u0648\u0627\u0645\u0631 OCO \u0627\u0644\u0645\u0639\u0642\u062f\u0629 (\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0625\u0644\u063a\u0627\u0621 \u0645\u0646 \u0637\u0631\u0641 \u0648\u0627\u062d\u062f)\u060c \u0646\u062d\u0646 \u0646\u062f\u0639\u0645 \u062c\u0645\u064a\u0639 \u0623\u0646\u0648\u0627\u0639 \u0627\u0644\u0623\u0648\u0627\u0645\u0631 \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a\u0643 \u0641\u064a \u0627\u0644\u062a\u062f\u0627\u0648\u0644.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Advanced Charts -->\n                            <div class=\"feature-content hidden\" id=\"advanced-charts\">\n                                <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0631\u0633\u0648\u0645 \u0628\u064a\u0627\u0646\u064a\u0629 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0644\u0644\u062a\u062f\u0627\u0648\u0644<\/h3>\n                                <p class=\"text-gray-600 mb-6\">\n                                    \u062a\u062f\u0645\u062c \u0645\u0646\u0635\u062a\u0646\u0627 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u0627\u0644\u0631\u0633\u0648\u0645 \u0627\u0644\u0628\u064a\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0627\u0644\u0645\u062f\u0639\u0648\u0645\u0629 \u0645\u0646 TradingView\u060c \u0645\u0645\u0627 \u064a\u062a\u064a\u062d \u0644\u0643 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u062f\u0648\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0641\u0646\u064a \u0627\u0644\u0642\u0648\u064a\u0629.\n                                <\/p>\n                                <div class=\"bg-white rounded-lg shadow-lg overflow-hidden mb-6\">\n                                    <div class=\"bg-gray-900 p-2 flex items-center\">\n                                        <div class=\"flex space-x-2 ml-2\">\n                                            <div class=\"w-3 h-3 bg-red-500 rounded-full\"><\/div>\n                                            <div class=\"w-3 h-3 bg-yellow-500 rounded-full\"><\/div>\n                                            <div class=\"w-3 h-3 bg-green-500 rounded-full\"><\/div>\n                                        <\/div>\n                                        <div class=\"ml-4 text-white text-sm\">\u0627\u0644\u0645\u062e\u0637\u0637\u0627\u062a \u0627\u0644\u0628\u064a\u0627\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0633\u0644\u0633\u0644\u0629 TheExChain<\/div>\n                                    <\/div>\n                                    <div class=\"p-1 bg-gray-800\">\n                                        <div class=\"bg-gray-900 rounded-sm h-96 relative overflow-hidden\">\n                                            <div class=\"absolute top-4 left-4 flex space-x-2\">\n                                                <div class=\"bg-gray-800 rounded px-2 py-1\">\n                                                    <span class=\"text-xs text-white\">BTC\/USDT<\/span>\n                                                <\/div>\n                                                <div class=\"bg-gray-800 rounded px-2 py-1\">\n                                                    <span class=\"text-xs text-white\">1D<\/span>\n                                                <\/div>\n                                                <div class=\"bg-gray-800 rounded px-2 py-1\">\n                                                    <span class=\"text-xs text-gray-400\">\u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a<\/span>\n                                                <\/div>\n                                            <\/div>\n                                            <div class=\"absolute top-4 right-4 flex space-x-2\">\n                                                <div class=\"w-6 h-6 bg-gray-800 rounded flex items-center justify-center\">\n                                                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4\"><\/path>\n                                                    <\/svg>\n                                                <\/div>\n                                                <div class=\"w-6 h-6 bg-gray-800 rounded flex items-center justify-center\">\n                                                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path>\n                                                    <\/svg>\n                                                <\/div>\n                                                <div class=\"w-6 h-6 bg-gray-800 rounded flex items-center justify-center\">\n                                                    <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path>\n                                                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n                                                    <\/svg>\n                                                <\/div>\n                                            <\/div>\n                                            <svg class=\"w-full h-full\" viewbox=\"0 0 800 600\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                <!-- Chart background grid -->\n                                                <line x1=\"0\" y1=\"150\" x2=\"800\" y2=\"150\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"0\" y1=\"250\" x2=\"800\" y2=\"250\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"0\" y1=\"350\" x2=\"800\" y2=\"350\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"0\" y1=\"450\" x2=\"800\" y2=\"450\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                \n                                                <line x1=\"100\" y1=\"0\" x2=\"100\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"200\" y1=\"0\" x2=\"200\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"300\" y1=\"0\" x2=\"300\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"400\" y1=\"0\" x2=\"400\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"500\" y1=\"0\" x2=\"500\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"600\" y1=\"0\" x2=\"600\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                <line x1=\"700\" y1=\"0\" x2=\"700\" y2=\"600\" stroke=\"#2d3748\" stroke-width=\"1\" stroke-dasharray=\"5,5\" \/>\n                                                \n                                                <!-- Candlestick chart -->\n                                                <!-- Candle 1 (green) -->\n                                                <line x1=\"50\" y1=\"300\" x2=\"50\" y2=\"350\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"40\" y=\"320\" width=\"20\" height=\"30\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 2 (green) -->\n                                                <line x1=\"100\" y1=\"280\" x2=\"100\" y2=\"340\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"90\" y=\"280\" width=\"20\" height=\"40\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 3 (red) -->\n                                                <line x1=\"150\" y1=\"260\" x2=\"150\" y2=\"320\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"140\" y=\"260\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 4 (green) -->\n                                                <line x1=\"200\" y1=\"240\" x2=\"200\" y2=\"310\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"190\" y=\"240\" width=\"20\" height=\"50\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 5 (red) -->\n                                                <line x1=\"250\" y1=\"230\" x2=\"250\" y2=\"320\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"240\" y=\"280\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 6 (red) -->\n                                                <line x1=\"300\" y1=\"220\" x2=\"300\" y2=\"300\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"290\" y=\"260\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 7 (green) -->\n                                                <line x1=\"350\" y1=\"200\" x2=\"350\" y2=\"280\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"340\" y=\"200\" width=\"20\" height=\"60\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 8 (green) -->\n                                                <line x1=\"400\" y1=\"190\" x2=\"400\" y2=\"250\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"390\" y=\"190\" width=\"20\" height=\"40\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 9 (red) -->\n                                                <line x1=\"450\" y1=\"180\" x2=\"450\" y2=\"240\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"440\" y=\"200\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 10 (green) -->\n                                                <line x1=\"500\" y1=\"170\" x2=\"500\" y2=\"230\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"490\" y=\"170\" width=\"20\" height=\"40\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 11 (red) -->\n                                                <line x1=\"550\" y1=\"160\" x2=\"550\" y2=\"240\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"540\" y=\"200\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 12 (green) -->\n                                                <line x1=\"600\" y1=\"150\" x2=\"600\" y2=\"220\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"590\" y=\"150\" width=\"20\" height=\"50\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 13 (red) -->\n                                                <line x1=\"650\" y1=\"140\" x2=\"650\" y2=\"220\" stroke=\"#f87171\" stroke-width=\"2\" \/>\n                                                <rect x=\"640\" y=\"180\" width=\"20\" height=\"40\" fill=\"#f87171\" \/>\n                                                \n                                                <!-- Candle 14 (green) -->\n                                                <line x1=\"700\" y1=\"130\" x2=\"700\" y2=\"200\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"690\" y=\"130\" width=\"20\" height=\"50\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Candle 15 (green) -->\n                                                <line x1=\"750\" y1=\"120\" x2=\"750\" y2=\"180\" stroke=\"#34d399\" stroke-width=\"2\" \/>\n                                                <rect x=\"740\" y=\"120\" width=\"20\" height=\"40\" fill=\"#34d399\" \/>\n                                                \n                                                <!-- Moving Average Line -->\n                                                <path d=\"M50,330 C150,300 250,280 350,240 C450,210 550,190 750,150\" stroke=\"#6366f1\" stroke-width=\"2\" fill=\"none\"\/>\n                                                \n                                                <!-- Volume Bars (at bottom) -->\n                                                <rect x=\"40\" y=\"520\" width=\"20\" height=\"30\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"90\" y=\"520\" width=\"20\" height=\"40\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"140\" y=\"520\" width=\"20\" height=\"20\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"190\" y=\"520\" width=\"20\" height=\"50\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"240\" y=\"520\" width=\"20\" height=\"25\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"290\" y=\"520\" width=\"20\" height=\"15\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"340\" y=\"520\" width=\"20\" height=\"60\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"390\" y=\"520\" width=\"20\" height=\"35\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"440\" y=\"520\" width=\"20\" height=\"20\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"490\" y=\"520\" width=\"20\" height=\"45\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"540\" y=\"520\" width=\"20\" height=\"25\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"590\" y=\"520\" width=\"20\" height=\"55\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"640\" y=\"520\" width=\"20\" height=\"30\" fill=\"#f87171\" opacity=\"0.5\" \/>\n                                                <rect x=\"690\" y=\"520\" width=\"20\" height=\"40\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                                <rect x=\"740\" y=\"520\" width=\"20\" height=\"35\" fill=\"#34d399\" opacity=\"0.5\" \/>\n                                            <\/svg>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u0623\u0643\u062b\u0631 \u0645\u0646 100 \u0645\u0624\u0634\u0631 \u0641\u0646\u064a<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u062a\u0645\u062a\u0639 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0645\u0643\u062a\u0628\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u062a\u062c\u0627\u0647\u0627\u062a \u0627\u0644\u0633\u0648\u0642 \u0648\u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u062a\u062f\u0627\u0648\u0644 \u0645\u0633\u062a\u0646\u064a\u0631\u0629.\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0633\u0645<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u0627\u0633\u062a\u062e\u062f\u0645 \u0627\u0631\u062a\u062f\u0627\u062f\u0627\u062a \u0641\u064a\u0628\u0648\u0646\u0627\u062a\u0634\u064a\u060c \u0648\u062e\u0637\u0648\u0637 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u060c \u0648\u062e\u0637\u0648\u0637 \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u060c \u0648\u0627\u0644\u0642\u0646\u0648\u0627\u062a\u060c \u0648\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0631\u0633\u0645 \u0627\u0644\u0623\u062e\u0631\u0649 \u0644\u0631\u0633\u0645 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643.\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u062d\u0641\u0638 \u0648\u0645\u0634\u0627\u0631\u0643\u0629<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u0627\u062d\u0641\u0638 \u0645\u062e\u0637\u0637\u0627\u062a\u0643 \u0627\u0644\u0628\u064a\u0627\u0646\u064a\u0629 \u0648\u062a\u062d\u0644\u064a\u0644\u0627\u062a\u0643\u060c \u0623\u0648 \u0634\u0627\u0631\u0643\u0647\u0627 \u0645\u0639 \u0645\u062a\u062f\u0627\u0648\u0644\u064a\u0646 \u0622\u062e\u0631\u064a\u0646 \u0644\u0644\u062a\u0639\u0627\u0648\u0646 \u0648\u0627\u0644\u062a\u0639\u0644\u0645.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Mobile App -->\n                            <div class=\"feature-content hidden\" id=\"mobile-app\">\n                                <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u062a\u062f\u0627\u0648\u0644 \u0641\u064a \u0623\u064a \u0645\u0643\u0627\u0646 \u0645\u0639 \u062a\u0637\u0628\u064a\u0642\u0646\u0627 \u0644\u0644\u062c\u0648\u0627\u0644<\/h3>\n                                <p class=\"text-gray-600 mb-6\">\n                                    \u064a\u0645\u0646\u062d\u0643 \u062a\u0637\u0628\u064a\u0642\u0646\u0627 \u0627\u0644\u0642\u0648\u064a \u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644 \u062d\u0631\u064a\u0629 \u0625\u062f\u0627\u0631\u0629 \u0645\u062d\u0641\u0638\u062a\u0643 \u0648\u062a\u0646\u0641\u064a\u0630 \u0627\u0644\u0635\u0641\u0642\u0627\u062a \u0645\u0646 \u0623\u064a \u0645\u0643\u0627\u0646 \u0648\u0641\u064a \u0623\u064a \u0648\u0642\u062a.\n                                <\/p>\n                                <div class=\"flex flex-col md:flex-row justify-center items-center gap-6 mb-8\">\n                                    <div class=\"w-64 bg-gray-900 rounded-3xl overflow-hidden shadow-xl p-2\">\n                                        <div class=\"bg-gray-800 rounded-2xl overflow-hidden h-full\">\n                                            <div class=\"relative\">\n                                                <div class=\"absolute top-0 left-0 right-0 h-6 bg-gray-900 rounded-t-2xl flex items-center justify-center\">\n                                                    <div class=\"w-20 h-2 bg-gray-700 rounded-full\"><\/div>\n                                                <\/div>\n                                                <div class=\"pt-6 px-3 pb-3 bg-gray-900\">\n                                                    <div class=\"flex justify-between items-center mb-4\">\n                                                        <div>\n                                                            <div class=\"text-xs text-gray-400\">\u0645\u0631\u062d\u0628\u0627\u064b \u0628\u0639\u0648\u062f\u062a\u0643<\/div>\n                                                            <div class=\"text-sm text-white font-medium\">\u0623\u0644\u064a\u0643\u0633<\/div>\n                                                        <\/div>\n                                                        <div class=\"w-8 h-8 rounded-full bg-gray-800 flex items-center justify-center\">\n                                                            <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path>\n                                                            <\/svg>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"bg-primary-DEFAULT bg-opacity-10 rounded-lg p-3 mb-3\">\n                                                        <div class=\"flex justify-between items-center mb-1\">\n                                                            <div class=\"text-xs text-gray-400\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0631\u0635\u064a\u062f<\/div>\n                                                            <svg class=\"w-4 h-4 text-primary-DEFAULT\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path>\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"><\/path>\n                                                            <\/svg>\n                                                        <\/div>\n                                                        <div class=\"text-lg text-white font-semibold\">$24,621.80<\/div>\n                                                        <div class=\"text-xs text-green-400\">+$1,238.10 (5.28%)<\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"px-3 pt-2 pb-4 bg-gray-800\">\n                                                    <div class=\"flex justify-between mb-4\">\n                                                        <button class=\"pl-1 pr-1 flex-1 py-2 bg-primary-DEFAULT text-white text-xs rounded-lg mr-2 !important\">\u0627\u0644\u0625\u064a\u062f\u0627\u0639<\/button>\n                                                        <button class=\"flex-1 py-2 bg-gray-700 text-white text-xs rounded-lg !important\">\u0633\u062d\u0628<\/button>\n                                                    <\/div>\n                                                    <div class=\"mb-4\">\n                                                        <div class=\"flex justify-between items-center mb-2\">\n                                                            <div class=\"text-sm text-white font-medium\">\u0623\u0635\u0648\u0644\u064a<\/div>\n                                                            <div class=\"text-xs text-primary-DEFAULT\">\u0645\u0634\u0627\u0647\u062f\u0629 \u0627\u0644\u0643\u0644<\/div>\n                                                        <\/div>\n                                                        <div class=\"space-y-2\">\n                                                            <div class=\"bg-gray-700 rounded-lg p-2 flex items-center\">\n                                                                <div class=\"w-8 h-8 rounded-full bg-orange-500 flex items-center justify-center mr-2\">\n                                                                    <span class=\"text-xs text-white font-bold\">\u20bf<\/span>\n                                                                <\/div>\n                                                                <div class=\"flex-1\">\n                                                                    <div class=\"flex justify-between\">\n                                                                        <div class=\"text-xs text-white\">\u0627\u0644\u0628\u064a\u062a\u0643\u0648\u064a\u0646<\/div>\n                                                                        <div class=\"text-xs text-white\">0.42 \u0628\u064a\u062a\u0643\u0648\u064a\u0646<\/div>\n                                                                    <\/div>\n                                                                    <div class=\"flex justify-between\">\n                                                                        <div class=\"text-xs text-gray-400\">BTC<\/div>\n                                                                        <div class=\"text-xs text-green-400\">+3.54%<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/div>\n                                                            <div class=\"bg-gray-700 rounded-lg p-2 flex items-center\">\n                                                                <div class=\"w-8 h-8 rounded-full bg-blue-500 flex items-center justify-center mr-2\">\n                                                                    <span class=\"text-xs text-white font-bold\">\u039e<\/span>\n                                                                <\/div>\n                                                                <div class=\"flex-1\">\n                                                                    <div class=\"flex justify-between\">\n                                                                        <div class=\"text-xs text-white\">\u0627\u0644\u0625\u064a\u062b\u064a\u0631\u064a\u0648\u0645<\/div>\n                                                                        <div class=\"text-xs text-white\">3.2 ETH 3.2<\/div>\n                                                                    <\/div>\n                                                                    <div class=\"flex justify-between\">\n                                                                        <div class=\"text-xs text-gray-400\">ETH<\/div>\n                                                                        <div class=\"text-xs text-red-400\">-1.24%<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"flex justify-between\">\n                                                        <span class=\"w-10 h-10 flex flex-col items-center justify-center bg-gray-700 rounded-lg\">\n                                                            <svg class=\"w-4 h-4 text-primary-DEFAULT mb-1\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6\"><\/path>\n                                                            <\/svg>\n                                                           \n                                                        <\/span>\n                                                        <span class=\"w-10 h-10 flex flex-col items-center justify-center bg-gray-700 rounded-lg\">\n                                                            <svg class=\"w-4 h-4 text-gray-400 mb-1\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 12l3-3 3 3 4-4M8 21l4-4 4 4M3 4h18M4 4h16v12a1 1 0 01-1 1H5a1 1 0 01-1-1V4z\"><\/path>\n                                                            <\/svg>\n                                               \n                                                        <\/span>\n                                                        <span class=\"w-10 h-10 flex flex-col items-center justify-center bg-gray-700 rounded-lg\">\n                                                            <svg class=\"w-4 h-4 text-gray-400 mb-1\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"><\/path>\n                                                            <\/svg>\n                                                           \n                                                        <\/span>\n                                                        <span class=\"w-10 h-10 flex flex-col items-center justify-center bg-gray-700 rounded-lg\">\n                                                            <svg class=\"w-4 h-4 text-gray-400 mb-1\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\"><\/path>\n                                                            <\/svg>\n                                                         \n                                                        <\/span>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"w-64 bg-gray-900 rounded-3xl overflow-hidden shadow-xl p-2\">\n                                        <div class=\"bg-gray-800 rounded-2xl overflow-hidden h-full\">\n                                            <div class=\"relative\">\n                                                <div class=\"absolute top-0 left-0 right-0 h-6 bg-gray-900 rounded-t-2xl flex items-center justify-center\">\n                                                    <div class=\"w-20 h-2 bg-gray-700 rounded-full\"><\/div>\n                                                <\/div>\n                                                <div class=\"pt-6 px-3 pb-3 bg-gray-900\">\n                                                    <div class=\"flex items-center mb-3\">\n                                                        <span class=\"w-6 h-6 flex items-center justify-center mr-3\">\n                                                            <svg class=\"w-4 h-4 text-white\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\"><\/path>\n                                                            <\/svg>\n                                                        <\/span>\n                                                        <div class=\"text-sm text-white font-medium\">BTC\/USDT<\/div>\n                                                        <div class=\"ml-2 text-xs bg-green-500 bg-opacity-20 text-green-400 px-2 py-0.5 rounded\">+4.2%<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex justify-between items-center mb-2\">\n                                                        <div class=\"text-lg text-white font-semibold\">$41,232.50<\/div>\n                                                        <div class=\"flex space-x-2\">\n                                                            <span class=\"w-6 h-6 flex items-center justify-center bg-gray-800 rounded\">\n                                                                <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\"><\/path>\n                                                                <\/svg>\n                                                            <\/span>\n                                                            <span class=\"w-6 h-6 flex items-center justify-center bg-gray-800 rounded\">\n                                                                <svg class=\"w-4 h-4 text-gray-400\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8.684 13.342C8.886 12.938 9 12.482 9 12c0-.482-.114-.938-.316-1.342m0 2.684a3 3 0 110-2.684m0 2.684l6.632 3.316m-6.632-6l6.632-3.316m0 0a3 3 0 105.367-2.684 3 3 0 00-5.367 2.684zm0 9.316a3 3 0 105.368 2.684 3 3 0 00-5.368-2.684z\"><\/path>\n                                                                <\/svg>\n                                                            <\/span>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"h-32 bg-gray-900 relative\">\n                                                    <svg class=\"w-full h-full\" viewbox=\"0 0 240 100\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                                        <path d=\"M0,50 C20,40 40,60 60,50 C80,40 100,20 120,30 C140,40 160,70 180,60 C200,50 220,30 240,20\" stroke=\"#4f46e5\" stroke-width=\"2\" fill=\"none\"\/>\n                                                        <path d=\"M0,50 C20,40 40,60 60,50 C80,40 100,20 120,30 C140,40 160,70 180,60 C200,50 220,30 240,20 L240,100 L0,100 Z\" fill=\"url(#mobile-gradient)\" stroke=\"none\"\/>\n                                                        <defs>\n                                                            <lineargradient id=\"mobile-gradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n                                                                <stop offset=\"0%\" stop-color=\"#4f46e5\" stop-opacity=\"0.2\"\/>\n                                                                <stop offset=\"100%\" stop-color=\"#4f46e5\" stop-opacity=\"0\"\/>\n                                                            <\/lineargradient>\n                                                        <\/defs>\n                                                    <\/svg>\n                                                    <div class=\"absolute top-2 left-3 flex space-x-2\">\n                                                        <span class=\"px-2 py-1 bg-gray-800 rounded text-xs text-white\">1H<\/span>\n                                                        <span class=\"px-2 py-1 bg-primary-DEFAULT rounded text-xs text-white\">1D<\/span>\n                                                        <span class=\"px-2 py-1 bg-gray-800 rounded text-xs text-white\">1W<\/span>\n                                                        <span class=\"px-2 py-1 bg-gray-800 rounded text-xs text-white\">1M<\/span>\n                                                    <\/div>\n                                                <\/div>\n                                                <div class=\"px-3 py-4 bg-gray-800\">\n                                                    <div class=\"flex mb-3\">\n                                                        <button class=\"flex-1 py-2 bg-primary-DEFAULT text-white text-xs rounded-lg mr-2\">\u0627\u0634\u062a\u0631\u0650<\/button>\n                                                        <button class=\"flex-1 py-2 bg-gray-700 text-white text-xs rounded-lg\">\u0627\u0644\u0628\u064a\u0639<\/button>\n                                                    <\/div>\n                                                    <div class=\"mb-4\">\n                                                        <div class=\"flex justify-between text-xs text-gray-400 mb-1\">\n                                                            <span>\u0627\u0644\u0633\u0639\u0631<\/span>\n                                                            <span>USDT<\/span>\n                                                        <\/div>\n                                                        <div class=\"bg-gray-700 rounded-lg p-2 flex justify-between items-center\">\n                                                            <div class=\"text-sm text-white\">41,232.50<\/div>\n                                                            <div class=\"text-xs text-gray-400\">\u0627\u0644\u062d\u062f<\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <div class=\"mb-4\">\n                                                        <div class=\"flex justify-between text-xs text-gray-400 mb-1\">\n                                                            <span>\u0627\u0644\u0645\u0628\u0644\u063a<\/span>\n                                                            <span>BTC<\/span>\n                                                        <\/div>\n                                                        <div class=\"bg-gray-700 rounded-lg p-2 flex justify-between items-center\">\n                                                            <div class=\"text-sm text-white\">0.005<\/div>\n                                                            <div class=\"text-xs text-primary-DEFAULT\">25%<\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <button class=\"w-full py-3 bg-green-500 text-white text-sm font-medium rounded-lg\">\n                                                        \u0634\u0631\u0627\u0621 \u0627\u0644\u0628\u064a\u062a\u0643\u0648\u064a\u0646\n                                                    <\/button>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 18h.01M8 21h8a2 2 0 002-2V5a2 2 0 00-2-2H8a2 2 0 00-2 2v14a2 2 0 002 2z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u062a\u062f\u0627\u0648\u0644 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062a\u0646\u0642\u0644 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0646\u0641\u0633 \u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0627\u0644\u0645\u062a\u0627\u062d\u0629 \u0639\u0644\u0649 \u0645\u0646\u0635\u0629 \u0633\u0637\u062d \u0627\u0644\u0645\u0643\u062a\u0628. \u0646\u0641\u0651\u0630 \u0627\u0644\u0635\u0641\u0642\u0627\u062a \u0641\u064a \u062b\u0648\u0627\u0646\u064d \u0645\u0646 \u0623\u064a \u0645\u0643\u0627\u0646.\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u0625\u0634\u0639\u0627\u0631\u0627\u062a \u0641\u0648\u0631\u064a\u0629<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u0627\u0628\u0642 \u0639\u0644\u0649 \u0627\u0637\u0644\u0627\u0639 \u0645\u0639 \u062a\u0646\u0628\u064a\u0647\u0627\u062a \u0627\u0644\u0623\u0633\u0639\u0627\u0631\u060c \u0648\u062a\u0623\u0643\u064a\u062f\u0627\u062a \u0627\u0644\u062a\u062f\u0627\u0648\u0644\u060c \u0648\u0623\u062e\u0628\u0627\u0631 \u0627\u0644\u0633\u0648\u0642 \u0645\u0628\u0627\u0634\u0631\u0629 \u0639\u0644\u0649 \u062c\u0647\u0627\u0632\u0643 \u0627\u0644\u0645\u062d\u0645\u0648\u0644.\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 11c0 3.517-1.009 6.799-2.753 9.571m-3.44-2.04l.054-.09A13.916 13.916 0 008 11a4 4 0 118 0c0 1.017-.07 2.019-.203 3m-2.118 6.844A21.88 21.88 0 0015.171 17m3.839 1.132c.645-2.266.99-4.659.99-7.132A8 8 0 008 4.07M3 15.364c.64-1.319 1-2.8 1-4.364 0-1.457.39-2.823 1.07-4\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u0627\u0644\u0623\u0645\u0646 \u0627\u0644\u0628\u064a\u0648\u0645\u062a\u0631\u064a<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u0642\u0645 \u0628\u062d\u0645\u0627\u064a\u0629 \u062d\u0633\u0627\u0628\u0643 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0628\u0635\u0645\u0629 \u0627\u0644\u0625\u0635\u0628\u0639 \u0623\u0648 \u0627\u0644\u062a\u0639\u0631\u064f\u0651\u0641 \u0639\u0644\u0649 \u0627\u0644\u0648\u062c\u0647 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0633\u0631\u0639\u0629 \u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0623\u0646\u0634\u0637\u0629 \u0627\u0644\u062a\u062f\u0627\u0648\u0644 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                            \n                            <!-- Staking -->\n                            <div class=\"feature-content hidden\" id=\"staking\">\n                                <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\u0627\u0643\u0633\u0628 \u0623\u062b\u0646\u0627\u0621 \u0627\u0644\u062d\u062c\u0632 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0631\u0647\u0627\u0646<\/h3>\n                                <p class=\"text-gray-600 mb-6\">\n                                    \u0627\u0633\u062a\u063a\u0644 \u0623\u0635\u0648\u0644\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0643\u0633\u0628 \u062f\u062e\u0644\u0627\u064b \u0633\u0644\u0628\u064a\u0627\u064b \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0646\u0635\u062a\u0646\u0627 \u0627\u0644\u0622\u0645\u0646\u0629 \u0648\u0627\u0644\u0645\u0631\u0646\u0629 \u0644\u0644\u0631\u0647\u0627\u0646.\n                                <\/p>\n                                <div class=\"bg-white rounded-lg shadow-lg overflow-hidden mb-6\">\n                                    <div class=\"bg-primary-DEFAULT p-4 text-white\">\n                                        <p class=\"text-lg font-semibold text-white !important\">\u0644\u0648\u062d\u0629 \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0631\u0647\u0627\u0646<\/p>\n                                        <p class=\"text-sm opacity-80\">\u0625\u062f\u0627\u0631\u0629 \u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u0631\u0647\u0627\u0646 \u0648\u0627\u0644\u0645\u0643\u0627\u0641\u0622\u062a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643<\/p>\n                                    <\/div>\n                                    <div class=\"p-6\">\n                                        <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-6\">\n                                            <div class=\"rounded-lg border border-gray-200 p-4\">\n                                                <div class=\"text-sm text-gray-500 mb-1\">\u0625\u062c\u0645\u0627\u0644\u064a \u0642\u064a\u0645\u0629 \u0627\u0644\u0631\u0647\u0627\u0646<\/div>\n                                                <div class=\"text-2xl font-bold text-gray-900 mb-2\">$12,450.35<\/div>\n                                                <div class=\"text-xs text-green-500\">+1P4TP4T320.18 (2.6%) \u0622\u062e\u0631 7D<\/div>\n                                            <\/div>\n                                            <div class=\"rounded-lg border border-gray-200 p-4\">\n                                                <div class=\"text-sm text-gray-500 mb-1\">\u0625\u062c\u0645\u0627\u0644\u064a \u0627\u0644\u0623\u0631\u0628\u0627\u062d<\/div>\n                                                <div class=\"text-2xl font-bold text-gray-900 mb-2\">$834.29<\/div>\n                                                <div class=\"text-xs text-green-500\">+$42.50 (5.4%) \u0622\u062e\u0631 7D<\/div>\n                                            <\/div>\n                                            <div class=\"rounded-lg border border-gray-200 p-4\">\n                                                <div class=\"text-sm text-gray-500 mb-1\">\u0645\u062a\u0648\u0633\u0637 \u0627\u0644\u064a\u0646 \u0627\u0644\u064a\u0627\u0628\u0627\u0646\u064a<\/div>\n                                                <div class=\"text-2xl font-bold text-gray-900 mb-2\">8.45%<\/div>\n                                                <div class=\"text-xs text-gray-500\">\u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0627\u0644\u0623\u0635\u0648\u0644<\/div>\n                                            <\/div>\n                                        <\/div>\n                                        <div class=\"mb-6\">\n                                            <div class=\"flex justify-between items-center mb-4\">\n                                                <h5 class=\"text-lg font-semibold text-gray-900\">\u0623\u0635\u0648\u0644\u0643 \u0627\u0644\u0645\u0631\u0647\u0648\u0646\u0629<\/h5>\n                                                <button class=\"px-3 py-1 text-sm text-primary-DEFAULT border border-primary-DEFAULT rounded-md hover:bg-primary-DEFAULT hover:text-white transition-colors\">\n                                                    \u062d\u0635\u0629 \u0627\u0644\u0623\u0635\u0648\u0644 \u0627\u0644\u062c\u062f\u064a\u062f\u0629\n                                                <\/button>\n                                            <\/div>\n                                            <div class=\"overflow-hidden rounded-lg border border-gray-200\">\n                                                <table class=\"min-w-full divide-y divide-gray-200\">\n                                                    <thead class=\"bg-gray-50\">\n                                                        <tr>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0627\u0644\u0623\u0635\u0648\u0644<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0627\u0644\u0645\u0628\u0644\u063a \u0627\u0644\u0645\u0631\u0635\u0648\u062f<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">APY<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0627\u0644\u0645\u0643\u062a\u0633\u0628\u0629<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\">\u0627\u0644\u0645\u062f\u0629<\/th>\n                                                            <th scope=\"col\" class=\"px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider\"><\/th>\n                                                        <\/tr>\n                                                    <\/thead>\n                                                    <tbody class=\"bg-white divide-y divide-gray-200\">\n                                                        <tr>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"flex items-center\">\n                                                                    <div class=\"flex-shrink-0 h-8 w-8 rounded-full bg-orange-100 flex items-center justify-center mr-3\">\n                                                                        <span class=\"text-xs font-medium text-orange-700\">BTC<\/span>\n                                                                    <\/div>\n                                                                    <div>\n                                                                        <div class=\"text-sm font-medium text-gray-900\">\u0627\u0644\u0628\u064a\u062a\u0643\u0648\u064a\u0646<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">0.25 \u0628\u064a\u062a\u0643\u0648\u064a\u0646<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $10,308.13<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">4.5%<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">0.0025 \u0628\u064a\u062a\u0643\u0648\u064a\u0646<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $103.08<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">30 \u064a\u0648\u0645\u0627\u064b<\/div>\n                                                                <div class=\"text-xs text-gray-500\">18 \u064a\u0648\u0645\u0627\u064b \u0645\u062a\u0628\u0642\u064a\u0629<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap text-right text-sm font-medium\">\n                                                            <\/td>\n                                                        <\/tr>\n                                                        <tr>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"flex items-center\">\n                                                                    <div class=\"flex-shrink-0 h-8 w-8 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                                                        <span class=\"text-xs font-medium text-blue-700\">ETH<\/span>\n                                                                    <\/div>\n                                                                    <div>\n                                                                        <div class=\"text-sm font-medium text-gray-900\">\u0627\u0644\u0625\u064a\u062b\u064a\u0631\u064a\u0648\u0645<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">3.5 ETH<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $5,950.00<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">7.2%<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">0.084 ETH 0.084<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $142.80<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">90 \u064a\u0648\u0645\u0627\u064b<\/div>\n                                                                <div class=\"text-xs text-gray-500\">45 \u064a\u0648\u0645\u0627\u064b \u0645\u062a\u0628\u0642\u064a\u0629<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap text-right text-sm font-medium\">\n                                                                <span href=\"#\" class=\"text-primary-DEFAULT hover:text-primary-dark\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/>\n                                                            <\/td>\n                                                        <\/tr>\n                                                        <tr>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"flex items-center\">\n                                                                    <div class=\"flex-shrink-0 h-8 w-8 rounded-full bg-purple-100 flex items-center justify-center mr-3\">\n                                                                        <span class=\"text-xs font-medium text-purple-700\">\u0633\u0648\u0644<\/span>\n                                                                    <\/div>\n                                                                    <div>\n                                                                        <div class=\"text-sm font-medium text-gray-900\">\u0633\u0648\u0644\u0627\u0646\u0627<\/div>\n                                                                    <\/div>\n                                                                <\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">75 \u0633\u0648\u0644<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $3,750.00<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">12.8%<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">3.2 \u0633\u0648\u0644<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u2248 $160.00<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap\">\n                                                                <div class=\"text-sm text-gray-900\">\u0645\u0631\u0646\u0629<\/div>\n                                                                <div class=\"text-xs text-gray-500\">\u0644\u0627 \u064a\u0648\u062c\u062f \u0642\u0641\u0644<\/div>\n                                                            <\/td>\n                                                            <td class=\"px-4 py-4 whitespace-nowrap text-right text-sm font-medium\">\n                                                                <a href=\"#\" class=\"text-primary-DEFAULT hover:text-primary-dark\">\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/a>\n                                                            <\/td>\n                                                        <\/tr>\n                                                    <\/tbody>\n                                                <\/table>\n                                            <\/div>\n                                        <\/div>\n                                        <div>\n                                            <h5 class=\"text-lg font-semibold text-gray-900 mb-4\">\u062e\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0631\u0647\u0627\u0646 \u0627\u0644\u0645\u062a\u0627\u062d\u0629<\/h5>\n                                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                                                <div class=\"border border-gray-200 rounded-lg p-4\">\n                                                    <div class=\"flex justify-between items-start mb-3\">\n                                                        <div class=\"flex items-center\">\n                                                            <div class=\"h-10 w-10 rounded-full bg-green-100 flex items-center justify-center mr-3\">\n                                                                <span class=\"text-sm font-medium text-green-700\">USDT<\/span>\n                                                            <\/div>\n                                                            <div>\n                                                                <div class=\"text-lg font-medium text-gray-900\">\u0627\u0644\u062d\u0628\u0644<\/div>\n                                                                <div class=\"text-sm text-gray-500\">\u0627\u0644\u062d\u062c\u0632 \u0627\u0644\u0645\u0631\u0646<\/div>\n                                                            <\/div>\n                                                        <\/div>\n                                                        <div class=\"text-xl font-bold text-primary-DEFAULT\">6.5%<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex justify-between items-center text-sm text-gray-500 mb-4\">\n                                                        <div>\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649. \u0627\u0644\u0645\u0628\u0644\u063a: <span class=\"font-medium\">100 \u062f\u0648\u0644\u0627\u0631 \u0623\u0645\u0631\u064a\u0643\u064a<\/span><\/div>\n                                                        <div>\u0627\u0644\u0645\u062f\u0629: <span class=\"font-medium\">\u0645\u0631\u0646\u0629<\/span><\/div>\n                                                    <\/div>\n                                                    <button class=\"w-full py-2 bg-primary-DEFAULT text-white text-sm rounded-md hover:bg-primary-dark transition-colors\">\n                                                        \u0631\u0647\u0627\u0646 \u0627\u0644\u0622\u0646\n                                                    <\/button>\n                                                <\/div>\n                                                <div class=\"border border-gray-200 rounded-lg p-4\">\n                                                    <div class=\"flex justify-between items-start mb-3\">\n                                                        <div class=\"flex items-center\">\n                                                            <div class=\"h-10 w-10 rounded-full bg-orange-100 flex items-center justify-center mr-3\">\n                                                                <span class=\"text-sm font-medium text-orange-700\">\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0646\u0642\u0644<\/span>\n                                                            <\/div>\n                                                            <div>\n                                                                <div class=\"text-lg font-medium text-gray-900\">\u0628\u0648\u0644\u0643\u0627\u062f\u0648\u062a<\/div>\n                                                                <div class=\"text-sm text-gray-500\">\u0627\u0644\u062d\u062c\u0632 \u0627\u0644\u0645\u063a\u0644\u0642<\/div>\n                                                            <\/div>\n                                                        <\/div>\n                                                        <div class=\"text-xl font-bold text-primary-DEFAULT\">14.8%<\/div>\n                                                    <\/div>\n                                                    <div class=\"flex justify-between items-center text-sm text-gray-500 mb-4\">\n                                                        <div>\u0627\u0644\u062d\u062f \u0627\u0644\u0623\u062f\u0646\u0649. \u0627\u0644\u0645\u0628\u0644\u063a: <span class=\"font-medium\">10 DOT<\/span><\/div>\n                                                        <div>\u0627\u0644\u0645\u062f\u0629: <span class=\"font-medium\">90 \u064a\u0648\u0645\u0627\u064b<\/span><\/div>\n                                                    <\/div>\n                                                    <button class=\"w-full py-2 bg-primary-DEFAULT text-white text-sm rounded-md hover:bg-primary-dark transition-colors\">\n                                                        \u0631\u0647\u0627\u0646 \u0627\u0644\u0622\u0646\n                                                    <\/button>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-6\">\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u0627\u0644\u0639\u0648\u0627\u0626\u062f \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0639\u0648\u0627\u0626\u062f \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644 \u0639\u0644\u0649 \u0623\u0635\u0648\u0644\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0645\u0639 \u0639\u0648\u0627\u0626\u062f \u062a\u0635\u0644 \u0625\u0644\u0649 15% \u0639\u0644\u0649 \u0631\u0645\u0648\u0632 \u0645\u0645\u064a\u0632\u0629 \u0645\u062e\u062a\u0627\u0631\u0629.\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u0627\u0644\u062a\u0641\u0648\u064a\u0636 \u0627\u0644\u0622\u0645\u0646<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u0646\u062d\u0646 \u0646\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u062a\u0639\u0642\u064a\u062f\u0627\u062a \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0644\u0644\u0631\u0647\u0627\u0646 \u0648\u0646\u0633\u062a\u062e\u062f\u0645 \u062a\u062f\u0627\u0628\u064a\u0631 \u0623\u0645\u0646\u064a\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644 \u0644\u062d\u0645\u0627\u064a\u0629 \u0623\u0635\u0648\u0644\u0643.\n                                        <\/p>\n                                    <\/div>\n                                    <div class=\"bg-white rounded-lg shadow-md p-4\">\n                                        <div class=\"w-10 h-10 rounded-full bg-primary-light bg-opacity-20 flex items-center justify-center text-primary-DEFAULT mb-3\">\n                                            <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewbox=\"0 0 24 24\">\n                                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path>\n                                            <\/svg>\n                                        <\/div>\n                                        <h4 class=\"text-lg font-semibold text-gray-900 mb-2\">\u062e\u064a\u0627\u0631\u0627\u062a \u0645\u0631\u0646\u0629<\/h4>\n                                        <p class=\"text-gray-600 text-sm\">\n                                            \u0627\u062e\u062a\u0631 \u0645\u0646 \u0628\u064a\u0646 \u0627\u0644\u0631\u0647\u0627\u0646 \u0627\u0644\u0645\u0631\u0646 \u0645\u0639 \u0639\u062f\u0645 \u0648\u062c\u0648\u062f \u0641\u062a\u0631\u0629 \u062a\u0623\u0645\u064a\u0646 \u0623\u0648 \u0627\u0644\u0631\u0647\u0627\u0646 \u0627\u0644\u0645\u062d\u062f\u062f \u0627\u0644\u0645\u062f\u0629 \u0645\u0639 \u0645\u0643\u0627\u0641\u0622\u062a \u0623\u0639\u0644\u0649.\n                                        <\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <!-- Why Choose Us? -->\n    <section id=\"why-us\" class=\"py-16 lg:py-24 bg-gray-100\">\n        <div class=\"container mx-auto px-6\">\n            <h2 class=\"text-3xl md:text-4xl font-bold text-center mb-12 md:mb-16 obs-anim\" data-animation=\"fade-in\">\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0645\u0646\u0635\u0629 TheExChain CEX\u061f<\/h2>\n            <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <div class=\"unique-feature bg-white p-8 rounded-xl shadow-lg obs-anim\" data-animation=\"scale-in\" data-delay=\"0.2s\">\n                    <div class=\"text-primary-DEFAULT mb-4 inline-block p-3 bg-primary-light rounded-full\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u0627\u0644\u0623\u0645\u0627\u0646 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0628\u0646\u0648\u0643<\/h3>\n                    <p class=\"text-gray-600\">\u0623\u0635\u0648\u0644\u0643 \u0645\u062d\u0645\u064a\u0629 \u0628\u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0623\u0645\u0646\u064a\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644 \u0648\u0639\u0645\u0644\u064a\u0627\u062a \u062a\u062f\u0642\u064a\u0642 \u0645\u0646\u062a\u0638\u0645\u0629.<\/p>\n                <\/div>\n                <div class=\"unique-feature bg-white p-8 rounded-xl shadow-lg obs-anim\" data-animation=\"scale-in\" data-delay=\"0.3s\">\n                    <div class=\"text-primary-DEFAULT mb-4 inline-block p-3 bg-primary-light rounded-full\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 6h16M4 10h16M4 14h16M4 18h16\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u0627\u0644\u0633\u064a\u0648\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629<\/h3>\n                    <p class=\"text-gray-600\">\u062a\u0645\u062a\u0639 \u0628\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u062f\u0641\u0627\u062a\u0631 \u0627\u0644\u0623\u0648\u0627\u0645\u0631 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0639\u0628\u0631 \u062c\u0645\u064a\u0639 \u0623\u0632\u0648\u0627\u062c \u0627\u0644\u062a\u062f\u0627\u0648\u0644\u060c \u0645\u0645\u0627 \u064a\u0636\u0645\u0646 \u0644\u0643 \u0641\u0631\u0648\u0642 \u0623\u0633\u0639\u0627\u0631 \u0636\u064a\u0642\u0629 \u0648\u062a\u0646\u0641\u064a\u0630 \u0641\u0639\u0627\u0644.<\/p>\n                <\/div>\n                <div class=\"unique-feature bg-white p-8 rounded-xl shadow-lg obs-anim\" data-animation=\"scale-in\" data-delay=\"0.4s\">\n                    <div class=\"text-primary-DEFAULT mb-4 inline-block p-3 bg-primary-light rounded-full\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-8 w-8\" fill=\"none\" viewbox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M16 8v8m-3-5v5m-3-8v8M9 9H5a2 2 0 00-2 2v6a2 2 0 002 2h14a2 2 0 002-2V11a2 2 0 00-2-2h-4l-3-3z\" \/><\/svg>\n                    <\/div>\n                    <h3 class=\"text-xl font-semibold mb-3\">\u062a\u0635\u0645\u064a\u0645 \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645<\/h3>\n                    <p class=\"text-gray-600\">\u0645\u0646\u0635\u0629 \u0628\u062f\u064a\u0647\u064a\u0629 \u0644\u0643\u0644 \u0645\u0646 \u0627\u0644\u0645\u062a\u062f\u0627\u0648\u0644\u064a\u0646 \u0627\u0644\u0645\u0628\u062a\u062f\u0626\u064a\u0646 \u0648\u0627\u0644\u0645\u062d\u062a\u0631\u0641\u064a\u0646 \u0639\u0644\u0649 \u062d\u062f \u0633\u0648\u0627\u0621\u060c \u0648\u0647\u064a \u0645\u062a\u0627\u062d\u0629 \u0639\u0644\u0649 \u0627\u0644\u0648\u064a\u0628 \u0648\u0627\u0644\u062c\u0648\u0627\u0644.<\/p>\n                <\/div>\n            <\/div>\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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>CEX- Unlock Your crypto exchange Future: Trade, Grow, Innovate. Your Premier Gateway to the Next Era of Finance. Secure, Seamless, and Limitless Opportunities Await. Learn More Contact Us BTC\/USDT +1.2% $41,253.67 +$496.12 Buy BTC \u20bf Pay With USDT $ Amount \u2248 $10,000.00 BTC Buy Bitcoin Comprehensive Digital Asset Services Spot Trading Instantly buy and sell [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/78","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=78"}],"version-history":[{"count":141,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":3503,"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/pages\/78\/revisions\/3503"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ar\/wp-json\/wp\/v2\/media?parent=78"}],"curies":[{"name":"\u062f\u0628\u0644\u064a\u0648 \u0628\u064a","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}