{"id":75,"date":"2026-09-15T14:45:05","date_gmt":"2026-09-15T14:45:05","guid":{"rendered":"https:\/\/www.pershatech.ir\/?page_id=75"},"modified":"2026-10-25T11:30:20","modified_gmt":"2026-10-25T11:30:20","slug":"%d8%af%d8%b1%d8%a8%d8%a7%d8%b1%d9%87-%d9%85%d8%a7","status":"publish","type":"page","link":"https:\/\/www.pershatech.ir\/?page_id=75","title":{"rendered":"\u062f\u0631\u0628\u0627\u0631\u0647 \u0645\u0627"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-right\">\u0645\u0623\u0645\u0648\u0631\u06cc\u062a \u0645\u0627<\/h2>\n<\/div>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u062a\u0628\u062f\u06cc\u0644 \u062f\u0627\u0646\u0634 \u0648 \u0641\u0646\u0627\u0648\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u062e\u062f\u0645\u0627\u062a \u0648 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0642\u0627\u0628\u0644 \u0627\u062a\u06a9\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627 \u0648 \u0635\u0646\u0627\u06cc\u0639 \u0648 \u06a9\u0645\u06a9 \u0628\u0647 \u0622\u0646\u0647\u0627 \u062f\u0631 \u0645\u0633\u06cc\u0631 \u0647\u0648\u0634\u0645\u0646\u062f\u0633\u0627\u0632\u06cc\u060c \u062a\u062d\u0648\u0644 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u060c \u062a\u0648\u0633\u0639\u0647 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u0627\u0646\u0647 \u0648 \u0627\u0631\u062a\u0642\u0627\u06cc \u062a\u0648\u0627\u0646 \u0631\u0642\u0627\u0628\u062a\u06cc.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-right\">\u0686\u0634\u0645\u200c\u0627\u0646\u062f\u0627\u0632 \u0645\u0627<\/h2>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u062a\u0628\u062f\u06cc\u0644\u200c\u0634\u062f\u0646 \u0628\u0647 \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627\u06cc \u0645\u0639\u062a\u0628\u0631 \u0641\u0646\u0627\u0648\u0631\u06cc \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc \u062f\u0631 \u0645\u0646\u0637\u0642\u0647 \u062f\u0631 \u062d\u0648\u0632\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0648 \u0627\u06cc\u062c\u0627\u062f \u06cc\u06a9 \u0632\u06cc\u0633\u062a\u200c\u0628\u0648\u0645 \u067e\u0627\u06cc\u062f\u0627\u0631 \u0628\u0631\u0627\u06cc \u0646\u0648\u0622\u0648\u0631\u06cc\u060c \u062a\u062d\u0642\u06cc\u0642 \u0648 \u062a\u0648\u0633\u0639\u0647\u060c \u062a\u062c\u0627\u0631\u06cc\u200c\u0633\u0627\u0632\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0648 \u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-right\">\u0641\u0644\u0633\u0641\u0647 \u0645\u0627<\/h1>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-right\">\u0641\u0646\u0627\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u0645\u0627 \u0647\u062f\u0641 \u0646\u06cc\u0633\u062a<\/h2>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0641\u0646\u0627\u0648\u0631\u06cc \u0632\u0645\u0627\u0646\u06cc \u0627\u0631\u0632\u0634\u0645\u0646\u062f \u0627\u0633\u062a \u06a9\u0647 \u0628\u062a\u0648\u0627\u0646\u062f \u06cc\u06a9 \u0645\u0633\u0626\u0644\u0647 \u0648\u0627\u0642\u0639\u06cc \u0631\u0627 \u062d\u0644 \u06a9\u0646\u062f.<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><strong>\u0627\u0628\u062a\u062f\u0627 \u0645\u0633\u0626\u0644\u0647 \u0631\u0627 \u0645\u06cc\u200c\u0641\u0647\u0645\u06cc\u0645.<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><strong>\u0633\u067e\u0633 \u0645\u0639\u0645\u0627\u0631\u06cc \u0631\u0627 \u0637\u0631\u0627\u062d\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><strong>\u0628\u0639\u062f \u0641\u0646\u0627\u0648\u0631\u06cc \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><strong>\u0633\u067e\u0633 \u0631\u0627\u0647\u06a9\u0627\u0631 \u0631\u0627 \u0645\u0647\u0646\u062f\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><strong>\u0648 \u062f\u0631 \u0646\u0647\u0627\u06cc\u062a \u0646\u062a\u06cc\u062c\u0647 \u0631\u0627 \u0627\u0646\u062f\u0627\u0632\u0647\u200c\u06af\u06cc\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-right\">\u0631\u0648\u06cc\u06a9\u0631\u062f \u0645\u0627<\/h1>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-right\">Problem First<\/h3>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0634\u0646\u0627\u062e\u062a \u0645\u0633\u0626\u0644\u0647 \u067e\u06cc\u0634 \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0641\u0646\u0627\u0648\u0631\u06cc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-right\">Architecture First<\/h3>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0637\u0631\u0627\u062d\u06cc \u0645\u0639\u0645\u0627\u0631\u06cc \u067e\u06cc\u0634 \u0627\u0632 \u062a\u0648\u0633\u0639\u0647.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-right\">Research Driven<\/h3>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u062d\u0642\u06cc\u0642 \u0648 \u062a\u0648\u0633\u0639\u0647 \u0628\u0631\u0627\u06cc \u0627\u06cc\u062c\u0627\u062f \u0642\u0627\u0628\u0644\u06cc\u062a \u062c\u062f\u06cc\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-right\">Security by Design<\/h3>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0627\u0645\u0646\u06cc\u062a \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0628\u062e\u0634\u06cc \u0627\u0632 \u0645\u0639\u0645\u0627\u0631\u06cc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-right\">Evidence Based<\/h3>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u062a\u0635\u0645\u06cc\u0645\u200c\u06af\u06cc\u0631\u06cc \u0628\u0631 \u067e\u0627\u06cc\u0647 \u062f\u0627\u062f\u0647 \u0648 \u0634\u0648\u0627\u0647\u062f.<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-right\">Business Oriented<\/h3>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u0627\u06cc\u062c\u0627\u062f \u0627\u0631\u0632\u0634 \u0648\u0627\u0642\u0639\u06cc.<\/p>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-right\">\u062a\u06cc\u0645 \u0648 \u0645\u062a\u062e\u0635\u0635\u0627\u0646<\/h1>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u062a\u0648\u0633\u0639\u0647 \u0641\u0646\u0627\u0648\u0631\u06cc \u0628\u0647 \u0627\u0646\u0633\u0627\u0646\u200c\u0647\u0627\u06cc \u0645\u062a\u062e\u0635\u0635 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u062f.<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u062f\u0631 Smart Structure\u060c \u0645\u062a\u062e\u0635\u0635\u0627\u0646 \u062d\u0648\u0632\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0641\u0646\u0627\u0648\u0631\u06cc\u060c \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u060c \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc\u060c \u062f\u0627\u062f\u0647\u060c \u0632\u06cc\u0631\u0633\u0627\u062e\u062a\u060c \u0645\u0639\u0645\u0627\u0631\u06cc\u060c \u062a\u062d\u0642\u06cc\u0642 \u0648 \u062a\u0648\u0633\u0639\u0647 \u0648 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u062f\u0631 \u0642\u0627\u0644\u0628 \u06cc\u06a9 \u062a\u06cc\u0645 \u0686\u0646\u062f\u062a\u062e\u0635\u0635\u06cc \u0628\u0631\u0627\u06cc \u062d\u0644 \u0645\u0633\u0627\u0626\u0644 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0647\u0645\u06a9\u0627\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><strong>[\u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u062a\u062e\u0635\u0635\u0627\u0646]<\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-right\">\u0645\u062c\u0648\u0632\u0647\u0627 \u0648 \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627<\/h1>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634\u060c \u0645\u062c\u0648\u0632\u0647\u0627\u060c \u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u060c \u0639\u0636\u0648\u06cc\u062a\u200c\u0647\u0627\u060c \u0631\u062a\u0628\u0647\u200c\u0647\u0627\u060c \u062f\u0633\u062a\u0627\u0648\u0631\u062f\u0647\u0627 \u0648 \u0633\u0648\u0627\u0628\u0642 \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0646\u0627\u062f \u0634\u0631\u06a9\u062a \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0647\u0631 \u0627\u062f\u0639\u0627 \u062f\u0631 \u0627\u06cc\u0646 \u0628\u062e\u0634 \u0628\u0627\u06cc\u062f \u0628\u0627 \u0633\u0646\u062f \u06cc\u0627 \u0645\u0631\u062c\u0639 \u0642\u0627\u0628\u0644 \u0627\u0631\u0627\u0626\u0647 \u0647\u0645\u0631\u0627\u0647 \u0628\u0627\u0634\u062f.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-right\">\u062f\u0633\u062a\u0627\u0648\u0631\u062f\u0647\u0627<\/h1>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0627\u06cc\u0646 \u0628\u062e\u0634 \u067e\u0633 \u0627\u0632 \u062c\u0645\u0639\u200c\u0622\u0648\u0631\u06cc \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u0648\u0627\u0642\u0639\u06cc \u0634\u0631\u06a9\u062a \u0628\u0627 \u0634\u0627\u062e\u0635\u200c\u0647\u0627\u06cc\u06cc \u0645\u0627\u0646\u0646\u062f<\/p>\n\n\n\n<blockquote class=\"wp-block-quote has-text-align-right is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-text-align-right wp-block-paragraph\">\u0645\u062d\u0635\u0648\u0644\u0627\u062a<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u067e\u0631\u0648\u0698\u0647\u200c\u0647\u0627<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0641\u0646\u0627\u0648\u0631\u06cc\u200c\u0647\u0627<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u067e\u0698\u0648\u0647\u0634\u200c\u0647\u0627<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627\u06cc \u0639\u0644\u0645\u06cc<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627\u06cc \u062a\u062c\u0627\u0631\u06cc<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u06af\u0648\u0627\u0647\u06cc\u0646\u0627\u0645\u0647\u200c\u0647\u0627<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0627\u062e\u062a\u0631\u0627\u0639\u0627\u062a<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0627\u0646\u062a\u0634\u0627\u0631\u0627\u062a<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0628\u0627\u0632\u0627\u0631\u0647\u0627\u06cc \u0641\u0639\u0627\u0644<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n<\/blockquote>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u062a\u06a9\u0645\u06cc\u0644 \u062e\u0648\u0627\u0647\u062f \u0634\u062f<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-right\">\u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0647\u0645\u06a9\u0627\u0631\u06cc<\/h1>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">\u0645\u0627 \u0627\u0632 \u0647\u0645\u06a9\u0627\u0631\u06cc\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u0627\u0646\u0647\u060c \u067e\u0698\u0648\u0647\u0634\u06cc\u060c \u0635\u0646\u0639\u062a\u06cc\u060c \u062a\u062c\u0627\u0631\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0628\u0627\u0632\u0627\u0631 \u0627\u0633\u062a\u0642\u0628\u0627\u0644 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645.<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><strong>[\u0645\u0634\u0627\u0647\u062f\u0647 \u0641\u0631\u0635\u062a\u200c\u0647\u0627\u06cc \u0647\u0645\u06a9\u0627\u0631\u06cc]<\/strong><\/p>\n\n\n<!-- =========================================================\n PERSHATECH| 3D TECHNOLOGY UNIVERSE\n Self-contained HTML\/CSS\/JS\n No external library \/ CDN required\n ========================================================= -->\n\n<div id=\"smart-structure-3d\" dir=\"rtl\">\n\n  <style>\n    \/* =====================================================\n       ROOT\n       ===================================================== *\/\n\n    #smart-structure-3d {\n      --bg-1: #020817;\n      --bg-2: #07152f;\n      --cyan: #22d3ee;\n      --blue: #3b82f6;\n      --violet: #8b5cf6;\n      --purple: #a855f7;\n      --green: #10b981;\n      --pink: #ec4899;\n      --orange: #f59e0b;\n      --text: #f8fafc;\n      --muted: #94a3b8;\n\n      position: relative;\n      width: 100%;\n      max-width: 1280px;\n\n      height: 680px;\n      min-height: 560px;\n\n      margin: 30px auto;\n\n      overflow: hidden;\n\n      border-radius: 28px;\n\n      background:\n        radial-gradient(\n          circle at 50% 45%,\n          rgba(30, 64, 175, .24),\n          transparent 32%\n        ),\n        radial-gradient(\n          circle at 15% 80%,\n          rgba(124, 58, 237, .12),\n          transparent 30%\n        ),\n        radial-gradient(\n          circle at 90% 20%,\n          rgba(6, 182, 212, .10),\n          transparent 30%\n        ),\n        linear-gradient(\n          135deg,\n          var(--bg-1),\n          var(--bg-2)\n        );\n\n      color: var(--text);\n\n      font-family:\n        \"Vazirmatn\",\n        \"IRANSans\",\n        \"Tahoma\",\n        Arial,\n        sans-serif;\n\n      isolation: isolate;\n\n      box-shadow:\n        0 30px 100px rgba(0,0,0,.45),\n        inset 0 0 80px rgba(14,165,233,.06);\n\n      border: 1px solid rgba(56,189,248,.16);\n    }\n\n\n    \/* =====================================================\n       BACKGROUND GRID\n       ===================================================== *\/\n\n    #smart-structure-3d::before {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n\n      background-image:\n        linear-gradient(\n          rgba(56,189,248,.045) 1px,\n          transparent 1px\n        ),\n        linear-gradient(\n          90deg,\n          rgba(56,189,248,.045) 1px,\n          transparent 1px\n        );\n\n      background-size: 50px 50px;\n\n      transform:\n        perspective(800px)\n        rotateX(60deg)\n        scale(1.8)\n        translateY(25%);\n\n      transform-origin: center bottom;\n\n      opacity: .35;\n\n      z-index: -2;\n    }\n\n\n    \/* =====================================================\n       AMBIENT LIGHT\n       ===================================================== *\/\n\n    #smart-structure-3d::after {\n      content: \"\";\n\n      position: absolute;\n\n      width: 420px;\n      height: 420px;\n\n      left: 50%;\n      top: 50%;\n\n      transform: translate(-50%, -50%);\n\n      background:\n        radial-gradient(\n          circle,\n          rgba(34,211,238,.14),\n          rgba(59,130,246,.05) 35%,\n          transparent 70%\n        );\n\n      filter: blur(15px);\n\n      pointer-events: none;\n\n      z-index: -1;\n\n      animation:\n        smartPulse 5s ease-in-out infinite;\n    }\n\n\n    @keyframes smartPulse {\n      0%,100% {\n        transform: translate(-50%,-50%) scale(.9);\n        opacity: .65;\n      }\n\n      50% {\n        transform: translate(-50%,-50%) scale(1.12);\n        opacity: 1;\n      }\n    }\n\n\n    \/* =====================================================\n       HEADER\n       ===================================================== *\/\n\n    .ss3d-header {\n      position: absolute;\n\n      top: 35px;\n      left: 40px;\n      right: 40px;\n\n      display: flex;\n\n      justify-content: space-between;\n      align-items: center;\n\n      z-index: 50;\n\n      pointer-events: none;\n    }\n\n\n    .ss3d-brand {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n    }\n\n\n    .ss3d-logo {\n      width: 46px;\n      height: 46px;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 14px;\n\n      background:\n        linear-gradient(\n          135deg,\n          rgba(34,211,238,.18),\n          rgba(139,92,246,.18)\n        );\n\n      border:\n        1px solid rgba(56,189,248,.3);\n\n      box-shadow:\n        0 0 25px rgba(34,211,238,.12);\n\n      font-size: 21px;\n      font-weight: 800;\n    }\n\n\n    .ss3d-brand-text strong {\n      display: block;\n\n      font-size: 15px;\n\n      letter-spacing: .5px;\n    }\n\n\n    .ss3d-brand-text span {\n      display: block;\n\n      margin-top: 4px;\n\n      font-size: 10px;\n\n      color: var(--muted);\n\n      letter-spacing: 1.2px;\n\n      direction: ltr;\n    }\n\n\n    .ss3d-title {\n      text-align: left;\n    }\n\n\n    .ss3d-title strong {\n      display: block;\n\n      font-size: 24px;\n\n      font-weight: 800;\n\n      background:\n        linear-gradient(\n          90deg,\n          #fff,\n          #67e8f9,\n          #a78bfa\n        );\n\n      -webkit-background-clip: text;\n      background-clip: text;\n\n      color: transparent;\n    }\n\n\n    .ss3d-title span {\n      display: block;\n\n      margin-top: 6px;\n\n      color: #94a3b8;\n\n      font-size: 12px;\n    }\n\n\n    \/* =====================================================\n       3D SCENE\n       ===================================================== *\/\n\n    .ss3d-scene {\n      position: absolute;\n\n      inset: 100px 0 50px 0;\n\n      display: flex;\n\n      justify-content: center;\n      align-items: center;\n\n      perspective: 1200px;\n\n      transform-style: preserve-3d;\n    }\n\n\n    .ss3d-world {\n      position: relative;\n\n      width: 470px;\n      height: 470px;\n\n      transform-style: preserve-3d;\n\n      transform:\n        rotateX(12deg)\n        rotateY(0deg);\n\n      transition:\n        transform .25s ease-out;\n\n      will-change: transform;\n    }\n\n\n    \/* =====================================================\n       DIGITAL CORE\n       ===================================================== *\/\n\n    .ss3d-core {\n      position: absolute;\n\n      width: 190px;\n      height: 190px;\n\n      left: 50%;\n      top: 50%;\n\n      transform:\n        translate(-50%, -50%)\n        translateZ(30px);\n\n      transform-style: preserve-3d;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      border-radius: 50%;\n\n      background:\n        radial-gradient(\n          circle at 35% 30%,\n          #2563eb,\n          #0f172a 60%\n        );\n\n      border:\n        2px solid rgba(34,211,238,.75);\n\n      box-shadow:\n        0 0 25px rgba(34,211,238,.5),\n        0 0 70px rgba(59,130,246,.35),\n        inset 0 0 35px rgba(139,92,246,.35);\n\n      animation:\n        coreFloat 5s ease-in-out infinite;\n\n      z-index: 20;\n    }\n\n\n    @keyframes coreFloat {\n      0%,100% {\n        transform:\n          translate(-50%,-50%)\n          translateZ(30px)\n          rotateZ(0deg);\n      }\n\n      50% {\n        transform:\n          translate(-50%,-53%)\n          translateZ(50px)\n          rotateZ(2deg);\n      }\n    }\n\n\n    .ss3d-core-inner {\n      width: 145px;\n      height: 145px;\n\n      border-radius: 50%;\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      flex-direction: column;\n\n      text-align: center;\n\n      background:\n        radial-gradient(\n          circle,\n          rgba(30,64,175,.9),\n          rgba(2,8,23,.95)\n        );\n\n      border:\n        1px solid rgba(125,211,252,.4);\n\n      box-shadow:\n        inset 0 0 35px rgba(34,211,238,.15);\n    }\n\n\n    .ss3d-ai-icon {\n      font-size: 38px;\n\n      line-height: 1;\n\n      margin-bottom: 8px;\n\n      filter:\n        drop-shadow(\n          0 0 12px\n          rgba(34,211,238,.8)\n        );\n    }\n\n\n    .ss3d-core-title {\n      font-size: 24px;\n\n      font-weight: 900;\n\n      direction: ltr;\n\n      letter-spacing: 1px;\n    }\n\n\n    .ss3d-core-sub {\n      margin-top: 4px;\n\n      color: #67e8f9;\n\n      font-size: 10px;\n\n      letter-spacing: 1.4px;\n\n      direction: ltr;\n    }\n\n\n    \/* =====================================================\n       ORBIT RINGS\n       ===================================================== *\/\n\n    .ss3d-orbit {\n      position: absolute;\n\n      left: 50%;\n      top: 50%;\n\n      border-radius: 50%;\n\n      border:\n        1px solid rgba(56,189,248,.25);\n\n      transform-style: preserve-3d;\n\n      pointer-events: none;\n    }\n\n\n    .ss3d-orbit-1 {\n      width: 330px;\n      height: 330px;\n\n      transform:\n        translate(-50%,-50%)\n        rotateX(70deg);\n\n      animation:\n        orbit1 15s linear infinite;\n    }\n\n\n    .ss3d-orbit-2 {\n      width: 410px;\n      height: 410px;\n\n      transform:\n        translate(-50%,-50%)\n        rotateX(70deg)\n        rotateY(35deg);\n\n      border-color:\n        rgba(139,92,246,.22);\n\n      animation:\n        orbit2 20s linear infinite reverse;\n    }\n\n\n    .ss3d-orbit-3 {\n      width: 470px;\n      height: 250px;\n\n      transform:\n        translate(-50%,-50%)\n        rotateY(70deg);\n\n      border-color:\n        rgba(16,185,129,.18);\n\n      animation:\n        orbit3 17s linear infinite;\n    }\n\n\n    @keyframes orbit1 {\n      from {\n        transform:\n          translate(-50%,-50%)\n          rotateX(70deg)\n          rotateZ(0deg);\n      }\n\n      to {\n        transform:\n          translate(-50%,-50%)\n          rotateX(70deg)\n          rotateZ(360deg);\n      }\n    }\n\n\n    @keyframes orbit2 {\n      from {\n        transform:\n          translate(-50%,-50%)\n          rotateX(70deg)\n          rotateY(35deg)\n          rotateZ(0deg);\n      }\n\n      to {\n        transform:\n          translate(-50%,-50%)\n          rotateX(70deg)\n          rotateY(35deg)\n          rotateZ(360deg);\n      }\n    }\n\n\n    @keyframes orbit3 {\n      from {\n        transform:\n          translate(-50%,-50%)\n          rotateY(70deg)\n          rotateZ(0deg);\n      }\n\n      to {\n        transform:\n          translate(-50%,-50%)\n          rotateY(70deg)\n          rotateZ(360deg);\n      }\n    }\n\n\n    \/* =====================================================\n       TECHNOLOGY NODES\n       ===================================================== *\/\n\n    .ss3d-node {\n      position: absolute;\n\n      width: 105px;\n      min-height: 64px;\n\n      padding: 10px 9px;\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      flex-direction: column;\n\n      text-align: center;\n\n      border-radius: 17px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(15,23,42,.92),\n          rgba(15,23,42,.62)\n        );\n\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n\n      border:\n        1px solid rgba(56,189,248,.25);\n\n      box-shadow:\n        0 15px 35px rgba(0,0,0,.3),\n        inset 0 0 20px rgba(59,130,246,.05);\n\n      transform-style: preserve-3d;\n\n      transition:\n        transform .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n\n      z-index: 30;\n\n      cursor: default;\n    }\n\n\n    .ss3d-node:hover {\n      transform:\n        translateZ(35px)\n        scale(1.08);\n\n      border-color:\n        rgba(103,232,249,.8);\n\n      box-shadow:\n        0 20px 50px rgba(0,0,0,.45),\n        0 0 30px rgba(34,211,238,.16);\n    }\n\n\n    .ss3d-node-icon {\n      font-size: 23px;\n\n      line-height: 1;\n\n      margin-bottom: 5px;\n    }\n\n\n    .ss3d-node-title {\n      font-size: 11px;\n\n      font-weight: 800;\n\n      line-height: 1.5;\n    }\n\n\n    .ss3d-node-sub {\n      direction: ltr;\n\n      margin-top: 2px;\n\n      font-size: 8px;\n\n      color: #64748b;\n    }\n\n\n    \/* positions *\/\n\n    .node-ai {\n      top: 5px;\n      left: 50%;\n\n      transform:\n        translateX(-50%)\n        translateZ(70px);\n\n      border-color:\n        rgba(34,211,238,.55);\n\n      box-shadow:\n        0 0 30px rgba(34,211,238,.18);\n    }\n\n\n    .node-data {\n      top: 82px;\n      left: 5px;\n\n      transform:\n        translateZ(40px);\n    }\n\n\n    .node-cloud {\n      top: 82px;\n      right: 5px;\n\n      transform:\n        translateZ(55px);\n    }\n\n\n    .node-robotics {\n      top: 205px;\n      left: -5px;\n\n      transform:\n        translateZ(65px);\n    }\n\n\n    .node-iot {\n      top: 205px;\n      right: -5px;\n\n      transform:\n        translateZ(45px);\n    }\n\n\n    .node-edge {\n      bottom: 70px;\n      left: 30px;\n\n      transform:\n        translateZ(70px);\n    }\n\n\n    .node-cyber {\n      bottom: 70px;\n      right: 30px;\n\n      transform:\n        translateZ(80px);\n    }\n\n\n    .node-twin {\n      bottom: 0;\n      left: 50%;\n\n      transform:\n        translateX(-50%)\n        translateZ(50px);\n    }\n\n\n    \/* colors *\/\n\n    .cyan {\n      color: #67e8f9;\n    }\n\n    .blue {\n      color: #60a5fa;\n    }\n\n    .purple {\n      color: #c4b5fd;\n    }\n\n    .green {\n      color: #6ee7b7;\n    }\n\n    .pink {\n      color: #f9a8d4;\n    }\n\n    .orange {\n      color: #fcd34d;\n    }\n\n\n    \/* =====================================================\n       CONNECTION LINES\n       ===================================================== *\/\n\n    .ss3d-line {\n      position: absolute;\n\n      height: 1px;\n\n      transform-origin: left center;\n\n      background:\n        linear-gradient(\n          90deg,\n          transparent,\n          rgba(34,211,238,.65),\n          transparent\n        );\n\n      opacity: .5;\n\n      z-index: 4;\n\n      pointer-events: none;\n    }\n\n\n    .line-1 {\n      width: 165px;\n\n      top: 115px;\n      left: 105px;\n\n      transform:\n        rotate(20deg);\n    }\n\n\n    .line-2 {\n      width: 165px;\n\n      top: 115px;\n      right: 105px;\n\n      transform:\n        rotate(160deg);\n    }\n\n\n    .line-3 {\n      width: 145px;\n\n      top: 255px;\n      left: 90px;\n\n      transform:\n        rotate(-5deg);\n    }\n\n\n    .line-4 {\n      width: 145px;\n\n      top: 255px;\n      right: 90px;\n\n      transform:\n        rotate(185deg);\n    }\n\n\n    .line-5 {\n      width: 150px;\n\n      bottom: 100px;\n      left: 90px;\n\n      transform:\n        rotate(25deg);\n    }\n\n\n    .line-6 {\n      width: 150px;\n\n      bottom: 100px;\n      right: 90px;\n\n      transform:\n        rotate(155deg);\n    }\n\n\n    \/* =====================================================\n       BOTTOM OUTCOMES\n       ===================================================== *\/\n\n    .ss3d-outcomes {\n      position: absolute;\n\n      left: 50%;\n      bottom: 30px;\n\n      transform:\n        translateX(-50%);\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      gap: 12px;\n\n      width: 560px;\n\n      z-index: 45;\n    }\n\n\n    .ss3d-outcome {\n      width: 165px;\n      height: 54px;\n\n      display: flex;\n\n      align-items: center;\n      justify-content: center;\n\n      gap: 8px;\n\n      border-radius: 15px;\n\n      background:\n        rgba(2,8,23,.75);\n\n      border:\n        1px solid rgba(56,189,248,.25);\n\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n\n      font-size: 11px;\n\n      font-weight: 800;\n\n      transition:\n        transform .3s ease,\n        border-color .3s ease,\n        box-shadow .3s ease;\n    }\n\n\n    .ss3d-outcome:hover {\n      transform:\n        translateY(-5px);\n\n      border-color:\n        rgba(103,232,249,.7);\n\n      box-shadow:\n        0 10px 30px rgba(34,211,238,.13);\n    }\n\n\n    .outcome-icon {\n      font-size: 19px;\n    }\n\n\n    .outcome-products {\n      color: #60a5fa;\n    }\n\n    .outcome-services {\n      color: #c4b5fd;\n    }\n\n    .outcome-solutions {\n      color: #6ee7b7;\n    }\n\n\n    \/* =====================================================\n       SIDE MESSAGE\n       ===================================================== *\/\n\n    .ss3d-message {\n      position: absolute;\n\n      left: 38px;\n      bottom: 112px;\n\n      width: 245px;\n\n      padding: 17px;\n\n      border-radius: 18px;\n\n      background:\n        linear-gradient(\n          145deg,\n          rgba(15,23,42,.88),\n          rgba(15,23,42,.54)\n        );\n\n      border:\n        1px solid rgba(56,189,248,.16);\n\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n\n      z-index: 45;\n    }\n\n\n    .ss3d-message-label {\n      font-size: 9px;\n\n      letter-spacing: 1.5px;\n\n      color: #67e8f9;\n\n      direction: ltr;\n\n      text-transform: uppercase;\n    }\n\n\n    .ss3d-message h3 {\n      margin: 8px 0 7px;\n\n      font-size: 17px;\n\n      line-height: 1.5;\n    }\n\n\n    .ss3d-message p {\n      margin: 0;\n\n      color: #94a3b8;\n\n      font-size: 10px;\n\n      line-height: 2;\n    }\n\n\n    \/* =====================================================\n       FOOTER\n       ===================================================== *\/\n\n    .ss3d-footer {\n      position: absolute;\n\n      left: 40px;\n      right: 40px;\n      bottom: 12px;\n\n      display: flex;\n\n      justify-content: space-between;\n\n      align-items: center;\n\n      z-index: 50;\n\n      color: #64748b;\n\n      font-size: 9px;\n    }\n\n\n    .ss3d-footer .ltr {\n      direction: ltr;\n\n      letter-spacing: 1.5px;\n    }\n\n\n    \/* =====================================================\n       FALLBACK\n       ===================================================== *\/\n\n    .ss3d-fallback {\n      display: none;\n\n      position: absolute;\n\n      inset: 0;\n\n      align-items: center;\n      justify-content: center;\n\n      text-align: center;\n\n      padding: 30px;\n    }\n\n\n    .ss3d-fallback-box {\n      max-width: 600px;\n    }\n\n\n    .ss3d-fallback h2 {\n      font-size: 28px;\n      margin-bottom: 15px;\n    }\n\n\n    .ss3d-fallback p {\n      color: #94a3b8;\n\n      line-height: 2;\n    }\n\n\n    \/* =====================================================\n       RESPONSIVE\n       ===================================================== *\/\n\n    @media (max-width: 1000px) {\n\n      #smart-structure-3d {\n        height: 720px;\n      }\n\n      .ss3d-message {\n        display: none;\n      }\n\n      .ss3d-title {\n        display: none;\n      }\n    }\n\n\n    @media (max-width: 700px) {\n\n      #smart-structure-3d {\n        height: 720px;\n\n        border-radius: 20px;\n      }\n\n      .ss3d-header {\n        top: 22px;\n\n        left: 20px;\n        right: 20px;\n      }\n\n      .ss3d-scene {\n        inset:\n          75px 0 120px 0;\n\n        transform:\n          scale(.78);\n      }\n\n      .ss3d-world {\n        flex-shrink: 0;\n      }\n\n      .ss3d-outcomes {\n        bottom: 42px;\n\n        width: calc(100% - 24px);\n\n        gap: 6px;\n      }\n\n      .ss3d-outcome {\n        width: 31%;\n\n        height: 48px;\n\n        font-size: 9px;\n      }\n\n      .ss3d-footer {\n        display: none;\n      }\n    }\n\n\n    @media (max-width: 450px) {\n\n      #smart-structure-3d {\n        height: 650px;\n      }\n\n      .ss3d-scene {\n        transform:\n          scale(.62);\n      }\n\n      .ss3d-outcome {\n        height: 45px;\n\n        font-size: 8px;\n      }\n\n      .outcome-icon {\n        font-size: 15px;\n      }\n    }\n\n\n    \/* =====================================================\n       REDUCED MOTION\n       ===================================================== *\/\n\n    @media (prefers-reduced-motion: reduce) {\n\n      #smart-structure-3d *,\n      #smart-structure-3d::after {\n        animation-duration: .01ms !important;\n\n        animation-iteration-count: 1 !important;\n\n        transition-duration: .01ms !important;\n      }\n    }\n\n  <\/style>\n\n\n  <!-- =====================================================\n       HEADER\n       ===================================================== -->\n\n  <div class=\"ss3d-header\">\n\n    <div class=\"ss3d-brand\">\n\n      <div class=\"ss3d-logo\">\n        SS\n      <\/div>\n\n      <div class=\"ss3d-brand-text\">\n        <strong>PERSHATECH<\/strong>\n        <span>TECHNOLOGY \u2022 ENGINEERING \u2022 R&amp;D<\/span>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"ss3d-title\">\n\n      <strong>\u0641\u0646\u0627\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u062d\u0644 \u0645\u0633\u0627\u0626\u0644 \u067e\u06cc\u0686\u06cc\u062f\u0647<\/strong>\n\n      <span>\n        Technology \u2022 Engineering \u2022 Research \u2022 Business\n      <\/span>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       3D SCENE\n       ===================================================== -->\n\n  <div class=\"ss3d-scene\">\n\n    <div class=\"ss3d-world\" id=\"ss3dWorld\">\n\n\n      <!-- ORBITS -->\n\n      <div class=\"ss3d-orbit ss3d-orbit-1\"><\/div>\n\n      <div class=\"ss3d-orbit ss3d-orbit-2\"><\/div>\n\n      <div class=\"ss3d-orbit ss3d-orbit-3\"><\/div>\n\n\n      <!-- CONNECTIONS -->\n\n      <div class=\"ss3d-line line-1\"><\/div>\n      <div class=\"ss3d-line line-2\"><\/div>\n      <div class=\"ss3d-line line-3\"><\/div>\n      <div class=\"ss3d-line line-4\"><\/div>\n      <div class=\"ss3d-line line-5\"><\/div>\n      <div class=\"ss3d-line line-6\"><\/div>\n\n\n      <!-- AI -->\n\n      <div class=\"ss3d-node node-ai\">\n\n        <div class=\"ss3d-node-icon cyan\">\n          \u25c9\n        <\/div>\n\n        <div class=\"ss3d-node-title\">\n          \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc\n        <\/div>\n\n        <div class=\"ss3d-node-sub\">\n          AI\n        <\/div>\n\n      <\/div>\n\n\n      <!-- DATA -->\n\n      <div class=\"ss3d-node node-data\">\n\n        <div class=\"ss3d-node-icon blue\">\n          \u25c8\n        <\/div>\n\n        <div class=\"ss3d-node-title\">\n          \u062f\u0627\u062f\u0647 \u0648 \u06a9\u0644\u0627\u0646\u200c\u062f\u0627\u062f\u0647\n        <\/div>\n\n        <div class=\"ss3d-node-sub\">\n          DATA\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CLOUD -->\n\n      <div class=\"ss3d-node node-cloud\">\n\n        <div class=\"ss3d-node-icon cyan\">\n          \u2601\n        <\/div>\n\n        <div class=\"ss3d-node-title\">\n          \u0631\u0627\u06cc\u0627\u0646\u0634 \u0627\u0628\u0631\u06cc\n        <\/div>\n\n        <div class=\"ss3d-node-sub\">\n          CLOUD\n        <\/div>\n\n      <\/div>\n\n\n      <!-- ROBOTICS -->\n\n      <div class=\"ss3d-node node-robotics\">\n\n        <div class=\"ss3d-node-icon purple\">\n          \u2699\n        <\/div>\n\n        <div class=\"ss3d-node-title\">\n          \u0631\u0628\u0627\u062a\u06cc\u06a9\n        <\/div>\n\n        <div class=\"ss3d-node-sub\">\n          ROBOTICS\n        <\/div>\n\n      <\/div>\n\n\n      <!-- IoT -->\n\n      <div class=\"ss3d-node node-iot\">\n\n        <div class=\"ss3d-node-icon green\">\n          \u2318\n        <\/div>\n\n        <div class=\"ss3d-node-title\">\n          \u0627\u06cc\u0646\u062a\u0631\u0646\u062a \u0627\u0634\u06cc\u0627\n        <\/div>\n\n        <div class=\"ss3d-node-sub\">\n          IoT\n        <\/div>\n\n      <\/div>\n\n\n      <!-- EDGE -->\n\n      <div class=\"ss3d-node node-edge\">\n\n        <div class=\"ss3d-node-icon orange\">\n          \u25a3\n        <\/div>\n\n        <div class=\"ss3d-node-title\">\n          \u067e\u0631\u062f\u0627\u0632\u0634 \u0644\u0628\u0647\n        <\/div>\n\n        <div class=\"ss3d-node-sub\">\n          EDGE\n        <\/div>\n\n      <\/div>\n\n\n      <!-- CYBER -->\n\n      <div class=\"ss3d-node node-cyber\">\n\n        <div class=\"ss3d-node-icon pink\">\n          \u25c7\n        <\/div>\n\n        <div class=\"ss3d-node-title\">\n          \u0627\u0645\u0646\u06cc\u062a \u0633\u0627\u06cc\u0628\u0631\u06cc\n        <\/div>\n\n        <div class=\"ss3d-node-sub\">\n          CYBERSECURITY\n        <\/div>\n\n      <\/div>\n\n\n      <!-- DIGITAL TWIN -->\n\n      <div class=\"ss3d-node node-twin\">\n\n        <div class=\"ss3d-node-icon cyan\">\n          \u25eb\n        <\/div>\n\n        <div class=\"ss3d-node-title\">\n          \u062f\u0648\u0642\u0644\u0648\u06cc \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\n        <\/div>\n\n        <div class=\"ss3d-node-sub\">\n          DIGITAL TWIN\n        <\/div>\n\n      <\/div>\n\n\n      <!-- DIGITAL CORE -->\n\n      <div class=\"ss3d-core\">\n\n        <div class=\"ss3d-core-inner\">\n\n          <div class=\"ss3d-ai-icon\">\n            \u2726\n          <\/div>\n\n          <div class=\"ss3d-core-title\">\n            DIGITAL CORE\n          <\/div>\n\n          <div class=\"ss3d-core-sub\">\n            SMART TECHNOLOGY\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       MESSAGE\n       ===================================================== -->\n\n  <div class=\"ss3d-message\">\n\n    <div class=\"ss3d-message-label\">\n      PERSHATECH\n    <\/div>\n\n    <h3>\n\u0627\u0632 \u0641\u0646\u0627\u0648\u0631\u06cc \u062a\u0627 \u0631\u0627\u0647\u06a9\u0627\u0631\n    <\/h3>\n\n    <p>\n      \u062a\u0631\u06a9\u06cc\u0628 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc\u060c \u062f\u0627\u062f\u0647\u060c Cloud\u060c Edge\u060c\n      IoT\u060c Robotics\u060c Digital Twin \u0648 Cybersecurity\n      \u0628\u0631\u0627\u06cc \u0637\u0631\u0627\u062d\u06cc \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0642\u0631\u0627\u0631.\n    <\/p>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       OUTCOMES\n       ===================================================== -->\n\n  <div class=\"ss3d-outcomes\">\n\n    <div class=\"ss3d-outcome outcome-products\">\n\n      <span class=\"outcome-icon\">\n        \u25c8\n      <\/span>\n\n      <span>\n        PRODUCTS\n      <\/span>\n\n    <\/div>\n\n\n    <div class=\"ss3d-outcome outcome-services\">\n\n      <span class=\"outcome-icon\">\n        \u2699\n      <\/span>\n\n      <span>\n        SERVICES\n      <\/span>\n\n    <\/div>\n\n\n    <div class=\"ss3d-outcome outcome-solutions\">\n\n      <span class=\"outcome-icon\">\n        \u2726\n      <\/span>\n\n      <span>\n        SOLUTIONS\n      <\/span>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       FOOTER\n       ===================================================== -->\n\n  <div class=\"ss3d-footer\">\n\n    <span>\n      \u0645\u0647\u0646\u062f\u0633\u06cc \u0641\u0646\u0627\u0648\u0631\u06cc \u0628\u0631\u0627\u06cc \u062d\u0644 \u0645\u0633\u0627\u0626\u0644 \u067e\u06cc\u0686\u06cc\u062f\u0647\n    <\/span>\n\n    <span class=\"ltr\">\n      ENGINEERING TECHNOLOGY FOR COMPLEX PROBLEMS\n    <\/span>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       FALLBACK\n       ===================================================== -->\n\n  <div class=\"ss3d-fallback\">\n\n    <div class=\"ss3d-fallback-box\">\n\n      <h2>\n        PERSHATECH\n      <\/h2>\n\n      <p>\n        \u0641\u0646\u0627\u0648\u0631\u06cc\u060c \u0645\u0647\u0646\u062f\u0633\u06cc \u0648 \u062a\u062d\u0642\u06cc\u0642 \u0648 \u062a\u0648\u0633\u0639\u0647 \u0628\u0631\u0627\u06cc \u062a\u0628\u062f\u06cc\u0644\n        \u0645\u0633\u0627\u0626\u0644 \u067e\u06cc\u0686\u06cc\u062f\u0647 \u0628\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0642\u0627\u0628\u0644 \u0627\u0633\u062a\u0642\u0631\u0627\u0631.\n      <\/p>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       JAVASCRIPT\n       ===================================================== -->\n\n  <script>\n    (function () {\n\n      \"use strict\";\n\n      const container =\n        document.getElementById(\"smart-structure-3d\");\n\n      const world =\n        document.getElementById(\"ss3dWorld\");\n\n      if (!container || !world) {\n        return;\n      }\n\n\n      \/* ===================================================\n         MOUSE \/ TOUCH PARALLAX\n         =================================================== *\/\n\n      let targetX = 0;\n      let targetY = 0;\n\n      let currentX = 0;\n      let currentY = 0;\n\n      let animationFrame = null;\n\n\n      function animateWorld() {\n\n        currentX +=\n          (targetX - currentX) * 0.07;\n\n        currentY +=\n          (targetY - currentY) * 0.07;\n\n        world.style.transform =\n          \"rotateX(\" +\n          (12 + currentY) +\n          \"deg) rotateY(\" +\n          currentX +\n          \"deg)\";\n\n        animationFrame =\n          requestAnimationFrame(\n            animateWorld\n          );\n      }\n\n\n      function updatePointer(x, y) {\n\n        const rect =\n          container.getBoundingClientRect();\n\n        const px =\n          (x - rect.left) \/\n          rect.width;\n\n        const py =\n          (y - rect.top) \/\n          rect.height;\n\n        targetX =\n          (px - 0.5) * 14;\n\n        targetY =\n          -(py - 0.5) * 10;\n      }\n\n\n      container.addEventListener(\n        \"mousemove\",\n        function (event) {\n\n          updatePointer(\n            event.clientX,\n            event.clientY\n          );\n\n        },\n        { passive: true }\n      );\n\n\n      container.addEventListener(\n        \"mouseleave\",\n        function () {\n\n          targetX = 0;\n          targetY = 0;\n\n        },\n        { passive: true }\n      );\n\n\n      container.addEventListener(\n        \"touchmove\",\n        function (event) {\n\n          if (!event.touches.length) {\n            return;\n          }\n\n          updatePointer(\n            event.touches[0].clientX,\n            event.touches[0].clientY\n          );\n\n        },\n        { passive: true }\n      );\n\n\n      container.addEventListener(\n        \"touchend\",\n        function () {\n\n          targetX = 0;\n          targetY = 0;\n\n        },\n        { passive: true }\n      );\n\n\n      \/* ===================================================\n         START\n         =================================================== *\/\n\n      animateWorld();\n\n\n      \/* ===================================================\n         ACCESSIBILITY\n         =================================================== *\/\n\n      const reducedMotion =\n        window.matchMedia &&\n        window.matchMedia(\n          \"(prefers-reduced-motion: reduce)\"\n        ).matches;\n\n\n      if (reducedMotion) {\n\n        cancelAnimationFrame(\n          animationFrame\n        );\n\n        world.style.transform =\n          \"rotateX(12deg) rotateY(0deg)\";\n      }\n\n\n      \/* ===================================================\n         FALLBACK DETECTION\n         =================================================== *\/\n\n      const supports3D =\n        \"transformStyle\" in\n        document.documentElement.style ||\n        \"webkitTransformStyle\" in\n        document.documentElement.style;\n\n\n      if (!supports3D) {\n\n        const scene =\n          container.querySelector(\n            \".ss3d-scene\"\n          );\n\n        const fallback =\n          container.querySelector(\n            \".ss3d-fallback\"\n          );\n\n        if (scene) {\n          scene.style.display = \"none\";\n        }\n\n        if (fallback) {\n          fallback.style.display = \"flex\";\n        }\n\n      }\n\n    })();\n  <\/script>\n\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0623\u0645\u0648\u0631\u06cc\u062a \u0645\u0627 \u062a\u0628\u062f\u06cc\u0644 \u062f\u0627\u0646\u0634 \u0648 \u0641\u0646\u0627\u0648\u0631\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0628\u0647 \u0645\u062d\u0635\u0648\u0644\u0627\u062a\u060c \u062e\u062f\u0645\u0627\u062a \u0648 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u0642\u0627\u0628\u0644 \u0627\u062a\u06a9\u0627 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627 \u0648 \u0635\u0646\u0627\u06cc\u0639 \u0648 \u06a9\u0645\u06a9 \u0628\u0647 \u0622\u0646\u0647\u0627 \u062f\u0631 \u0645\u0633\u06cc\u0631 \u0647\u0648\u0634\u0645\u0646\u062f\u0633\u0627\u0632\u06cc\u060c \u062a\u062d\u0648\u0644 \u062f\u06cc\u062c\u06cc\u062a\u0627\u0644\u060c \u062a\u0648\u0633\u0639\u0647 \u0632\u06cc\u0631\u0633\u0627\u062e\u062a\u200c\u0647\u0627\u06cc \u0641\u0646\u0627\u0648\u0631\u0627\u0646\u0647 \u0648 \u0627\u0631\u062a\u0642\u0627\u06cc \u062a\u0648\u0627\u0646 \u0631\u0642\u0627\u0628\u062a\u06cc. \u0686\u0634\u0645\u200c\u0627\u0646\u062f\u0627\u0632 \u0645\u0627 \u062a\u0628\u062f\u06cc\u0644\u200c\u0634\u062f\u0646 \u0628\u0647 \u06cc\u06a9\u06cc \u0627\u0632 \u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627\u06cc \u0645\u0639\u062a\u0628\u0631 \u0641\u0646\u0627\u0648\u0631\u06cc \u0648 \u0645\u0647\u0646\u062f\u0633\u06cc \u062f\u0631 \u0645\u0646\u0637\u0642\u0647 \u062f\u0631 \u062d\u0648\u0632\u0647 \u0637\u0631\u0627\u062d\u06cc \u0648 \u062a\u0648\u0633\u0639\u0647 \u0631\u0627\u0647\u06a9\u0627\u0631\u0647\u0627\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0648 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-75","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pershatech.ir\/index.php?rest_route=\/wp\/v2\/pages\/75","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pershatech.ir\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pershatech.ir\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pershatech.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pershatech.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=75"}],"version-history":[{"count":20,"href":"https:\/\/www.pershatech.ir\/index.php?rest_route=\/wp\/v2\/pages\/75\/revisions"}],"predecessor-version":[{"id":337,"href":"https:\/\/www.pershatech.ir\/index.php?rest_route=\/wp\/v2\/pages\/75\/revisions\/337"}],"wp:attachment":[{"href":"https:\/\/www.pershatech.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}