{"id":1610,"date":"2026-06-16T16:02:25","date_gmt":"2026-06-16T12:32:25","guid":{"rendered":"https:\/\/search4.ir\/blog\/?p=1610"},"modified":"2026-06-16T17:22:27","modified_gmt":"2026-06-16T13:52:27","slug":"%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%d8%ac%d8%a7%d9%85%d8%b9-%d8%ac%d8%b9%d8%a8%d9%87-%d9%84%d8%a7%db%8c%d8%aa%d9%86%d8%b1-%d8%b3%d8%b1%da%86-%d9%81%d9%88%d8%b1-%d8%a2%d9%85%d9%88%d8%b2%d8%b4","status":"publish","type":"post","link":"https:\/\/search4.ir\/blog\/%d8%b1%d8%a7%d9%87%d9%86%d9%85%d8%a7%db%8c-%d8%ac%d8%a7%d9%85%d8%b9-%d8%ac%d8%b9%d8%a8%d9%87-%d9%84%d8%a7%db%8c%d8%aa%d9%86%d8%b1-%d8%b3%d8%b1%da%86-%d9%81%d9%88%d8%b1-%d8%a2%d9%85%d9%88%d8%b2%d8%b4\/","title":{"rendered":"\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0633\u0631\u0686 \u0641\u0648\u0631 &#8211; \u0622\u0645\u0648\u0632\u0634 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u06a9\u0644\u0645\u0627\u062a \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0628\u062f\u0648\u0646 \u0641\u0631\u0627\u0645\u0648\u0634\u06cc"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0633\u0631\u0686 \u0641\u0648\u0631 &#8211; \u0622\u0645\u0648\u0632\u0634 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u06a9\u0644\u0645\u0627\u062a \u0628\u062f\u0648\u0646 \u0641\u0631\u0627\u0645\u0648\u0634\u06cc<\/title>\n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <!-- Premium Persian Web Font Loader -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;700;800&amp;display=swap\" rel=\"stylesheet\">\n    \n    <!-- SEO Google FAQ Schema (JSON-LD) -->\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"FAQPage\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"\u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0686\u0642\u062f\u0631 \u0632\u0645\u0627\u0646 \u0645\u06cc\u200c\u0628\u0631\u062f \u062a\u0627 \u06a9\u0644\u0645\u0627\u062a \u0631\u0627 \u06a9\u0627\u0645\u0644\u0627\u064b \u062d\u0641\u0638 \u0634\u0648\u0645\u061f\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"\u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0644\u0627\u06cc\u062a\u0646\u0631\u060c \u0627\u06af\u0631 \u06cc\u06a9 \u06a9\u0644\u0645\u0647 \u0631\u0627 \u0628\u062f\u0648\u0646 \u0627\u0634\u062a\u0628\u0627\u0647 \u062f\u0631 \u0645\u0631\u0627\u062d\u0644 \u0645\u062e\u062a\u0644\u0641 \u0645\u0631\u0648\u0631 \u06a9\u0646\u06cc\u062f\u060c \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u067e\u0633 \u0627\u0632 \u06f5 \u0627\u0644\u06cc \u06f6 \u0645\u0631\u062d\u0644\u0647 (\u062d\u062f\u0648\u062f \u06f1\u06f6 \u062a\u0627 \u06f3\u06f0 \u0631\u0648\u0632 \u0628\u0633\u062a\u0647 \u0628\u0647 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u062f\u0642\u06cc\u0642 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645) \u0622\u0646 \u0648\u0627\u0698\u0647 \u0628\u0631\u0627\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0627\u0632 \u062d\u0627\u0641\u0638\u0647 \u06a9\u0648\u062a\u0627\u0647\u200c\u0645\u062f\u062a \u0648\u0627\u0631\u062f \u062d\u0627\u0641\u0638\u0647 \u0628\u0644\u0646\u062f\u0645\u062f\u062a \u0634\u0645\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"\u0627\u06af\u0631 \u06cc\u06a9 \u0631\u0648\u0632 \u0645\u0631\u0648\u0631 \u0644\u063a\u0627\u062a \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0631\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u06a9\u0646\u0645 \u0686\u0647 \u0627\u062a\u0641\u0627\u0642\u06cc \u0645\u06cc\u200c\u0627\u0641\u062a\u062f\u061f\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"\u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645 \u0647\u0648\u0634\u0645\u0646\u062f \u0633\u0631\u0686 \u0641\u0648\u0631 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0646\u06af\u0647 \u0645\u06cc\u200c\u062f\u0627\u0631\u062f \u0648 \u0686\u06cc\u0632\u06cc \u067e\u0627\u06a9 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u0645\u0627 \u0628\u0631\u0627\u06cc \u0628\u0647\u062a\u0631\u06cc\u0646 \u0646\u062a\u06cc\u062c\u0647 \u0639\u0644\u0645\u06cc \u0648 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u062e\u062a\u0644\u0627\u0644 \u062f\u0631 \u0645\u0646\u062d\u0646\u06cc \u0641\u0631\u0627\u0645\u0648\u0634\u06cc \u0627\u0628\u06cc\u0646\u06af\u0647\u0627\u0648\u0633\u060c \u0627\u06a9\u06cc\u062f\u0627\u064b \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0631\u0648\u0632\u0627\u0646\u0647 \u06f5 \u0627\u0644\u06cc \u06f1\u06f0 \u062f\u0642\u06cc\u0642\u0647 \u0631\u0627 \u0628\u0647 \u0645\u0631\u0648\u0631 \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0647\u06cc\u062f. \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u06a9\u0644\u06cc\u062f \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u0633\u062a.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"\u0622\u06cc\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0645 \u0644\u063a\u0627\u062a \u062e\u0627\u0631\u062c \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0633\u0631\u0686 \u0641\u0648\u0631 \u0631\u0627 \u0647\u0645 \u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u0645\u061f\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"\u0628\u0644\u0647! \u06cc\u06a9\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0646\u062d\u0635\u0631\u0628\u0647\u200c\u0641\u0631\u062f \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0631 \u06a9\u0644\u0645\u0647 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0631\u0627 \u062f\u0631 \u0642\u0633\u0645\u062a \u062c\u0633\u062a\u062c\u0648 \u0633\u0631\u0686 \u06a9\u0646\u06cc\u062f\u060c \u0633\u06a9\u0627\u0646\u0633\u200c\u0647\u0627\u06cc \u0641\u06cc\u0644\u0645 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0622\u0646 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f \u0648 \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u0646\u0645\u0627\u062f \u0633\u062a\u0627\u0631\u0647 (\u2b50)\u060c \u0622\u0646 \u0648\u0627\u0698\u0647 \u0631\u0627 \u0641\u0648\u0631\u0627\u064b \u0628\u0647 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0634\u062e\u0635\u06cc \u062e\u0648\u062f \u062a\u0632\u0631\u06cc\u0642 \u06a9\u0646\u06cc\u062f.\"\n          }\n        }\n      ]\n    }\n    <\/script>\n\n    <style>\n        body {\n            font-family: 'Vazirmatn', sans-serif;\n            scroll-behavior: smooth;\n        }\n        \n        \/* iPhone 14 Pro Max Bezel Simulation \n           \u0637\u0631\u0627\u062d\u06cc \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0642\u0627\u0628 \u0622\u06cc\u0641\u0648\u0646 \u0628\u0627 \u0627\u0641\u06a9\u062a \u0645\u0648\u0634\u0646 \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631\n        *\/\n        .iphone-bezel {\n            border: 10px solid #1c1c1e;\n            border-radius: 40px; \n            overflow: hidden;\n            position: relative;\n            background-color: #f1f5f9;\n            aspect-ratio: 1179 \/ 2556; \n            width: 100%;\n            max-width: 240px; \/* \u0633\u0627\u06cc\u0632 \u0628\u0647\u06cc\u0646\u0647 \u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0648\u0628\u0644\u0627\u06af *\/\n            margin: 0 auto;\n            box-shadow: \n                inset 0 0 0 1px #333,\n                0 15px 30px -10px rgba(0,0,0,0.12),\n                0 25px 50px -15px rgba(79, 70, 229, 0.08);\n            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.2), box-shadow 0.4s ease;\n        }\n\n        \/* \u0645\u0648\u0634\u0646 \u0648 \u0627\u0641\u06a9\u062a \u0634\u0646\u0627\u0648\u0631 \u0634\u062f\u0646 \u06af\u0648\u0634\u06cc \u0647\u0646\u06af\u0627\u0645 \u0647\u0627\u0648\u0631 (\u0631\u0641\u062a\u0646 \u0645\u0627\u0648\u0633 \u0631\u0648\u06cc \u0639\u06a9\u0633) *\/\n        .iphone-bezel:hover {\n            transform: translateY(-8px);\n            box-shadow: \n                inset 0 0 0 1px #333,\n                0 30px 45px -15px rgba(0,0,0,0.18),\n                0 40px 70px -20px rgba(79, 70, 229, 0.25);\n        }\n\n        .iphone-bezel img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n\n        \/* \u0627\u0633\u062a\u0627\u06cc\u0644 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0628\u062e\u0634 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 *\/\n        details summary::-webkit-details-marker {\n            display: none;\n        }\n    <\/style>\n\n\n\n    <!-- Top Reading Progress Indicator -->\n    <div class=\"fixed top-0 left-0 right-0 h-1.5 bg-indigo-600 z-50 transition-all\" style=\"width: 0%\" id=\"scroll-indicator\"><\/div>\n\n    <div class=\"max-w-4xl mx-auto bg-white rounded-3xl shadow-xl border border-slate-100 overflow-hidden my-6 sm:my-10\">\n        \n        <!-- Header Banner Section -->\n        <div class=\"relative bg-gradient-to-br from-indigo-900 via-indigo-800 to-slate-900 text-white px-5 py-10 sm:px-12 sm:py-14 text-center overflow-hidden\">\n            <div class=\"absolute inset-0 bg-[radial-gradient(circle_at_top_right,_var(--tw-gradient-stops))] from-indigo-500\/15 via-transparent to-transparent\"><\/div>\n            <div class=\"relative z-10\">\n                <span class=\"inline-flex items-center gap-1.5 bg-indigo-500\/30 text-indigo-100 text-[11px] sm:text-xs font-semibold px-4 py-1.5 rounded-full border border-indigo-400\/30 mb-4 sm:mb-6\">\n                    \ud83d\udca1 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0642\u062f\u0645\u200c\u0628\u0647\u200c\u0642\u062f\u0645 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0633\u0631\u0686 \u0641\u0648\u0631\n                <\/span>\n                <h1 style=\"color: #ffffff !important;\" class=\"text-xl sm:text-3xl md:text-4xl font-black mt-2 leading-snug sm:leading-relaxed tracking-tight\">\n                    \u0686\u06af\u0648\u0646\u0647 \u0628\u062f\u0648\u0646 \u0641\u0631\u0627\u0645\u0648\u0634\u06cc\u060c \u06a9\u0644\u0645\u0627\u062a \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0631\u0627 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u0645\u061f\n                <\/h1>\n                <p class=\"text-xs sm:text-base md:text-lg text-slate-300 mt-4 max-w-2xl mx-auto font-light leading-relaxed\">\n                    \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0631\u0648\u0631 \u0639\u0644\u0645\u06cc \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0647\u0648\u0634\u0645\u0646\u062f \u0633\u0631\u0686 \u0641\u0648\u0631 \u0648 \u0627\u062a\u0635\u0627\u0644 \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0622\u0646 \u0628\u0647 \u0633\u06a9\u0627\u0646\u0633\u200c\u0647\u0627\u06cc \u0641\u06cc\u0644\u0645 \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u060c \u06a9\u0644\u0645\u0627\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0628\u0647 \u062d\u0627\u0641\u0638\u0647 \u0628\u0644\u0646\u062f\u0645\u062f\u062a \u062e\u0648\u062f \u0628\u0633\u067e\u0627\u0631\u06cc\u062f.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- Inner Content Area -->\n        <div class=\"p-5 sm:p-8 md:p-10 space-y-10 sm:space-y-14\">\n            \n            <!-- Intro Section: What is Leitner? -->\n            <div class=\"bg-indigo-50\/70 rounded-3xl border border-indigo-100 p-6 sm:p-8 md:p-10 shadow-sm relative overflow-hidden\">\n                <div class=\"absolute -top-6 -left-6 text-indigo-200\/40 transform -rotate-12 pointer-events-none\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-40 h-40\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                        <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"><\/path>\n                    <\/svg>\n                <\/div>\n\n                <div class=\"relative z-10 space-y-5\">\n                    <div class=\"flex items-center gap-3\">\n                        <span class=\"flex items-center justify-center w-12 h-12 rounded-2xl bg-indigo-500 text-white shadow-lg shadow-indigo-200 flex-shrink-0\">\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\">\n                                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"><\/path>\n                            <\/svg>\n                        <\/span>\n                        <h2 style=\"color: #0f172a !important;\" class=\"text-xl sm:text-2xl font-black leading-tight\">\u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0686\u06cc\u0633\u062a \u0648 \u0686\u0631\u0627 \u0645\u0639\u062c\u0632\u0647 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061f<\/h2>\n                    <\/div>\n                    \n                    <p class=\"text-sm sm:text-base text-slate-700 leading-loose text-justify\">\n                        \u0628\u0632\u0631\u06af\u200c\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0628\u0648\u0633 \u062f\u0631 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0632\u0628\u0627\u0646 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc\u060c <strong>\u0641\u0631\u0627\u0645\u0648\u0634\u06cc \u0644\u063a\u0627\u062a<\/strong> \u0627\u0633\u062a. \u0634\u0645\u0627 \u0633\u0627\u0639\u062a\u200c\u0647\u0627 \u0632\u0645\u0627\u0646 \u0628\u0631\u0627\u06cc \u062d\u0641\u0638 \u06a9\u0631\u062f\u0646 \u06a9\u0644\u0645\u0627\u062a \u0645\u06cc\u200c\u06af\u0630\u0627\u0631\u06cc\u062f \u0627\u0645\u0627 \u0686\u0646\u062f \u0631\u0648\u0632 \u0628\u0639\u062f\u060c \u0627\u0646\u06af\u0627\u0631 \u0647\u0631\u06af\u0632 \u0622\u0646\u200c\u0647\u0627 \u0631\u0627 \u0646\u062f\u06cc\u062f\u0647\u200c\u0627\u06cc\u062f! <strong>\u0633\u0628\u0627\u0633\u062a\u06cc\u0646 \u0644\u0627\u06cc\u062a\u0646\u0631<\/strong>\u060c \u0631\u0648\u0627\u0646\u0634\u0646\u0627\u0633 \u0648 \u0645\u062d\u0642\u0642 \u0622\u0644\u0645\u0627\u0646\u06cc\u060c \u0628\u0631\u0627\u06cc \u062d\u0644 \u0627\u06cc\u0646 \u0645\u0634\u06a9\u0644 \u0633\u06cc\u0633\u062a\u0645 \u0647\u0648\u0634\u0645\u0646\u062f\u0627\u0646\u0647\u200c\u0627\u06cc \u0631\u0627 \u0628\u0631 \u067e\u0627\u06cc\u0647 \u0645\u0641\u0647\u0648\u0645 \u0639\u0644\u0645\u06cc <strong class=\"text-indigo-700\">\u062a\u06a9\u0631\u0627\u0631 \u0641\u0627\u0635\u0644\u0647\u200c\u062f\u0627\u0631 (Spaced Repetition)<\/strong> \u0627\u0628\u062f\u0627\u0639 \u06a9\u0631\u062f.\n                    <\/p>\n                    \n                    <div class=\"bg-white rounded-2xl p-5 border border-slate-100 shadow-sm\">\n                        <h3 style=\"color: #1e293b !important;\" class=\"font-bold text-sm mb-3\">\ud83e\udde0 \u0646\u062d\u0648\u0647 \u0639\u0645\u0644\u06a9\u0631\u062f \u0627\u06cc\u0646 \u0633\u06cc\u0633\u062a\u0645 \u062c\u0627\u062f\u0648\u06cc\u06cc:<\/h3>\n                        <p class=\"text-xs sm:text-sm text-slate-600 leading-loose text-justify\">\n                            \u0645\u063a\u0632 \u0645\u0627 \u0637\u0648\u0631\u06cc \u0637\u0631\u0627\u062d\u06cc \u0634\u062f\u0647 \u06a9\u0647 \u0627\u0637\u0644\u0627\u0639\u0627\u062a \u06a9\u0645\u200c\u06a9\u0627\u0631\u0628\u0631\u062f \u0631\u0627 \u067e\u0627\u06a9 \u0645\u06cc\u200c\u06a9\u0646\u062f (\u0645\u0646\u062d\u0646\u06cc \u0641\u0631\u0627\u0645\u0648\u0634\u06cc \u0627\u0628\u06cc\u0646\u06af\u0647\u0627\u0648\u0633). \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u062f\u0642\u06cc\u0642\u0627\u064b <strong>\u0642\u0628\u0644 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u06cc\u06a9 \u06a9\u0644\u0645\u0647 \u0631\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u06a9\u0646\u06cc\u062f<\/strong>\u060c \u0622\u0646 \u0631\u0627 \u0628\u0647 \u0634\u0645\u0627 \u06cc\u0627\u062f\u0622\u0648\u0631\u06cc \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u0631\u0648\u0634\u060c \u06a9\u0644\u0645\u0627\u062a\u06cc \u06a9\u0647 \u0628\u0631\u0627\u06cc\u062a\u0627\u0646 \u0633\u062e\u062a\u200c\u062a\u0631 \u0647\u0633\u062a\u0646\u062f \u0628\u0647 \u062f\u0641\u0639\u0627\u062a \u0628\u06cc\u0634\u062a\u0631\u060c \u0648 \u06a9\u0644\u0645\u0627\u062a\u06cc \u06a9\u0647 \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0647\u200c\u0627\u06cc\u062f \u0628\u0627 \u0641\u0627\u0635\u0644\u0647\u200c\u0647\u0627\u06cc \u0632\u0645\u0627\u0646\u06cc \u0637\u0648\u0644\u0627\u0646\u06cc\u200c\u062a\u0631 (\u0645\u062b\u0644\u0627\u064b \u06f2 \u0631\u0648\u0632\u060c \u06f4 \u0631\u0648\u0632\u060c \u06f8 \u0631\u0648\u0632\u060c \u06f1\u06f6 \u0631\u0648\u0632 \u0648&#8230;) \u0645\u0631\u0648\u0631 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0628\u0627\u0639\u062b \u0645\u06cc\u200c\u0634\u0648\u062f \u06a9\u0644\u0645\u0627\u062a \u0628\u062f\u0648\u0646 \u0641\u0634\u0627\u0631 \u0645\u0636\u0627\u0639\u0641\u060c \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0648 \u0628\u0631\u0627\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0628\u0647 <strong>\u062d\u0627\u0641\u0638\u0647 \u0628\u0644\u0646\u062f\u0645\u062f\u062a<\/strong> \u0634\u0645\u0627 \u0645\u0646\u062a\u0642\u0644 \u0634\u0648\u0646\u062f. \n                        <\/p>\n                    <\/div>\n                    \n                    <p class=\"text-sm sm:text-base text-slate-700 leading-loose text-justify font-medium pt-2\">\n                        \u067e\u0644\u062a\u0641\u0631\u0645 <strong>\u0633\u0631\u0686 \u0641\u0648\u0631<\/strong> \u0627\u06cc\u0646 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645 \u0627\u062b\u0628\u0627\u062a\u200c\u0634\u062f\u0647 \u0639\u0644\u0645\u06cc \u0631\u0627 \u0628\u0627 \u067e\u062e\u0634 \u0644\u062d\u0638\u0647\u200c\u0627\u06cc <strong>\u0633\u06a9\u0627\u0646\u0633\u200c\u0647\u0627\u06cc \u0641\u06cc\u0644\u0645 \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646<\/strong> \u062a\u0631\u06a9\u06cc\u0628 \u06a9\u0631\u062f\u0647 \u0627\u0633\u062a \u062a\u0627 \u0646\u0647 \u062a\u0646\u0647\u0627 \u06a9\u0644\u0645\u0647 \u0631\u0627 \u062d\u0641\u0638 \u06a9\u0646\u06cc\u062f\u060c \u0628\u0644\u06a9\u0647 \u06a9\u0627\u0631\u0628\u0631\u062f \u0648\u0627\u0642\u0639\u06cc \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0645\u06a9\u0627\u0644\u0645\u0627\u062a \u0646\u06cc\u062a\u06cc\u0648 (\u0628\u0648\u0645\u06cc) \u0628\u0628\u06cc\u0646\u06cc\u062f \u0648 \u0628\u0634\u0646\u0648\u06cc\u062f.\n                    <\/p>\n                <\/div>\n            <\/div>\n\n            <!-- New Section: Accessing the Leitner Box in App -->\n            <div class=\"bg-slate-50 border border-slate-200 rounded-3xl p-6 sm:p-8 space-y-6\">\n                <div class=\"flex items-center gap-3\">\n                    <span class=\"flex items-center justify-center w-10 h-10 rounded-xl bg-indigo-600 text-white font-bold text-base\">\ud83d\udccd<\/span>\n                    <h2 style=\"color: #0f172a !important;\" class=\"text-lg sm:text-xl font-bold\">\u0646\u062d\u0648\u0647\u200c\u06cc \u062f\u0633\u062a\u0631\u0633\u06cc \u0628\u0647 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0633\u0631\u0686 \u0641\u0648\u0631 :<\/h2>\n                <\/div>\n                <p class=\"text-xs sm:text-sm text-slate-600 leading-loose text-justify\">\n                    \u067e\u0633 \u0627\u0632 \u0648\u0631\u0648\u062f \u0628\u0647 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0633\u0631\u0686 \u0641\u0648\u0631\u060c \u0646\u06cc\u0627\u0632\u06cc \u0646\u06cc\u0633\u062a \u0628\u0631\u0627\u06cc \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u062c\u0633\u062a\u062c\u0648\u0647\u0627\u06cc \u067e\u06cc\u0686\u06cc\u062f\u0647\u200c\u0627\u06cc \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f. \u0627\u06cc\u0646 \u0627\u0628\u0632\u0627\u0631 \u062f\u0642\u06cc\u0642\u0627\u064b \u062f\u0631 <strong>\u0628\u0627\u0644\u0627\u06cc \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc (\u0635\u0641\u062d\u0647 \u0647\u0648\u0645)<\/strong> \u0628\u0627 \u067e\u0633\u200c\u0632\u0645\u06cc\u0646\u0647 \u0632\u0631\u062f \u0631\u0646\u06af \u0648 \u0628\u0627 \u0639\u0646\u0648\u0627\u0646 <strong>&#8220;\u0644\u0627\u06cc\u062a\u0646\u0631&#8221;<\/strong> \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0634\u0645\u0627 \u0642\u0631\u0627\u0631 \u062f\u0627\u0631\u062f. \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0628\u0631 \u0631\u0648\u06cc \u0622\u0646 \u0648\u0627\u0631\u062f \u067e\u0646\u0644 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0644\u0627\u06cc\u062a\u0646\u0631 \u062e\u0648\u062f \u062e\u0648\u0627\u0647\u06cc\u062f \u0634\u062f.\n                <\/p>\n                \n                <div class=\"flex flex-col items-center pt-2\">\n                    <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-4 py-2 rounded-xl mb-4 w-full max-w-[260px]\">\u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u062f\u0631 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0633\u0631\u0686 \u0641\u0648\u0631<\/span>\n                    <div class=\"iphone-bezel\">\n                        <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-11.47.47.png\" alt=\"\u0645\u062d\u0644 \u0642\u0631\u0627\u0631\u06af\u06cc\u0631\u06cc \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0633\u0631\u0686 \u0641\u0648\u0631\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=App+Home+Screen'\">\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- STEP 1 Section -->\n            <div id=\"step-1\" class=\"space-y-6 pt-2\">\n                <div class=\"flex items-center gap-3 sm:gap-4\">\n                    <span class=\"flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-2xl bg-blue-600 text-white font-extrabold text-lg sm:text-xl flex items-center justify-center shadow-lg shadow-blue-200\">\u06f1<\/span>\n                    <div>\n                        <h2 style=\"color: #0f172a !important;\" class=\"text-base sm:text-xl md:text-2xl font-bold\">\u06af\u0627\u0645 \u0627\u0648\u0644: \u06a9\u0644\u0645\u0627\u062a \u0686\u0637\u0648\u0631 \u0648\u0627\u0631\u062f \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u061f<\/h2>\n                        <p class=\"text-[11px] sm:text-xs md:text-sm text-slate-500 mt-1\">\u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u0648\u0627\u0698\u06af\u0627\u0646 \u062c\u062f\u06cc\u062f \u0628\u0647 \u0686\u0631\u062e\u0647 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u0631\u0648\u0632\u0627\u0646\u0647<\/p>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"text-xs sm:text-sm md:text-base text-slate-600 leading-loose text-justify\">\n                    \u0628\u0631\u0627\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0631\u062f\u0646 \u06a9\u0644\u0645\u0627\u062a \u0628\u0647 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0647\u0648\u0634\u0645\u0646\u062f \u0633\u0631\u0686 \u0641\u0648\u0631\u060c \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u06a9\u0627\u0631\u062a\u200c\u0646\u0648\u06cc\u0633\u06cc\u200c\u0647\u0627\u06cc \u062e\u0633\u062a\u0647\u200c\u06a9\u0646\u0646\u062f\u0647 \u0641\u06cc\u0632\u06cc\u06a9\u06cc \u0646\u062f\u0627\u0631\u06cc\u062f. \u0641\u0642\u0637 \u06a9\u0627\u0641\u06cc \u0627\u0633\u062a \u0622\u06cc\u06a9\u0648\u0646 <strong>\u0633\u062a\u0627\u0631\u0647 (\u2b50)<\/strong> \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0647\u0631 \u0648\u0627\u0698\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u062d\u0641\u0638 \u06a9\u0646\u06cc\u062f \u0631\u0627 \u0644\u0645\u0633 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u06a9\u0627\u0631 \u0631\u0627 \u0628\u0647 \u062f\u0648 \u0631\u0648\u0634 \u06a9\u0627\u0645\u0644\u0627\u064b \u0645\u062a\u0641\u0627\u0648\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f:\n                <\/p>\n\n                <!-- Sub-step A -->\n                <div class=\"bg-slate-50\/50 rounded-3xl border border-slate-200 p-5 sm:p-8 space-y-6\">\n                    <div class=\"flex flex-col sm:flex-row sm:items-center gap-3\">\n                        <span class=\"w-fit text-xs font-bold bg-blue-100 text-blue-700 px-3 py-1.5 rounded-lg\">\u0645\u0633\u06cc\u0631 \u0627\u0648\u0644<\/span>\n                        <h3 style=\"color: #1e293b !important;\" class=\"font-bold text-sm sm:text-base md:text-lg\">\u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062a\u0645\u0627\u0645\u06cc \u0645\u0646\u0627\u0628\u0639 \u0648 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc\u200c\u0647\u0627\u06cc \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc<\/h3>\n                    <\/div>\n                    <p class=\"text-xs sm:text-sm text-slate-600 leading-loose text-justify\">\n                        \u062f\u0631 \u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0633\u0631\u0686 \u0641\u0648\u0631 \u0645\u0646\u0627\u0628\u0639 \u0645\u062a\u0646\u0648\u0639\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f (\u0627\u0632 \u0644\u063a\u0627\u062a \u0633\u0637\u062d\u200c\u0628\u0646\u062f\u06cc \u0634\u062f\u0647 \u06af\u0631\u0641\u062a\u0647 \u062a\u0627 \u062f\u0633\u062a\u0647\u200c\u0628\u0646\u062f\u06cc \u0645\u0648\u0636\u0648\u0639\u06cc \u0644\u063a\u0627\u062a \u0648 \u0645\u0639\u062a\u0628\u0631\u062a\u0631\u06cc\u0646 \u06a9\u062a\u0627\u0628 \u0647\u0627\u06cc \u0632\u0628\u0627\u0646 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc). \u06a9\u0627\u0641\u06cc\u0633\u062a \u0648\u0627\u0631\u062f \u0647\u0631 \u06cc\u06a9 \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0646\u0627\u0628\u0639 \u0634\u0648\u06cc\u062f\u060c \u062f\u0631\u0633 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u0648 \u0633\u067e\u0633 \u0628\u0627 \u0628\u0627\u0632 \u06a9\u0631\u062f\u0646 \u06a9\u0627\u0631\u062a \u0647\u0631 \u06a9\u0644\u0645\u0647\u060c \u0622\u06cc\u06a9\u0648\u0646 \u0633\u062a\u0627\u0631\u0647 \u062f\u0631 \u06af\u0648\u0634\u0647 \u0635\u0641\u062d\u0647 \u0631\u0627 \u0641\u0639\u0627\u0644 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0648\u0627\u0698\u0647 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0648\u0627\u0631\u062f \u0644\u0627\u06cc\u062a\u0646\u0631 \u0634\u0645\u0627 \u0634\u0648\u062f.\n                    <\/p>\n                    \n                    <!-- Phone Mockups Grid -->\n                    <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 pt-4\">\n                        <div class=\"flex flex-col items-center space-y-4\">\n                            <span class=\"text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-4 py-2 rounded-xl w-full max-w-[260px]\">\u06f1. \u0627\u0646\u062a\u062e\u0627\u0628 \u062f\u0631\u0633 \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0645\u062a\u0646\u0648\u0639 \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0633\u0631\u0686 \u0641\u0648\u0631<\/span>\n                            <div class=\"iphone-bezel\">\n                                <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-13.56.53.png\" alt=\"\u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0646\u0627\u0628\u0639 \u0648 \u062f\u0631\u0648\u0633 \u062f\u0631 \u0633\u0631\u0686 \u0641\u0648\u0631\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=App+Home+Screen'\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex flex-col items-center space-y-4\">\n                            <span class=\"text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-4 py-2 rounded-xl w-full max-w-[260px]\">\u06f2. \u0633\u062a\u0627\u0631\u0647\u200c\u062f\u0627\u0631 \u06a9\u0631\u062f\u0646 \u0644\u063a\u062a \u062f\u0631 \u062f\u0627\u062e\u0644 \u0647\u0631 \u062f\u0631\u0633<\/span>\n                            <div class=\"iphone-bezel\">\n                                <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-11.48.14.png\" alt=\"\u0633\u062a\u0627\u0631\u0647 \u062f\u0627\u0631 \u06a9\u0631\u062f\u0646 \u06a9\u0644\u0645\u0627\u062a \u062f\u0631 \u0633\u0631\u0686 \u0641\u0648\u0631\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=Starring+a+Word'\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Sub-step B -->\n                <div class=\"bg-slate-50\/50 rounded-3xl border border-slate-200 p-5 sm:p-8 space-y-6\">\n                    <div class=\"flex flex-col sm:flex-row sm:items-center gap-3\">\n                        <span class=\"w-fit text-xs font-bold bg-indigo-100 text-indigo-700 px-3 py-1.5 rounded-lg\">\u0645\u0633\u06cc\u0631 \u062f\u0648\u0645<\/span>\n                        <h3 style=\"color: #1e293b !important;\" class=\"font-bold text-sm sm:text-base md:text-lg\">\u062c\u0633\u062a\u062c\u0648\u06cc \u06a9\u0644\u0645\u0647 \u0648 \u0627\u0628\u0632\u0627\u0631 \u062c\u0627\u062f\u0648\u06cc\u06cc &#8220;\u062a\u062d\u0644\u06cc\u0644 \u0633\u06a9\u0627\u0646\u0633&#8221;<\/h3>\n                    <\/div>\n                    <p class=\"text-xs sm:text-sm text-slate-600 leading-loose text-justify\">\n                        \u06a9\u0644\u0645\u0647\u200c\u0627\u06cc \u0634\u0646\u06cc\u062f\u0647\u200c\u0627\u06cc\u062f \u0648 \u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u06cc\u062f \u0622\u0646 \u0631\u0627 \u062f\u0631 \u0641\u06cc\u0644\u0645\u200c\u0647\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f\u061f \u0622\u0646 \u0631\u0627 \u062c\u0633\u062a\u062c\u0648 \u06a9\u0646\u06cc\u062f! \u0633\u06cc\u0633\u062a\u0645\u060c \u0633\u06a9\u0627\u0646\u0633\u200c\u0647\u0627\u06cc \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0622\u0646 \u06a9\u0644\u0645\u0647 \u0631\u0627 \u067e\u062e\u0634 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u062d\u0627\u0644\u0627 \u0628\u0627 \u0641\u0634\u0631\u062f\u0646 \u062f\u06a9\u0645\u0647\u200c\u06cc \u0634\u06af\u0641\u062a\u200c\u0627\u0646\u06af\u06cc\u0632 <strong>&#8220;\u062a\u062d\u0644\u06cc\u0644 \u0633\u06a9\u0627\u0646\u0633&#8221;<\/strong>\u060c \u062a\u0645\u0627\u0645 \u0644\u063a\u0627\u062a \u0645\u0647\u0645 \u062f\u06cc\u0627\u0644\u0648\u06af \u0627\u0635\u0644 \u0633\u06a9\u0627\u0646\u0633 \u0631\u0627 \u0628\u0627 \u0645\u0639\u0646\u06cc \u0648 \u0646\u0642\u0634 \u062f\u0633\u062a\u0648\u0631\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u062f \u0648 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0631 \u06a9\u0644\u0645\u0647 \u0631\u0627 \u062f\u0631 \u0622\u0646 \u062f\u06cc\u0627\u0644\u0648\u06af \u06a9\u0647 \u062f\u0648\u0633\u062a \u062f\u0627\u0634\u062a\u06cc\u062f \u0627\u0635\u0648\u0644\u06cc \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f \u0631\u0627 \u0628\u0627 \u06cc\u06a9 \u06a9\u0644\u06cc\u06a9 \u0633\u062a\u0627\u0631\u0647\u200c\u062f\u0627\u0631 \u06a9\u0646\u06cc\u062f \u062a\u0627 \u0628\u0647 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0634\u0645\u0627 \u0627\u0636\u0627\u0641\u0647 \u0634\u0648\u062f.\n                    <\/p>\n                    \n                    <!-- Phone Mockups Grid -->\n                    <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 pt-4\">\n                        <div class=\"flex flex-col items-center space-y-4\">\n                            <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-3 py-2 rounded-xl w-full max-w-[260px]\">\u06f1. \u062c\u0633\u062a\u062c\u0648\u06cc \u0648\u0627\u0698\u0647 \u0645\u062f \u0646\u0638\u0631<\/span>\n                            <div class=\"iphone-bezel\">\n                                <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-11.48.30.png\" alt=\"\u062c\u0633\u062a\u062c\u0648\u06cc \u0644\u063a\u0627\u062a \u062f\u0631 \u0633\u0631\u0686 \u0641\u0648\u0631\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=Search+Word'\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex flex-col items-center space-y-4\">\n                            <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-3 py-2 rounded-xl w-full max-w-[260px]\">\u06f2. \u067e\u062e\u0634 \u0635\u062f\u0647\u0627 \u0646\u0645\u0648\u0646\u0647 \u0633\u06a9\u0627\u0646\u0633 \u0633\u06cc\u0646\u0645\u0627\u06cc\u06cc<\/span>\n                            <div class=\"iphone-bezel\">\n                                <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-14.06.43.png\" alt=\"\u067e\u062e\u0634 \u0633\u06a9\u0627\u0646\u0633 \u0628\u0627 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u062f\u0648 \u0632\u0628\u0627\u0646\u0647\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=Movie+Scene'\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex flex-col items-center space-y-4 sm:col-span-2 md:col-span-1\">\n                            <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-3 py-2 rounded-xl w-full max-w-[260px]\">\u06f3. \u0632\u062f\u0646 \u062f\u06a9\u0645\u0647 \u062a\u062d\u0644\u06cc\u0644 \u0633\u06a9\u0627\u0646\u0633<\/span>\n                            <div class=\"iphone-bezel\">\n                                <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-11.49.05.png\" alt=\"\u062a\u062d\u0644\u06cc\u0644 \u0647\u0648\u0634\u0645\u0646\u062f \u062f\u06cc\u0627\u0644\u0648\u06af \u0641\u06cc\u0644\u0645\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=AI+Analysis'\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- STEP 2 Section -->\n            <div id=\"step-2\" class=\"space-y-6 pt-8 border-t border-slate-100\">\n                <div class=\"flex items-center gap-3 sm:gap-4\">\n                    <span class=\"flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-2xl bg-indigo-600 text-white font-extrabold text-lg sm:text-xl flex items-center justify-center shadow-lg shadow-indigo-200\">\u06f2<\/span>\n                    <div>\n                        <h2 style=\"color: #0f172a !important;\" class=\"text-base sm:text-xl md:text-2xl font-bold\">\u06af\u0627\u0645 \u062f\u0648\u0645: \u0641\u0631\u0622\u06cc\u0646\u062f \u0645\u0631\u0648\u0631 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627 \u0648 \u06cc\u0627\u062f\u0622\u0648\u0631\u06cc<\/h2>\n                        <p class=\"text-[11px] sm:text-xs md:text-sm text-slate-500 mt-1\">\u0645\u0637\u0627\u0628\u0642 \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\u0647\u0627\u06cc \u0639\u0644\u0645\u06cc \u0644\u0627\u06cc\u062a\u0646\u0631<\/p>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"text-xs sm:text-sm md:text-base text-slate-600 leading-loose text-justify\">\n                    \u067e\u0633 \u0627\u0632 \u0627\u0641\u0632\u0648\u062f\u0646 \u06a9\u0644\u0645\u0627\u062a\u060c \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 \u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0634\u062f\u0647 (\u0631\u0648\u0632 \u0627\u0648\u0644\u060c \u062f\u0648\u0645\u060c \u0686\u0647\u0627\u0631\u0645 \u0648&#8230;) \u0642\u0631\u0627\u0631 \u0645\u06cc\u200c\u06af\u06cc\u0631\u0646\u062f. \u0647\u0631 \u0631\u0648\u0632 \u06a9\u0647 \u0648\u0627\u0631\u062f \u0628\u062e\u0634 <strong>&#8220;\u0645\u0631\u0648\u0631 \u0644\u063a\u0627\u062a \u0627\u0645\u0631\u0648\u0632&#8221;<\/strong> \u0634\u0648\u06cc\u062f\u060c \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc\u06cc \u06a9\u0647 \u0646\u0648\u0628\u062a \u0645\u0631\u0648\u0631\u0634\u0627\u0646 \u0641\u0631\u0627 \u0631\u0633\u06cc\u062f\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f. \u0627\u0628\u062a\u062f\u0627 \u0641\u0642\u0637 \u06a9\u0644\u0645\u0647 \u0648 \u062a\u0644\u0641\u0638 \u0631\u0627 \u0645\u06cc\u200c\u0628\u06cc\u0646\u06cc\u062f\u060c \u0627\u06af\u0631 \u0645\u0639\u0646\u06cc \u0631\u0627 \u0628\u0647 \u062e\u0627\u0637\u0631 \u0622\u0648\u0631\u062f\u06cc\u062f\u060c \u062f\u06a9\u0645\u0647 \u0646\u0645\u0627\u06cc\u0634 \u0645\u0639\u0646\u06cc \u0631\u0627 \u0628\u0632\u0646\u06cc\u062f \u062a\u0627 \u067e\u0627\u0633\u062e \u0638\u0627\u0647\u0631 \u0634\u0648\u062f \u0648 \u0628\u062a\u0648\u0627\u0646\u06cc\u062f \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637 \u0628\u0627 \u0622\u0646 \u0631\u0627 \u0646\u06cc\u0632 \u062f\u0631 \u0647\u0645\u0627\u0646 \u0644\u062d\u0638\u0647 \u062a\u0645\u0627\u0634\u0627 \u06a9\u0646\u06cc\u062f!\n                <\/p>\n\n                <!-- Phone Mockups Grid -->\n                <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 pt-4\">\n                    <div class=\"flex flex-col items-center space-y-4\">\n                        <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-4 py-2 rounded-xl w-full max-w-[260px]\">\u06f1. \u06a9\u0627\u0631\u062a \u06a9\u0644\u0645\u0647 \u0642\u0628\u0644 \u0627\u0632 \u0632\u062f\u0646 &#8220;\u0646\u0645\u0627\u06cc\u0634 \u0645\u0639\u0646\u06cc&#8221;<\/span>\n                        <div class=\"iphone-bezel\">\n                            <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-14.22.05.png\" alt=\"\u06a9\u0627\u0631\u062a \u0644\u0627\u06cc\u062a\u0646\u0631 \u0628\u062f\u0648\u0646 \u0645\u0639\u0646\u06cc\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=Front+of+Card'\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex flex-col items-center space-y-4\">\n                        <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-4 py-2 rounded-xl w-full max-w-[260px]\">\u06f2. \u06a9\u0627\u0631\u062a \u06a9\u0644\u0645\u0647 \u067e\u0633 \u0627\u0632 \u0646\u0645\u0627\u06cc\u0634 \u0645\u0639\u0646\u06cc + \u0648\u06cc\u062f\u06cc\u0648\u0647\u0627<\/span>\n                        <div class=\"iphone-bezel\">\n                            <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-14.22.10.png\" alt=\"\u06a9\u0627\u0631\u062a \u0644\u0627\u06cc\u062a\u0646\u0631 \u0628\u0627 \u0645\u0639\u0646\u06cc \u0648 \u0648\u06cc\u062f\u06cc\u0648\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=Back+of+Card'\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Alert Box -->\n                <div class=\"bg-amber-50\/80 border border-amber-200 rounded-2xl p-5 sm:p-6 mt-6\">\n                    <h4 style=\"color: #78350f !important;\" class=\"font-bold text-sm sm:text-base flex items-center gap-2\">\n                        \u26a0\ufe0f \u0642\u0627\u0646\u0648\u0646 \u0645\u0647\u0645 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631\n                    <\/h4>\n                    <ul class=\"text-xs sm:text-sm text-amber-800 list-disc list-inside mt-3 space-y-3 leading-loose\">\n                        <li>\u0628\u0627 \u0632\u062f\u0646 \u062f\u06a9\u0645\u0647 <strong class=\"text-emerald-700 bg-emerald-100 px-2 py-1 rounded\">\u0628\u0644\u062f \u0628\u0648\u062f\u0645 (\u2713)<\/strong> \u06a9\u0627\u0631\u062a \u0628\u0647 \u062e\u0627\u0646\u0647 \u0628\u0639\u062f\u06cc \u0631\u0641\u062a\u0647 \u0648 \u062f\u06cc\u0631\u062a\u0631 \u0645\u0631\u0648\u0631 \u0645\u06cc\u200c\u0634\u0648\u062f.<\/li>\n                        <li>\u0628\u0627 \u0632\u062f\u0646 \u062f\u06a9\u0645\u0647 <strong class=\"text-rose-600 bg-rose-100 px-2 py-1 rounded\">\u0628\u0644\u062f \u0646\u0628\u0648\u062f\u0645 (\u2717)<\/strong> \u06a9\u0627\u0631\u062a \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u0647 \u062e\u0627\u0646\u0647 \u0627\u0648\u0644 \u0628\u0631\u0645\u06cc\u200c\u06af\u0631\u062f\u062f \u062a\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u062a\u0645\u0631\u06cc\u0646 \u0634\u0648\u062f. \u062e\u0648\u062f\u062a\u0627\u0646 \u0631\u0627 \u0641\u0631\u06cc\u0628 \u0646\u062f\u0647\u06cc\u062f!<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n\n            <!-- STEP 3 Section -->\n            <div id=\"step-3\" class=\"space-y-6 pt-8 border-t border-slate-100\">\n                <div class=\"flex items-center gap-3 sm:gap-4\">\n                    <span class=\"flex-shrink-0 w-10 h-10 sm:w-12 sm:h-12 rounded-2xl bg-emerald-600 text-white font-extrabold text-lg sm:text-xl flex items-center justify-center shadow-lg shadow-emerald-200\">\u06f3<\/span>\n                    <div>\n                        <h2 style=\"color: #0f172a !important;\" class=\"text-base sm:text-xl md:text-2xl font-bold\">\u06af\u0627\u0645 \u0633\u0648\u0645: \u0622\u0646\u0627\u0644\u06cc\u0632 \u067e\u06cc\u0634\u0631\u0641\u062a \u062f\u0631 &#8220;\u0622\u0645\u0627\u0631 \u0645\u0637\u0627\u0644\u0639\u0647&#8221;<\/h2>\n                        <p class=\"text-[11px] sm:text-xs md:text-sm text-slate-500 mt-1\">\u0645\u0634\u0627\u0647\u062f\u0647 \u06a9\u0644\u0645\u0627\u062a \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u0647 \u0634\u062f\u0647 \u0648 \u062f\u0631 \u062d\u0627\u0644 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc<\/p>\n                    <\/div>\n                <\/div>\n                \n                <p class=\"text-xs sm:text-sm md:text-base text-slate-600 leading-loose text-justify\">\n                    \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646\u06a9\u0647 \u0628\u062f\u0627\u0646\u06cc\u062f \u062f\u0631 \u0686\u0647 \u0645\u0631\u062d\u0644\u0647\u200c\u0627\u06cc \u0647\u0633\u062a\u06cc\u062f \u0648 \u0686\u0646\u062f \u0648\u0627\u0698\u0647 \u0631\u0627 \u06a9\u0627\u0645\u0644\u0627 \u062d\u0641\u0638 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0628\u0647 \u0628\u062e\u0634 <strong>&#8220;\u0622\u0645\u0627\u0631 \u0645\u0637\u0627\u0644\u0639\u0647&#8221;<\/strong> \u0633\u0631 \u0628\u0632\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u0645\u0648\u062f\u0627\u0631 \u062f\u0642\u06cc\u0642 \u0648\u0636\u0639\u06cc\u062a \u0644\u063a\u0627\u062a \u0634\u0645\u0627 \u062f\u0631 \u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 (\u0627\u0632 \u0631\u0648\u0632 \u0627\u0648\u0644 \u062a\u0627 \u0631\u0648\u0632 \u0634\u0627\u0646\u0632\u062f\u0647\u0645) \u0648 \u0644\u06cc\u0633\u062a \u06a9\u0627\u0645\u0644 \u0622\u0646\u200c\u0647\u0627 \u062f\u0631 \u062f\u0633\u062a\u0631\u0633 \u0627\u0633\u062a.\n                <\/p>\n\n                <!-- Phone Mockups Grid -->\n                <div class=\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8 pt-4\">\n                    <div class=\"flex flex-col items-center space-y-4\">\n                        <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-3 py-2 rounded-xl w-full max-w-[260px]\">\u06f1. \u0648\u0636\u0639\u06cc\u062a \u06a9\u0644\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a \u0634\u0645\u0627<\/span>\n                        <div class=\"iphone-bezel\">\n                            <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-11.46.49.png\" alt=\"\u0646\u0645\u0648\u062f\u0627\u0631 \u06a9\u0644\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a \u0644\u063a\u0627\u062a\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=Overall+Progress'\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex flex-col items-center space-y-4\">\n                        <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-3 py-2 rounded-xl w-full max-w-[260px]\">\u06f2. \u062c\u0632\u0626\u06cc\u0627\u062a \u062e\u0627\u0646\u0647\u200c\u0647\u0627\u06cc \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631<\/span>\n                        <div class=\"iphone-bezel\">\n                            <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-11.47.08.png\" alt=\"\u0646\u0645\u0627\u06cc\u0634 \u062e\u0627\u0646\u0647 \u0647\u0627\u06cc \u0644\u0627\u06cc\u062a\u0646\u0631\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=Leitner+Boxes'\">\n                        <\/div>\n                    <\/div>\n                    <div class=\"flex flex-col items-center space-y-4 sm:col-span-2 md:col-span-1\">\n                        <span class=\"text-[11px] sm:text-xs font-semibold text-slate-600 block text-center bg-white shadow-sm border border-slate-100 px-3 py-2 rounded-xl w-full max-w-[260px]\">\u06f3. \u0622\u0631\u0634\u06cc\u0648 \u0648 \u0644\u06cc\u0633\u062a \u06a9\u0644\u0645\u0627\u062a \u062f\u0627\u062e\u0644 \u0647\u0631 \u062e\u0627\u0646\u0647<\/span>\n                        <div class=\"iphone-bezel\">\n                            <img decoding=\"async\" src=\"https:\/\/search4.ir\/blog\/wp-content\/uploads\/2026\/06\/Screenshot-1405-03-26-at-11.47.26.png\" alt=\"\u0644\u06cc\u0633\u062a \u06a9\u0644\u0645\u0627\u062a \u062f\u0631 \u062d\u0627\u0644 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc\" onerror=\"this.src='https:\/\/placehold.co\/1179x2556\/e2e8f0\/64748b?text=Words+List'\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Section -->\n            <div class=\"space-y-8 pt-10 mt-6 border-t border-slate-200\">\n                <div class=\"text-center mb-6\">\n                    <h2 style=\"color: #0f172a !important;\" class=\"text-2xl sm:text-3xl font-black\">\u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 (FAQ)<\/h2>\n                    <p class=\"text-xs sm:text-sm text-slate-500 mt-2\">\u067e\u0627\u0633\u062e \u0628\u0647 \u067e\u0631\u062a\u06a9\u0631\u0627\u0631\u062a\u0631\u06cc\u0646 \u0633\u0648\u0627\u0644\u0627\u062a \u0634\u0645\u0627 \u062f\u0631\u0628\u0627\u0631\u0647 \u06a9\u0627\u0631\u06a9\u0631\u062f \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631<\/p>\n                <\/div>\n\n                <div class=\"space-y-4 max-w-3xl mx-auto\">\n                    <!-- FAQ Item 1 -->\n                    <details class=\"group bg-white border border-slate-200 hover:border-indigo-300 rounded-2xl cursor-pointer transition-colors [&amp;_summary::-webkit-details-marker]:hidden\">\n                        <summary style=\"color: #1e293b !important;\" class=\"flex items-center justify-between p-5 sm:p-6 font-bold text-sm sm:text-base select-none\">\n                            <span>\u0628\u0627 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0686\u0642\u062f\u0631 \u0632\u0645\u0627\u0646 \u0645\u06cc\u200c\u0628\u0631\u062f \u062a\u0627 \u06a9\u0644\u0645\u0627\u062a \u0631\u0627 \u06a9\u0627\u0645\u0644\u0627\u064b \u062d\u0641\u0638 \u0634\u0648\u0645\u061f<\/span>\n                            <span class=\"transition-transform duration-300 group-open:-rotate-180 text-indigo-500 bg-indigo-50 p-1.5 rounded-full\">\n                                <svg fill=\"none\" height=\"20\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"20\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                            <\/span>\n                        <\/summary>\n                        <div class=\"p-5 sm:p-6 pt-0 text-xs sm:text-sm text-slate-600 leading-loose text-justify border-t border-slate-100 mt-2\">\n                            \u062f\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0644\u0627\u06cc\u062a\u0646\u0631\u060c \u0627\u06af\u0631 \u06cc\u06a9 \u06a9\u0644\u0645\u0647 \u0631\u0627 \u0628\u062f\u0648\u0646 \u0627\u0634\u062a\u0628\u0627\u0647 \u062f\u0631 \u0645\u0631\u0627\u062d\u0644 \u0645\u062e\u062a\u0644\u0641 \u0645\u0631\u0648\u0631 \u06a9\u0646\u06cc\u062f\u060c \u0645\u0639\u0645\u0648\u0644\u0627\u064b \u067e\u0633 \u0627\u0632 \u06f5 \u0627\u0644\u06cc \u06f6 \u0645\u0631\u062d\u0644\u0647 (\u062d\u062f\u0648\u062f \u06f1\u06f6 \u062a\u0627 \u06f3\u06f0 \u0631\u0648\u0632 \u0628\u0633\u062a\u0647 \u0628\u0647 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u062f\u0642\u06cc\u0642 \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645) \u0622\u0646 \u0648\u0627\u0698\u0647 \u0628\u0631\u0627\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0627\u0632 \u062d\u0627\u0641\u0638\u0647 \u06a9\u0648\u062a\u0627\u0647\u200c\u0645\u062f\u062a \u0648\u0627\u0631\u062f <strong>\u062d\u0627\u0641\u0638\u0647 \u0628\u0644\u0646\u062f\u0645\u062f\u062a<\/strong> \u0634\u0645\u0627 \u0645\u06cc\u200c\u0634\u0648\u062f.\n                        <\/div>\n                    <\/details>\n\n                    <!-- FAQ Item 2 -->\n                    <details class=\"group bg-white border border-slate-200 hover:border-indigo-300 rounded-2xl cursor-pointer transition-colors [&amp;_summary::-webkit-details-marker]:hidden\">\n                        <summary style=\"color: #1e293b !important;\" class=\"flex items-center justify-between p-5 sm:p-6 font-bold text-sm sm:text-base select-none\">\n                            <span>\u0627\u06af\u0631 \u06cc\u06a9 \u0631\u0648\u0632 \u0645\u0631\u0648\u0631 \u0644\u063a\u0627\u062a \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0631\u0627 \u0641\u0631\u0627\u0645\u0648\u0634 \u06a9\u0646\u0645 \u0686\u0647 \u0627\u062a\u0641\u0627\u0642\u06cc \u0645\u06cc\u200c\u0627\u0641\u062a\u062f\u061f<\/span>\n                            <span class=\"transition-transform duration-300 group-open:-rotate-180 text-indigo-500 bg-indigo-50 p-1.5 rounded-full\">\n                                <svg fill=\"none\" height=\"20\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"20\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                            <\/span>\n                        <\/summary>\n                        <div class=\"p-5 sm:p-6 pt-0 text-xs sm:text-sm text-slate-600 leading-loose text-justify border-t border-slate-100 mt-2\">\n                            \u0627\u0644\u06af\u0648\u0631\u06cc\u062a\u0645 \u0647\u0648\u0634\u0645\u0646\u062f \u0633\u0631\u0686 \u0641\u0648\u0631 \u06a9\u0627\u0631\u062a\u200c\u0647\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0646\u06af\u0647 \u0645\u06cc\u200c\u062f\u0627\u0631\u062f \u0648 \u0686\u06cc\u0632\u06cc \u067e\u0627\u06a9 \u0646\u0645\u06cc\u200c\u0634\u0648\u062f. \u0627\u0645\u0627 \u0628\u0631\u0627\u06cc \u0628\u0647\u062a\u0631\u06cc\u0646 \u0646\u062a\u06cc\u062c\u0647 \u0639\u0644\u0645\u06cc \u0648 \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u062e\u062a\u0644\u0627\u0644 \u062f\u0631 <strong>\u0645\u0646\u062d\u0646\u06cc \u0641\u0631\u0627\u0645\u0648\u0634\u06cc \u0627\u0628\u06cc\u0646\u06af\u0647\u0627\u0648\u0633<\/strong>\u060c \u0627\u06a9\u06cc\u062f\u0627\u064b \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0631\u0648\u0632\u0627\u0646\u0647 \u06f5 \u0627\u0644\u06cc \u06f1\u06f0 \u062f\u0642\u06cc\u0642\u0647 \u0631\u0627 \u0628\u0647 \u0645\u0631\u0648\u0631 \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0647\u06cc\u062f. \u0627\u0633\u062a\u0645\u0631\u0627\u0631 \u06a9\u0644\u06cc\u062f \u0645\u0648\u0641\u0642\u06cc\u062a \u0627\u0633\u062a.\n                        <\/div>\n                    <\/details>\n\n                    <!-- FAQ Item 3 -->\n                    <details class=\"group bg-white border border-slate-200 hover:border-indigo-300 rounded-2xl cursor-pointer transition-colors [&amp;_summary::-webkit-details-marker]:hidden\">\n                        <summary style=\"color: #1e293b !important;\" class=\"flex items-center justify-between p-5 sm:p-6 font-bold text-sm sm:text-base select-none\">\n                            <span>\u0622\u06cc\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0645 \u0644\u063a\u0627\u062a \u062e\u0627\u0631\u062c \u0627\u0632 \u0645\u0646\u0627\u0628\u0639 \u0633\u0631\u0686 \u0641\u0648\u0631 \u0631\u0627 \u0647\u0645 \u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u0645\u061f<\/span>\n                            <span class=\"transition-transform duration-300 group-open:-rotate-180 text-indigo-500 bg-indigo-50 p-1.5 rounded-full\">\n                                <svg fill=\"none\" height=\"20\" shape-rendering=\"geometricPrecision\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" viewBox=\"0 0 24 24\" width=\"20\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                            <\/span>\n                        <\/summary>\n                        <div class=\"p-5 sm:p-6 pt-0 text-xs sm:text-sm text-slate-600 leading-loose text-justify border-t border-slate-100 mt-2\">\n                            \u0628\u0644\u0647! \u06cc\u06a9\u06cc \u0627\u0632 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u0645\u0646\u062d\u0635\u0631\u0628\u0647\u200c\u0641\u0631\u062f \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0647\u0631 \u06a9\u0644\u0645\u0647 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0631\u0627 \u062f\u0631 \u0642\u0633\u0645\u062a \u062c\u0633\u062a\u062c\u0648 \u0633\u0631\u0686 \u06a9\u0646\u06cc\u062f\u060c \u0633\u06a9\u0627\u0646\u0633\u200c\u0647\u0627\u06cc \u0641\u06cc\u0644\u0645 \u0645\u0631\u0628\u0648\u0637 \u0628\u0647 \u0622\u0646 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u062f \u0648 \u0628\u0627 \u06a9\u0644\u06cc\u06a9 \u0631\u0648\u06cc \u0646\u0645\u0627\u062f \u0633\u062a\u0627\u0631\u0647 (\u2b50)\u060c \u0622\u0646 \u0648\u0627\u0698\u0647 \u0631\u0627 \u0641\u0648\u0631\u0627\u064b \u0628\u0647 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0634\u062e\u0635\u06cc \u062e\u0648\u062f \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.\n                        <\/div>\n                    <\/details>\n                <\/div>\n            <\/div>\n\n            <!-- CTA Box -->\n            <div class=\"bg-indigo-600 rounded-3xl p-6 sm:p-10 text-center text-white shadow-xl mt-8\">\n                <h3 style=\"color: #ffffff !important;\" class=\"text-lg sm:text-2xl font-bold mb-4\">\u0622\u0645\u0627\u062f\u0647\u200c\u0627\u06cc\u062f \u06a9\u0644\u0645\u0627\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0645\u06cc\u0634\u0647 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u062f\u061f<\/h3>\n                <p class=\"text-xs sm:text-sm text-indigo-100 mb-6 max-w-lg mx-auto leading-loose\">\n                    \u0648\u0627\u0631\u062f \u0627\u067e\u0644\u06cc\u06a9\u06cc\u0634\u0646 \u0633\u0631\u0686 \u0641\u0648\u0631 \u0634\u0648\u06cc\u062f \u0648 \u0628\u0627 \u062a\u0631\u06a9\u06cc\u0628 \u062c\u0627\u062f\u0648\u06cc\u06cc \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0648 \u0633\u06a9\u0627\u0646\u0633\u200c\u0647\u0627\u06cc \u0641\u06cc\u0644\u0645 \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u060c \u0632\u0628\u0627\u0646 \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0631\u0627 \u0645\u062a\u0641\u0627\u0648\u062a\u200c\u062a\u0631 \u0627\u0632 \u0647\u0645\u06cc\u0634\u0647 \u0628\u06cc\u0627\u0645\u0648\u0632\u06cc\u062f.\n                <\/p>\n                <a href=\"https:\/\/search4.ir\" target=\"_blank\" class=\"inline-block bg-white text-indigo-700 font-bold px-8 py-3 sm:py-4 rounded-xl shadow-lg hover:shadow-2xl hover:scale-105 transition-all text-sm sm:text-base\">\n                    \u0648\u0631\u0648\u062f \u0628\u0647 \u0633\u0631\u0686 \u0641\u0648\u0631\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n    <!-- Scroll Progress Script -->\n    <script>\n        window.addEventListener('scroll', () => {\n            const indicator = document.getElementById('scroll-indicator');\n            const totalHeight = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n            const progress = (window.pageYOffset \/ totalHeight) * 100;\n            indicator.style.width = progress + '%';\n        });\n    <\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u062c\u0627\u0645\u0639 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0633\u0631\u0686 \u0641\u0648\u0631 &#8211; \u0622\u0645\u0648\u0632\u0634 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u06a9\u0644\u0645\u0627\u062a \u0628\u062f\u0648\u0646 \u0641\u0631\u0627\u0645\u0648\u0634\u06cc \ud83d\udca1 \u0631\u0627\u0647\u0646\u0645\u0627\u06cc \u0642\u062f\u0645\u200c\u0628\u0647\u200c\u0642\u062f\u0645 \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0633\u0631\u0686 \u0641\u0648\u0631 \u0686\u06af\u0648\u0646\u0647 \u0628\u062f\u0648\u0646 \u0641\u0631\u0627\u0645\u0648\u0634\u06cc\u060c \u06a9\u0644\u0645\u0627\u062a \u0627\u0646\u06af\u0644\u06cc\u0633\u06cc \u0631\u0627 \u06cc\u0627\u062f \u0628\u06af\u06cc\u0631\u06cc\u0645\u061f \u0628\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0645\u0631\u0648\u0631 \u0639\u0644\u0645\u06cc \u062c\u0639\u0628\u0647 \u0644\u0627\u06cc\u062a\u0646\u0631 \u0647\u0648\u0634\u0645\u0646\u062f \u0633\u0631\u0686 \u0641\u0648\u0631 \u0648 \u0627\u062a\u0635\u0627\u0644 \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0622\u0646 \u0628\u0647 \u0633\u06a9\u0627\u0646\u0633\u200c\u0647\u0627\u06cc \u0641\u06cc\u0644\u0645 \u0648 \u0627\u0646\u06cc\u0645\u06cc\u0634\u0646\u060c \u06a9\u0644\u0645\u0627\u062a \u0631\u0627 \u0628\u0631\u0627\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0628\u0647 \u062d\u0627\u0641\u0638\u0647 \u0628\u0644\u0646\u062f\u0645\u062f\u062a \u062e\u0648\u062f \u0628\u0633\u067e\u0627\u0631\u06cc\u062f. \u062c\u0639\u0628\u0647 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1629,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[601],"tags":[606,607,603,602,395,21,560,604,36,605],"class_list":["post-1610","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-601","tag-leitner-learn-box","tag-leitner-system","tag-603","tag-602","tag-395","tag-21","tag-560","tag-604","tag-36","tag-605"],"_links":{"self":[{"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/posts\/1610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/comments?post=1610"}],"version-history":[{"count":7,"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/posts\/1610\/revisions"}],"predecessor-version":[{"id":1630,"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/posts\/1610\/revisions\/1630"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/media\/1629"}],"wp:attachment":[{"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/media?parent=1610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/categories?post=1610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/search4.ir\/blog\/wp-json\/wp\/v2\/tags?post=1610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}