{"id":12,"date":"2026-08-31T18:41:52","date_gmt":"2026-08-31T15:11:52","guid":{"rendered":"https:\/\/subscan.ir\/?page_id=12"},"modified":"2026-08-31T19:07:30","modified_gmt":"2026-08-31T15:37:30","slug":"%d8%b5%d9%81%d8%ad%d9%87-%d8%a7%d8%b5%d9%84%db%8c","status":"publish","type":"page","link":"https:\/\/subscan.ir\/","title":{"rendered":"\u0635\u0641\u062d\u0647 \u0627\u0635\u0644\u06cc"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n\r\n SubScan | \u0645\u062a\u0631\u062c\u0645 \u0647\u0648\u0634\u0645\u0646\u062f \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633<\/title>\r\n\r\n <meta name=\"description\"\r\n content=\"SubScan\u061b \u067e\u0644\u062a\u0641\u0631\u0645 \u062a\u062e\u0635\u0635\u06cc \u062a\u0631\u062c\u0645\u0647 \u0648 \u0647\u0645\u06af\u0627\u0645\u200c\u0633\u0627\u0632\u06cc \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0641\u06cc\u0644\u0645 \u0648 \u0633\u0631\u06cc\u0627\u0644 \u0628\u0627 \u062d\u0641\u0638 \u062f\u0642\u06cc\u0642 \u062a\u0627\u06cc\u0645\u200c\u06a9\u062f\u0647\u0627.\">\r\n\r\n <!-- Vazirmatn -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --bg: #0F172A;\r\n --bg-2: #111827;\r\n --card: rgba(30, 41, 59, .70);\r\n --card-hover: rgba(30, 41, 59, .88);\r\n\r\n --border: rgba(51, 65, 85, .60);\r\n\r\n --primary: #4F46E5;\r\n --primary-hover: #6366F1;\r\n\r\n --white: #FFFFFF;\r\n --text: #CBD5E1;\r\n --muted: #94A3B8;\r\n\r\n --green: #34D399;\r\n\r\n --container: 1200px;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html {\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n font-family: \"Vazirmatn\", sans-serif;\r\n background:\r\n radial-gradient(\r\n circle at 85% 0%,\r\n rgba(79, 70, 229, .18),\r\n transparent 32%\r\n ),\r\n radial-gradient(\r\n circle at 0% 45%,\r\n rgba(99, 102, 241, .08),\r\n transparent 30%\r\n ),\r\n var(--bg);\r\n\r\n color: var(--white);\r\n overflow-x: hidden;\r\n }\r\n\r\n body::before {\r\n content: \"\";\r\n\r\n position: fixed;\r\n inset: 0;\r\n\r\n pointer-events: none;\r\n\r\n opacity: .4;\r\n\r\n background-image:\r\n linear-gradient(\r\n rgba(148,163,184,.035) 1px,\r\n transparent 1px\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(148,163,184,.035) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size: 42px 42px;\r\n\r\n mask-image: linear-gradient(\r\n to bottom,\r\n black,\r\n transparent 75%\r\n );\r\n\r\n z-index: -1;\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n }\r\n\r\n button {\r\n font-family: inherit;\r\n cursor: pointer;\r\n }\r\n\r\n .container {\r\n width: min(\r\n var(--container),\r\n calc(100% - 40px)\r\n );\r\n\r\n margin-inline: auto;\r\n }\r\n\r\n \/* =====================\r\n HEADER\r\n ===================== *\/\r\n\r\n header {\r\n position: sticky;\r\n top: 0;\r\n z-index: 999;\r\n\r\n background: rgba(15, 23, 42, .76);\r\n\r\n border-bottom:\r\n 1px solid rgba(51, 65, 85, .55);\r\n\r\n backdrop-filter: blur(18px);\r\n -webkit-backdrop-filter: blur(18px);\r\n }\r\n\r\n .navbar {\r\n min-height: 76px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n gap: 25px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n\r\n flex-shrink: 0;\r\n }\r\n\r\n .brand-logo {\r\n width: 45px;\r\n height: 45px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 14px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #4F46E5,\r\n #6366F1\r\n );\r\n\r\n box-shadow:\r\n 0 0 30px rgba(79,70,229,.32);\r\n }\r\n\r\n .brand-logo span {\r\n font-size: 20px;\r\n font-weight: 900;\r\n letter-spacing: -1px;\r\n }\r\n\r\n .brand-main {\r\n display: flex;\r\n align-items: center;\r\n gap: 7px;\r\n\r\n font-size: 14px;\r\n font-weight: 800;\r\n }\r\n\r\n .brand-sub {\r\n margin-top: 2px;\r\n\r\n color: #94A3B8;\r\n\r\n font-size: 10px;\r\n }\r\n\r\n .pro {\r\n padding: 2px 6px;\r\n\r\n border-radius: 6px;\r\n\r\n color: #A5B4FC;\r\n\r\n background:\r\n rgba(99,102,241,.12);\r\n\r\n border:\r\n 1px solid rgba(129,140,248,.25);\r\n\r\n font-size: 9px;\r\n font-weight: 900;\r\n }\r\n\r\n nav {\r\n display: flex;\r\n align-items: center;\r\n gap: 3px;\r\n }\r\n\r\n nav a,\r\n .language {\r\n padding: 8px 13px;\r\n\r\n border: 0;\r\n\r\n background: transparent;\r\n\r\n color: #CBD5E1;\r\n\r\n border-radius: 10px;\r\n\r\n font-size: 12px;\r\n\r\n transition: .2s;\r\n }\r\n\r\n nav a:hover,\r\n .language:hover {\r\n background: rgba(51,65,85,.45);\r\n color: white;\r\n }\r\n\r\n .nav-cta {\r\n background: var(--primary) !important;\r\n\r\n color: white !important;\r\n\r\n font-weight: 700;\r\n\r\n margin-right: 5px;\r\n\r\n box-shadow:\r\n 0 0 28px rgba(79,70,229,.25);\r\n }\r\n\r\n .nav-cta:hover {\r\n background: var(--primary-hover) !important;\r\n }\r\n\r\n .menu-btn {\r\n display: none;\r\n\r\n width: 42px;\r\n height: 42px;\r\n\r\n border-radius: 12px;\r\n\r\n border: 1px solid var(--border);\r\n\r\n background: rgba(30,41,59,.65);\r\n\r\n color: white;\r\n\r\n font-size: 20px;\r\n }\r\n\r\n \/* =====================\r\n HERO\r\n ===================== *\/\r\n\r\n .hero {\r\n padding: 105px 0 115px;\r\n\r\n position: relative;\r\n }\r\n\r\n .hero-grid {\r\n display: grid;\r\n\r\n grid-template-columns:\r\n minmax(0, .95fr)\r\n minmax(0, 1.05fr);\r\n\r\n gap: 70px;\r\n\r\n align-items: center;\r\n }\r\n\r\n .hero-content {\r\n text-align: right;\r\n }\r\n\r\n .hero-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n\r\n padding: 8px 14px;\r\n\r\n border-radius: 999px;\r\n\r\n background:\r\n rgba(79,70,229,.10);\r\n\r\n border:\r\n 1px solid rgba(99,102,241,.23);\r\n\r\n color: #C7D2FE;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .hero-badge i {\r\n width: 7px;\r\n height: 7px;\r\n\r\n border-radius: 50%;\r\n\r\n background: #818CF8;\r\n\r\n box-shadow:\r\n 0 0 13px #6366F1;\r\n }\r\n\r\n h1 {\r\n margin-top: 23px;\r\n\r\n font-size:\r\n clamp(34px, 4.5vw, 59px);\r\n\r\n line-height: 1.45;\r\n\r\n font-weight: 900;\r\n\r\n letter-spacing: -1.5px;\r\n }\r\n\r\n h1 strong {\r\n color: #818CF8;\r\n font-weight: 900;\r\n }\r\n\r\n .hero-text {\r\n max-width: 670px;\r\n\r\n margin-top: 20px;\r\n\r\n color: var(--text);\r\n\r\n font-size: 15px;\r\n\r\n line-height: 2.2;\r\n }\r\n\r\n .hero-buttons {\r\n display: flex;\r\n flex-wrap: wrap;\r\n\r\n gap: 12px;\r\n\r\n margin-top: 30px;\r\n }\r\n\r\n .btn {\r\n min-height: 51px;\r\n\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n gap: 8px;\r\n\r\n padding: 0 21px;\r\n\r\n border-radius: 14px;\r\n\r\n font-size: 12px;\r\n font-weight: 700;\r\n\r\n border: 1px solid transparent;\r\n\r\n transition: .25s;\r\n }\r\n\r\n .btn:hover {\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-primary {\r\n background: var(--primary);\r\n\r\n color: white;\r\n\r\n box-shadow:\r\n 0 10px 35px\r\n rgba(79,70,229,.25);\r\n }\r\n\r\n .btn-primary:hover {\r\n background: var(--primary-hover);\r\n\r\n box-shadow:\r\n 0 12px 40px\r\n rgba(99,102,241,.35);\r\n }\r\n\r\n .btn-secondary {\r\n background:\r\n rgba(30,41,59,.55);\r\n\r\n color: var(--text);\r\n\r\n border-color: var(--border);\r\n }\r\n\r\n .btn-secondary:hover {\r\n background:\r\n rgba(51,65,85,.55);\r\n\r\n color: white;\r\n }\r\n\r\n \/* =====================\r\n MOCKUP\r\n ===================== *\/\r\n\r\n .mockup-container {\r\n position: relative;\r\n }\r\n\r\n .mockup-container::before {\r\n content: \"\";\r\n\r\n position: absolute;\r\n\r\n inset: -25px;\r\n\r\n background:\r\n rgba(79,70,229,.10);\r\n\r\n filter: blur(45px);\r\n\r\n border-radius: 40px;\r\n\r\n z-index: -1;\r\n }\r\n\r\n .mockup {\r\n overflow: hidden;\r\n\r\n border-radius: 25px;\r\n\r\n background:\r\n rgba(30,41,59,.82);\r\n\r\n border:\r\n 1px solid rgba(71,85,105,.6);\r\n\r\n backdrop-filter: blur(20px);\r\n\r\n box-shadow:\r\n 0 30px 90px\r\n rgba(0,0,0,.3),\r\n 0 0 45px\r\n rgba(79,70,229,.08);\r\n }\r\n\r\n .mockup-header {\r\n min-height: 65px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n justify-content: space-between;\r\n\r\n gap: 15px;\r\n\r\n padding: 12px 17px;\r\n\r\n border-bottom:\r\n 1px solid var(--border);\r\n }\r\n\r\n .file-info {\r\n display: flex;\r\n align-items: center;\r\n\r\n gap: 10px;\r\n\r\n min-width: 0;\r\n }\r\n\r\n .file-icon {\r\n width: 36px;\r\n height: 36px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n flex-shrink: 0;\r\n\r\n border-radius: 10px;\r\n\r\n background:\r\n rgba(51,65,85,.55);\r\n\r\n color: #A5B4FC;\r\n }\r\n\r\n .file-name {\r\n direction: ltr;\r\n\r\n font-family: monospace;\r\n\r\n font-size: 11px;\r\n\r\n white-space: nowrap;\r\n\r\n overflow: hidden;\r\n\r\n text-overflow: ellipsis;\r\n\r\n color: #E2E8F0;\r\n }\r\n\r\n .statuses {\r\n display: flex;\r\n gap: 6px;\r\n }\r\n\r\n .status {\r\n padding: 4px 8px;\r\n\r\n border-radius: 999px;\r\n\r\n white-space: nowrap;\r\n\r\n font-size: 9px;\r\n }\r\n\r\n .status.indigo {\r\n color: #A5B4FC;\r\n\r\n background:\r\n rgba(79,70,229,.12);\r\n\r\n border:\r\n 1px solid rgba(99,102,241,.2);\r\n }\r\n\r\n .status.green {\r\n color: #6EE7B7;\r\n\r\n background:\r\n rgba(16,185,129,.08);\r\n\r\n border:\r\n 1px solid rgba(52,211,153,.18);\r\n }\r\n\r\n .dialogues {\r\n padding: 18px;\r\n }\r\n\r\n .dialogue {\r\n padding: 15px;\r\n\r\n border-radius: 17px;\r\n\r\n background:\r\n rgba(15,23,42,.4);\r\n\r\n border:\r\n 1px solid rgba(51,65,85,.55);\r\n\r\n margin-bottom: 12px;\r\n }\r\n\r\n .dialogue:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .timestamp {\r\n direction: ltr;\r\n\r\n color: #64748B;\r\n\r\n font-family: monospace;\r\n\r\n font-size: 9px;\r\n\r\n margin-bottom: 10px;\r\n }\r\n\r\n .timestamp span {\r\n display: inline-block;\r\n\r\n padding: 3px 6px;\r\n\r\n margin-left: 5px;\r\n\r\n border-radius: 5px;\r\n\r\n background:\r\n rgba(51,65,85,.55);\r\n }\r\n\r\n .original {\r\n direction: ltr;\r\n\r\n color: #CBD5E1;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 1.9;\r\n }\r\n\r\n .translation {\r\n margin-top: 11px;\r\n\r\n padding-top: 10px;\r\n\r\n border-top:\r\n 1px solid rgba(51,65,85,.5);\r\n }\r\n\r\n .translation-label {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 5px;\r\n\r\n color: #818CF8;\r\n\r\n font-size: 9px;\r\n\r\n margin-bottom: 4px;\r\n }\r\n\r\n .translation-text {\r\n color: #E0E7FF;\r\n\r\n font-size: 11px;\r\n\r\n line-height: 2;\r\n }\r\n\r\n .mockup-footer {\r\n display: flex;\r\n align-items: center;\r\n\r\n gap: 7px;\r\n\r\n padding: 13px 18px;\r\n\r\n border-top:\r\n 1px solid var(--border);\r\n\r\n color: var(--muted);\r\n\r\n font-size: 10px;\r\n }\r\n\r\n .secure {\r\n color: var(--green);\r\n }\r\n\r\n \/* =====================\r\n SECTIONS\r\n ===================== *\/\r\n\r\n .section {\r\n padding: 100px 0;\r\n }\r\n\r\n .section-alt {\r\n background:\r\n rgba(2,6,23,.18);\r\n\r\n border-top:\r\n 1px solid rgba(51,65,85,.35);\r\n\r\n border-bottom:\r\n 1px solid rgba(51,65,85,.35);\r\n }\r\n\r\n .heading {\r\n max-width: 750px;\r\n\r\n margin: auto;\r\n\r\n text-align: center;\r\n }\r\n\r\n .eyebrow {\r\n color: #818CF8;\r\n\r\n font-size: 13px;\r\n\r\n font-weight: 700;\r\n\r\n margin-bottom: 7px;\r\n }\r\n\r\n .section-title {\r\n font-size:\r\n clamp(27px, 3.2vw, 40px);\r\n\r\n line-height: 1.5;\r\n\r\n font-weight: 900;\r\n }\r\n\r\n \/* =====================\r\n FEATURES\r\n ===================== *\/\r\n\r\n .features {\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(3, 1fr);\r\n\r\n gap: 15px;\r\n\r\n margin-top: 48px;\r\n }\r\n\r\n .card {\r\n position: relative;\r\n\r\n padding: 26px;\r\n\r\n border-radius: 22px;\r\n\r\n background:\r\n var(--card);\r\n\r\n border:\r\n 1px solid var(--border);\r\n\r\n backdrop-filter: blur(15px);\r\n\r\n transition: .25s;\r\n }\r\n\r\n .card:hover {\r\n transform: translateY(-5px);\r\n\r\n background:\r\n var(--card-hover);\r\n\r\n border-color:\r\n rgba(99,102,241,.27);\r\n }\r\n\r\n .card-number {\r\n position: absolute;\r\n\r\n top: 19px;\r\n left: 22px;\r\n\r\n color: #334155;\r\n\r\n font-size: 10px;\r\n }\r\n\r\n .feature-icon {\r\n width: 47px;\r\n height: 47px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n margin-bottom: 20px;\r\n\r\n border-radius: 14px;\r\n\r\n color: #818CF8;\r\n\r\n background:\r\n rgba(79,70,229,.10);\r\n\r\n border:\r\n 1px solid rgba(99,102,241,.14);\r\n }\r\n\r\n .feature-icon svg {\r\n width: 21px;\r\n height: 21px;\r\n }\r\n\r\n .card h3 {\r\n font-size: 15px;\r\n\r\n font-weight: 800;\r\n }\r\n\r\n .card p {\r\n margin-top: 8px;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 12px;\r\n\r\n line-height: 2;\r\n }\r\n\r\n \/* =====================\r\n STEPS\r\n ===================== *\/\r\n\r\n .steps {\r\n display: grid;\r\n\r\n grid-template-columns:\r\n repeat(4, 1fr);\r\n\r\n gap: 15px;\r\n\r\n margin-top: 48px;\r\n }\r\n\r\n .step-number {\r\n color:\r\n rgba(99,102,241,.28);\r\n\r\n font-size: 38px;\r\n\r\n line-height: 1;\r\n\r\n font-weight: 900;\r\n\r\n margin-bottom: 30px;\r\n }\r\n\r\n \/* =====================\r\n FORMATS\r\n ===================== *\/\r\n\r\n .formats {\r\n text-align: center;\r\n }\r\n\r\n .pills {\r\n display: flex;\r\n\r\n flex-wrap: wrap;\r\n\r\n justify-content: center;\r\n\r\n gap: 9px;\r\n\r\n margin-top: 38px;\r\n }\r\n\r\n .pill {\r\n padding: 8px 14px;\r\n\r\n border-radius: 999px;\r\n\r\n color: var(--text);\r\n\r\n background:\r\n rgba(30,41,59,.55);\r\n\r\n border:\r\n 1px solid var(--border);\r\n\r\n font-size: 11px;\r\n\r\n transition: .2s;\r\n }\r\n\r\n .pill:hover {\r\n color: white;\r\n\r\n background:\r\n rgba(79,70,229,.10);\r\n\r\n border-color:\r\n rgba(99,102,241,.3);\r\n }\r\n\r\n \/* =====================\r\n FAQ\r\n ===================== *\/\r\n\r\n .faq {\r\n max-width: 850px;\r\n\r\n margin: 45px auto 0;\r\n }\r\n\r\n .faq-item {\r\n overflow: hidden;\r\n\r\n margin-bottom: 9px;\r\n\r\n border-radius: 16px;\r\n\r\n background:\r\n var(--card);\r\n\r\n border:\r\n 1px solid var(--border);\r\n\r\n backdrop-filter: blur(15px);\r\n }\r\n\r\n .faq-question {\r\n width: 100%;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n gap: 20px;\r\n\r\n padding: 19px;\r\n\r\n border: 0;\r\n\r\n background: transparent;\r\n\r\n color: white;\r\n\r\n text-align: right;\r\n\r\n font-size: 12px;\r\n\r\n font-weight: 700;\r\n }\r\n\r\n .faq-arrow {\r\n width: 27px;\r\n height: 27px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n flex-shrink: 0;\r\n\r\n border-radius: 8px;\r\n\r\n background:\r\n rgba(79,70,229,.10);\r\n\r\n color: #818CF8;\r\n\r\n transition: .3s;\r\n }\r\n\r\n .faq-answer {\r\n max-height: 0;\r\n\r\n overflow: hidden;\r\n\r\n transition:\r\n max-height .35s ease;\r\n }\r\n\r\n .faq-answer-inner {\r\n padding:\r\n 15px 19px 20px;\r\n\r\n border-top:\r\n 1px solid rgba(51,65,85,.5);\r\n\r\n color: var(--muted);\r\n\r\n font-size: 12px;\r\n\r\n line-height: 2.1;\r\n }\r\n\r\n .faq-item.active .faq-answer {\r\n max-height: 400px;\r\n }\r\n\r\n .faq-item.active .faq-arrow {\r\n transform: rotate(180deg);\r\n }\r\n\r\n \/* =====================\r\n CTA\r\n ===================== *\/\r\n\r\n .cta-section {\r\n padding: 20px 0 90px;\r\n }\r\n\r\n .cta {\r\n padding: 55px;\r\n\r\n border-radius: 30px;\r\n\r\n border:\r\n 1px solid rgba(99,102,241,.18);\r\n\r\n background:\r\n radial-gradient(\r\n circle at 10% 50%,\r\n rgba(79,70,229,.18),\r\n transparent 35%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n rgba(79,70,229,.15),\r\n rgba(30,41,59,.78)\r\n );\r\n }\r\n\r\n .cta-inner {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n gap: 35px;\r\n }\r\n\r\n .cta-label {\r\n color: #818CF8;\r\n\r\n font-size: 11px;\r\n\r\n font-weight: 700;\r\n\r\n margin-bottom: 7px;\r\n }\r\n\r\n .cta h2 {\r\n font-size:\r\n clamp(27px, 3.2vw, 39px);\r\n\r\n line-height: 1.5;\r\n\r\n font-weight: 900;\r\n }\r\n\r\n .cta p {\r\n margin-top: 7px;\r\n\r\n color: var(--text);\r\n\r\n font-size: 12px;\r\n }\r\n\r\n \/* =====================\r\n FOOTER\r\n ===================== *\/\r\n\r\n footer {\r\n border-top:\r\n 1px solid rgba(51,65,85,.55);\r\n\r\n background:\r\n rgba(2,6,23,.25);\r\n }\r\n\r\n .footer {\r\n min-height: 105px;\r\n\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n justify-content: space-between;\r\n\r\n gap: 25px;\r\n }\r\n\r\n .footer-brand {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 10px;\r\n }\r\n\r\n .footer-logo {\r\n width: 37px;\r\n height: 37px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n border-radius: 11px;\r\n\r\n background: var(--primary);\r\n\r\n font-size: 13px;\r\n font-weight: 900;\r\n }\r\n\r\n .footer-brand strong {\r\n display: block;\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .footer-brand span {\r\n color: #64748B;\r\n\r\n font-size: 9px;\r\n }\r\n\r\n .footer-links {\r\n display: flex;\r\n\r\n gap: 18px;\r\n\r\n color: #64748B;\r\n\r\n font-size: 10px;\r\n }\r\n\r\n .footer-links a:hover {\r\n color: white;\r\n }\r\n\r\n .powered {\r\n display: flex;\r\n\r\n align-items: center;\r\n\r\n gap: 6px;\r\n\r\n color: #64748B;\r\n\r\n font-size: 10px;\r\n }\r\n\r\n \/* =====================\r\n UPLOAD MODAL\r\n ===================== *\/\r\n\r\n .modal {\r\n position: fixed;\r\n\r\n inset: 0;\r\n\r\n z-index: 2000;\r\n\r\n display: none;\r\n\r\n align-items: center;\r\n\r\n justify-content: center;\r\n\r\n padding: 20px;\r\n\r\n background:\r\n rgba(2,6,23,.78);\r\n\r\n backdrop-filter: blur(10px);\r\n }\r\n\r\n .modal.show {\r\n display: flex;\r\n }\r\n\r\n .modal-box {\r\n width: min(500px, 100%);\r\n\r\n padding: 30px;\r\n\r\n border-radius: 25px;\r\n\r\n background:\r\n #172237;\r\n\r\n border:\r\n 1px solid rgba(71,85,105,.65);\r\n\r\n box-shadow:\r\n 0 30px 100px\r\n rgba(0,0,0,.45);\r\n\r\n text-align: center;\r\n }\r\n\r\n .modal-close {\r\n position: fixed;\r\n\r\n top: 20px;\r\n left: 20px;\r\n\r\n width: 40px;\r\n height: 40px;\r\n\r\n border-radius: 10px;\r\n\r\n background:\r\n rgba(30,41,59,.7);\r\n\r\n border:\r\n 1px solid var(--border);\r\n\r\n color: white;\r\n\r\n font-size: 20px;\r\n }\r\n\r\n .upload-icon {\r\n width: 65px;\r\n height: 65px;\r\n\r\n display: grid;\r\n place-items: center;\r\n\r\n margin: 0 auto 17px;\r\n\r\n border-radius: 20px;\r\n\r\n background:\r\n rgba(79,70,229,.12);\r\n\r\n color: #818CF8;\r\n }\r\n\r\n .modal-box h3 {\r\n font-size: 20px;\r\n }\r\n\r\n .modal-box > p {\r\n margin-top: 6px;\r\n\r\n color: var(--muted);\r\n\r\n font-size: 11px;\r\n }\r\n\r\n .drop-zone {\r\n margin-top: 22px;\r\n\r\n padding: 30px 20px;\r\n\r\n border-radius: 17px;\r\n\r\n border:\r\n 1px dashed rgba(99,102,241,.4);\r\n\r\n background:\r\n rgba(79,70,229,.05);\r\n\r\n color: var(--muted);\r\n\r\n font-size: 11px;\r\n\r\n transition: .2s;\r\n }\r\n\r\n .drop-zone.dragging {\r\n background:\r\n rgba(79,70,229,.13);\r\n\r\n border-color: #818CF8;\r\n }\r\n\r\n .selected-file {\r\n display: none;\r\n\r\n margin-top: 12px;\r\n\r\n padding: 9px;\r\n\r\n border-radius: 9px;\r\n\r\n background:\r\n rgba(52,211,153,.07);\r\n\r\n color: #6EE7B7;\r\n\r\n font-size: 10px;\r\n }\r\n\r\n \/* =====================\r\n RESPONSIVE\r\n ===================== *\/\r\n\r\n @media (max-width: 1050px) {\r\n\r\n .hero-grid {\r\n grid-template-columns: 1fr;\r\n\r\n gap: 55px;\r\n }\r\n\r\n .hero-content {\r\n text-align: center;\r\n }\r\n\r\n .hero-text {\r\n margin-inline: auto;\r\n }\r\n\r\n .hero-buttons {\r\n justify-content: center;\r\n }\r\n\r\n .features {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .steps {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .cta-inner {\r\n flex-direction: column;\r\n\r\n text-align: center;\r\n }\r\n\r\n }\r\n\r\n @media (max-width: 760px) {\r\n\r\n .container {\r\n width:\r\n calc(100% - 28px);\r\n }\r\n\r\n .navbar {\r\n min-height: 68px;\r\n }\r\n\r\n .brand-sub {\r\n display: none;\r\n }\r\n\r\n .brand-main {\r\n font-size: 12px;\r\n }\r\n\r\n nav {\r\n display: none;\r\n\r\n position: absolute;\r\n\r\n top: 72px;\r\n\r\n right: 14px;\r\n left: 14px;\r\n\r\n padding: 9px;\r\n\r\n flex-direction: column;\r\n\r\n align-items: stretch;\r\n\r\n background:\r\n rgba(23,34,55,.97);\r\n\r\n border:\r\n 1px solid var(--border);\r\n\r\n border-radius: 18px;\r\n\r\n box-shadow:\r\n 0 20px 60px\r\n rgba(0,0,0,.35);\r\n\r\n backdrop-filter: blur(20px);\r\n }\r\n\r\n nav.open {\r\n display: flex;\r\n }\r\n\r\n nav a,\r\n .language {\r\n text-align: center;\r\n\r\n padding: 11px;\r\n }\r\n\r\n .nav-cta {\r\n margin: 3px 0 0;\r\n }\r\n\r\n .menu-btn {\r\n display: block;\r\n }\r\n\r\n .hero {\r\n padding: 65px 0 75px;\r\n }\r\n\r\n h1 {\r\n font-size: 34px;\r\n }\r\n\r\n .hero-text {\r\n font-size: 13px;\r\n }\r\n\r\n .mockup-header {\r\n flex-direction: column;\r\n\r\n align-items: flex-start;\r\n }\r\n\r\n .statuses {\r\n width: 100%;\r\n }\r\n\r\n .section {\r\n padding: 75px 0;\r\n }\r\n\r\n .features,\r\n .steps {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .cta {\r\n padding: 35px 22px;\r\n }\r\n\r\n .footer {\r\n flex-direction: column;\r\n\r\n padding: 28px 0;\r\n\r\n text-align: center;\r\n }\r\n\r\n .footer-links {\r\n flex-wrap: wrap;\r\n\r\n justify-content: center;\r\n }\r\n }\r\n\r\n @media (max-width: 450px) {\r\n\r\n .hero-buttons {\r\n flex-direction: column;\r\n }\r\n\r\n .btn {\r\n width: 100%;\r\n }\r\n\r\n .mockup {\r\n border-radius: 19px;\r\n }\r\n\r\n .dialogues {\r\n padding: 10px;\r\n }\r\n\r\n .dialogue {\r\n padding: 11px;\r\n }\r\n\r\n .original,\r\n .translation-text {\r\n font-size: 10px;\r\n }\r\n\r\n .cta h2 {\r\n font-size: 25px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<!-- =====================\r\n HEADER\r\n===================== -->\r\n\r\n<header>\r\n\r\n <div class=\"container navbar\">\r\n\r\n <a href=\"#\" class=\"brand\">\r\n\r\n <div class=\"brand-logo\">\r\n <span>SS<\/span>\r\n <\/div>\r\n\r\n <div>\r\n\r\n <div class=\"brand-main\">\r\n\r\n SubScan\r\n\r\n <span class=\"pro\">\r\n PRO\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <div class=\"brand-sub\">\r\n \u0645\u062a\u0631\u062c\u0645 \u0647\u0648\u0634\u0645\u0646\u062f \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/a>\r\n\r\n\r\n <nav id=\"nav\">\r\n\r\n <a href=\"#features\">\r\n \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\r\n <\/a>\r\n\r\n <a href=\"#how-it-works\">\r\n \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631\r\n <\/a>\r\n\r\n <a href=\"#formats\">\r\n \u0641\u0631\u0645\u062a\u200c\u0647\u0627\r\n <\/a>\r\n\r\n <a href=\"#faq\">\r\n \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644\r\n <\/a>\r\n\r\n <button class=\"language\">\r\n EN \/ \u0641\u0627\u0631\u0633\u06cc\r\n <\/button>\r\n\r\n <a href=\"#translator\"\r\n class=\"nav-cta\">\r\n \u0648\u0631\u0648\u062f \u0628\u0647 \u0645\u062a\u0631\u062c\u0645\r\n <\/a>\r\n\r\n <\/nav>\r\n\r\n\r\n <button\r\n class=\"menu-btn\"\r\n onclick=\"toggleMenu()\">\r\n\r\n \u2630\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<main>\r\n\r\n\r\n<!-- =====================\r\n HERO\r\n===================== -->\r\n\r\n<section\r\n class=\"hero\"\r\n id=\"translator\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"hero-grid\">\r\n\r\n\r\n <div class=\"hero-content\">\r\n\r\n <div class=\"hero-badge\">\r\n\r\n <i><\/i>\r\n\r\n \u062a\u0631\u062c\u0645\u0647 \u0647\u0648\u0634\u0645\u0646\u062f \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0628\u0627 \u062d\u0641\u0638 \u062f\u0642\u06cc\u0642 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\r\n\r\n <\/div>\r\n\r\n\r\n <h1>\r\n\r\n \u062a\u0631\u062c\u0645\u0647 \u0631\u0648\u0627\u0646 \u0648 \u0633\u06cc\u0646\u0645\u0627\u06cc\u06cc \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633\u200c\u0647\u0627\u060c\r\n <strong>\r\n \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u062d\u062a\u06cc \u06f1 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647\r\n <\/strong>\r\n \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\r\n\r\n <\/h1>\r\n\r\n\r\n <p class=\"hero-text\">\r\n\r\n \u0641\u0627\u06cc\u0644 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0641\u06cc\u0644\u0645 \u06cc\u0627 \u0633\u0631\u06cc\u0627\u0644 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f\u060c\r\n \u0644\u062d\u0646 \u0645\u062f\u0646\u0638\u0631 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u0648 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u062a\u0631\u062c\u0645\u0647 \u0634\u062f\u0647 \u0631\u0627\r\n \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u06a9\u0627\u0645\u0644 UTF-8 \u0648 \u0628\u062f\u0648\u0646 \u0628\u0647\u200c\u0647\u0645\u200c\u0631\u06cc\u062e\u062a\u06af\u06cc \u0641\u0648\u0646\u062a\r\n \u062a\u062d\u0648\u06cc\u0644 \u0628\u06af\u06cc\u0631\u06cc\u062f.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"hero-buttons\">\r\n\r\n <button\r\n class=\"btn btn-primary\"\r\n onclick=\"openModal()\">\r\n\r\n <svg width=\"17\"\r\n height=\"17\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M12 16V4\"\/>\r\n <path d=\"m7 9 5-5 5 5\"\/>\r\n <path d=\"M4 20h16\"\/>\r\n\r\n <\/svg>\r\n\r\n \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0648 \u0634\u0631\u0648\u0639 \u062a\u0631\u062c\u0645\u0647\r\n\r\n <\/button>\r\n\r\n\r\n <a\r\n href=\"#how-it-works\"\r\n class=\"btn btn-secondary\">\r\n\r\n \u0648\u0631\u0648\u062f \u0628\u0647 \u0645\u062d\u06cc\u0637 \u06a9\u0627\u0631\r\n\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <!-- MOCKUP -->\r\n\r\n <div class=\"mockup-container\">\r\n\r\n <div class=\"mockup\">\r\n\r\n\r\n <div class=\"mockup-header\">\r\n\r\n <div class=\"file-info\">\r\n\r\n <div class=\"file-icon\">\r\n\r\n <svg width=\"18\"\r\n height=\"18\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\r\n <path d=\"M14 2v6h6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"file-name\">\r\n\r\n Interstellar.2014.1080p.srt\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"statuses\">\r\n\r\n <span class=\"status indigo\">\r\n \u0644\u062d\u0646: \u0633\u06cc\u0646\u0645\u0627\u06cc\u06cc\r\n <\/span>\r\n\r\n <span class=\"status green\">\r\n \u06f1\u06f0\u06f0\u066a \u0647\u0645\u06af\u0627\u0645\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dialogues\">\r\n\r\n\r\n <div class=\"dialogue\">\r\n\r\n <div class=\"timestamp\">\r\n\r\n <span>#1<\/span>\r\n\r\n [00:01:14,200 -> 00:01:17,450]\r\n - English (Original)\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"original\">\r\n\r\n We used to look up at the sky and\r\n wonder at our place in the stars.\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"translation\">\r\n\r\n <div class=\"translation-label\">\r\n\r\n <svg width=\"12\"\r\n height=\"12\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n\r\n <\/svg>\r\n\r\n \u062a\u0631\u062c\u0645\u0647 \u0634\u062f\u0647\r\n\r\n <\/div>\r\n\r\n <div class=\"translation-text\">\r\n\r\n \u0645\u0627 \u0642\u0628\u0644\u0627\u064b \u0628\u0647 \u0622\u0633\u0645\u0627\u0646 \u0646\u06af\u0627\u0647 \u0645\u06cc\u200c\u06a9\u0631\u062f\u06cc\u0645 \u0648\r\n \u062c\u0627\u06cc\u06af\u0627\u0647\u200c\u0645\u0648\u0646 \u0631\u0648 \u0628\u06cc\u0646 \u0633\u062a\u0627\u0631\u0647\u200c\u0647\u0627 \u062c\u0633\u062a\u062c\u0648\r\n \u0645\u06cc\u200c\u06a9\u0631\u062f\u06cc\u0645.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"dialogue\">\r\n\r\n <div class=\"timestamp\">\r\n\r\n <span>#2<\/span>\r\n\r\n [00:01:18,100 -> 00:01:21,800]\r\n - English (Original)\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"original\">\r\n\r\n Now we just look down and worry\r\n about our place in the dirt.\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"translation\">\r\n\r\n <div class=\"translation-label\">\r\n\r\n <svg width=\"12\"\r\n height=\"12\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/>\r\n\r\n <\/svg>\r\n\r\n \u062a\u0631\u062c\u0645\u0647 \u0634\u062f\u0647\r\n\r\n <\/div>\r\n\r\n <div class=\"translation-text\">\r\n\r\n \u062d\u0627\u0644\u0627 \u0641\u0642\u0637 \u0633\u0631\u0645\u0648\u0646 \u0631\u0648 \u067e\u0627\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u0627\u0646\u062f\u0627\u0632\u06cc\u0645\r\n \u0648 \u0646\u06af\u0631\u0627\u0646 \u0628\u0642\u0627\u0645\u0648\u0646 \u0631\u0648\u06cc \u062e\u0627\u06a9 \u0647\u0633\u062a\u06cc\u0645.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"mockup-footer\">\r\n\r\n <svg class=\"secure\"\r\n width=\"15\"\r\n height=\"15\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n\r\n <path d=\"m9 12 2 2 4-4\"\/>\r\n\r\n <\/svg>\r\n\r\n \u067e\u0631\u062f\u0627\u0632\u0634 \u0645\u0633\u062a\u0642\u06cc\u0645\u060c \u0633\u0631\u06cc\u0639 \u0648 \u0627\u0645\u0646 \u0641\u0627\u06cc\u0644 \u062f\u0631 \u0645\u0631\u0648\u0631\u06af\u0631\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================\r\n FEATURES\r\n===================== -->\r\n\r\n<section\r\n class=\"section section-alt\"\r\n id=\"features\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"heading\">\r\n\r\n <div class=\"eyebrow\">\r\n \u0627\u0645\u06a9\u0627\u0646\u0627\u062a \u0648 \u0646\u0648\u0622\u0648\u0631\u06cc\u200c\u0647\u0627\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n \u0647\u0631 \u0622\u0646\u0686\u0647 \u0628\u0631\u0627\u06cc \u062a\u0631\u062c\u0645\u0647 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0646\u06cc\u0627\u0632 \u062f\u0627\u0631\u06cc\u062f\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"features\">\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <span class=\"card-number\">01<\/span>\r\n\r\n <div class=\"feature-icon\">\r\n\r\n <svg viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\r\n <path d=\"M12 7v5l3 2\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n \u062d\u0641\u0638 \u06f1\u06f0\u06f0\u066a \u062a\u0627\u06cc\u0645\u200c\u06a9\u062f\u0647\u0627\r\n <\/h3>\r\n\r\n <p>\r\n \u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0648 \u0647\u0645\u06af\u0627\u0645\u200c\u0633\u0627\u0632\u06cc \u0628\u062f\u0648\u0646 \u06a9\u0648\u0686\u06a9\u200c\u062a\u0631\u06cc\u0646 \u062e\u0637\u0627\r\n \u062f\u0631 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647\u200c\u0647\u0627 \u0648 \u0641\u0631\u06cc\u0645\u200c\u0647\u0627\u06cc \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <span class=\"card-number\">02<\/span>\r\n\r\n <div class=\"feature-icon\">\r\n\r\n <svg viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M12 3v18\"\/>\r\n <path d=\"M5 8h14\"\/>\r\n <path d=\"M5 16h14\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc \u0644\u062d\u0646 \u062f\u06cc\u0627\u0644\u0648\u06af\u200c\u0647\u0627\r\n <\/h3>\r\n\r\n <p>\r\n \u062a\u0631\u062c\u0645\u0647 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0644\u062d\u0646 \u0633\u06cc\u0646\u0645\u0627\u06cc\u06cc\u060c \u0639\u0627\u0645\u06cc\u0627\u0646\u0647\u060c\r\n \u062f\u0631\u0627\u0645\u060c \u06a9\u0645\u062f\u06cc \u06cc\u0627 \u067e\u0631\u0627\u0645\u067e\u062a \u0627\u062e\u062a\u0635\u0627\u0635\u06cc \u0634\u0645\u0627.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <span class=\"card-number\">03<\/span>\r\n\r\n <div class=\"feature-icon\">\r\n\r\n <svg viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M13 2 3 14h9l-1 8 10-12h-9z\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n \u0645\u0648\u062a\u0648\u0631 \u062a\u0631\u062c\u0645\u0647 \u0647\u0648\u0634\u0645\u0646\u062f \u0632\u0646\u062f\u0647\r\n <\/h3>\r\n\r\n <p>\r\n \u067e\u0631\u062f\u0627\u0632\u0634 \u062f\u0633\u062a\u0647\u200c\u0627\u06cc \u0633\u0631\u06cc\u0639 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u0645\u06a9\u062b\u060c\r\n \u0627\u062f\u0627\u0645\u0647\u060c \u0648 \u0646\u0645\u0627\u06cc\u0634 \u0633\u0631\u0639\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u062a\u0631\u062c\u0645\u0647.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <span class=\"card-number\">04<\/span>\r\n\r\n <div class=\"feature-icon\">\r\n\r\n <svg viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <rect x=\"3\" y=\"4\"\r\n width=\"18\"\r\n height=\"16\"\r\n rx=\"2\"\/>\r\n\r\n <path d=\"M12 4v16\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u062f\u0648\u067e\u0646\u0644\u0647 \u062a\u0639\u0627\u0645\u0644\u06cc\r\n <\/h3>\r\n\r\n <p>\r\n \u0645\u0642\u0627\u06cc\u0633\u0647 \u0647\u0645\u0632\u0645\u0627\u0646 \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc \u0648 \u062a\u0631\u062c\u0645\u0647 \u0634\u062f\u0647 \u0628\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a\r\n \u0627\u0635\u0644\u0627\u062d \u0622\u0646\u06cc \u0648 \u062a\u0631\u062c\u0645\u0647 \u0645\u062c\u062f\u062f \u0647\u0631 \u0633\u0637\u0631.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <span class=\"card-number\">05<\/span>\r\n\r\n <div class=\"feature-icon\">\r\n\r\n <svg viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <rect x=\"3\"\r\n y=\"5\"\r\n width=\"18\"\r\n height=\"14\"\r\n rx=\"2\"\/>\r\n\r\n <path d=\"m10 9 5 3-5 3z\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n \u067e\u06cc\u0634\u200c\u0646\u0645\u0627\u06cc\u0634 \u0632\u0646\u062f\u0647 \u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc\r\n <\/h3>\r\n\r\n <p>\r\n \u062a\u0633\u062a \u0648 \u0628\u0631\u0631\u0633\u06cc \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0631\u0648\u06cc \u0648\u06cc\u062f\u06cc\u0648 \u06cc\u0627 \u06a9\u0644\u06cc\u067e \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc\r\n \u0628\u0627 \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc \u0633\u0627\u06cc\u0632 \u0648 \u0645\u0648\u0642\u0639\u06cc\u062a.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <span class=\"card-number\">06<\/span>\r\n\r\n <div class=\"feature-icon\">\r\n\r\n <svg viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M12 3v12\"\/>\r\n <path d=\"m7 10 5 5 5-5\"\/>\r\n <path d=\"M5 21h14\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <h3>\r\n \u062e\u0631\u0648\u062c\u06cc \u0628\u0627 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f UTF-8\r\n <\/h3>\r\n\r\n <p>\r\n \u062f\u0627\u0646\u0644\u0648\u062f \u0645\u0633\u062a\u0642\u06cc\u0645 \u0641\u0627\u06cc\u0644 SRT\u060c VTT \u06cc\u0627 TXT \u0628\u062f\u0648\u0646\r\n \u0645\u0634\u06a9\u0644 \u0646\u0627\u062e\u0648\u0627\u0646\u0627\u06cc\u06cc \u062f\u0631 \u0627\u0646\u0648\u0627\u0639 \u067e\u0644\u06cc\u0631\u0647\u0627.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================\r\n HOW IT WORKS\r\n===================== -->\r\n\r\n<section\r\n class=\"section\"\r\n id=\"how-it-works\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"heading\">\r\n\r\n <div class=\"eyebrow\">\r\n \u0633\u0627\u062f\u06af\u06cc \u062f\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n \u062a\u0631\u062c\u0645\u0647 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u062f\u0631 \u06f4 \u06af\u0627\u0645 \u0628\u0633\u06cc\u0627\u0631 \u0633\u0627\u062f\u0647\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"steps\">\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <div class=\"step-number\">\r\n \u06f0\u06f1\r\n <\/div>\r\n\r\n <h3>\r\n \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0627\u06cc\u0644 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633\r\n <\/h3>\r\n\r\n <p>\r\n \u0641\u0627\u06cc\u0644 SRT\u060c VTT \u06cc\u0627 SUB \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0631\u0627\u062d\u062a\u06cc\r\n \u0628\u06a9\u0634\u06cc\u062f \u0648 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <div class=\"step-number\">\r\n \u06f0\u06f2\r\n <\/div>\r\n\r\n <h3>\r\n \u0627\u0646\u062a\u062e\u0627\u0628 \u0632\u0628\u0627\u0646 \u0648 \u0644\u062d\u0646 \u062a\u0631\u062c\u0645\u0647\r\n <\/h3>\r\n\r\n <p>\r\n \u0632\u0628\u0627\u0646 \u0645\u0642\u0635\u062f \u0648 \u0644\u062d\u0646 \u0645\u0646\u0627\u0633\u0628 \u0628\u0627 \u0698\u0627\u0646\u0631 \u0641\u06cc\u0644\u0645 \u06cc\u0627 \u0633\u0631\u06cc\u0627\u0644\r\n \u0631\u0627 \u0645\u0634\u062e\u0635 \u06a9\u0646\u06cc\u062f.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <div class=\"step-number\">\r\n \u06f0\u06f3\r\n <\/div>\r\n\r\n <h3>\r\n \u062a\u0631\u062c\u0645\u0647 \u0648 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u0632\u0646\u062f\u0647\r\n <\/h3>\r\n\r\n <p>\r\n \u0631\u0648\u0646\u062f \u062a\u0631\u062c\u0645\u0647 \u0631\u0627 \u0628\u0647 \u0635\u0648\u0631\u062a \u0632\u0646\u062f\u0647 \u062f\u0646\u0628\u0627\u0644 \u06a9\u0631\u062f\u0647 \u0648\r\n \u062f\u0631 \u0635\u0648\u0631\u062a \u0646\u06cc\u0627\u0632 \u062e\u0637\u0648\u0637 \u0631\u0627 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"card\">\r\n\r\n <div class=\"step-number\">\r\n \u06f0\u06f4\r\n <\/div>\r\n\r\n <h3>\r\n \u062f\u0631\u06cc\u0627\u0641\u062a \u062e\u0631\u0648\u062c\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f\r\n <\/h3>\r\n\r\n <p>\r\n \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0646\u0647\u0627\u06cc\u06cc \u0631\u0627 \u0628\u0627 \u0627\u0646\u06a9\u0648\u062f\u06cc\u0646\u06af UTF-8 \u0648\r\n \u0641\u0631\u0645\u062a \u062f\u0644\u062e\u0648\u0627\u0647 \u062f\u0627\u0646\u0644\u0648\u062f \u06a9\u0646\u06cc\u062f.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================\r\n FORMATS\r\n===================== -->\r\n\r\n<section\r\n class=\"section section-alt\"\r\n id=\"formats\">\r\n\r\n <div class=\"container formats\">\r\n\r\n <div class=\"heading\">\r\n\r\n <div class=\"eyebrow\">\r\n \u0641\u0631\u0645\u062a\u200c\u0647\u0627 \u0648 \u0633\u0627\u0632\u06af\u0627\u0631\u06cc\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n \u0633\u0627\u0632\u06af\u0627\u0631\u06cc \u06a9\u0627\u0645\u0644 \u0628\u0627 \u0627\u0646\u0648\u0627\u0639 \u0641\u0631\u0645\u062a\u200c\u0647\u0627 \u0648 \u067e\u0644\u06cc\u0631\u0647\u0627\u06cc \u0645\u062d\u0628\u0648\u0628\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"pills\">\r\n\r\n <span class=\"pill\">SRT (.srt)<\/span>\r\n <span class=\"pill\">WebVTT (.vtt)<\/span>\r\n <span class=\"pill\">MicroDVD (.sub)<\/span>\r\n <span class=\"pill\">TXT Dialogue<\/span>\r\n <span class=\"pill\">VLC Media Player<\/span>\r\n <span class=\"pill\">PotPlayer<\/span>\r\n <span class=\"pill\">KMPlayer<\/span>\r\n <span class=\"pill\">Smart TVs<\/span>\r\n <span class=\"pill\">YouTube Subtitles<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================\r\n FAQ\r\n===================== -->\r\n\r\n<section\r\n class=\"section\"\r\n id=\"faq\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"heading\">\r\n\r\n <div class=\"eyebrow\">\r\n \u067e\u0627\u0633\u062e \u0628\u0647 \u067e\u0631\u0633\u0634\u200c\u0647\u0627\u06cc \u0634\u0645\u0627\r\n <\/div>\r\n\r\n <h2 class=\"section-title\">\r\n \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646\r\n <\/h2>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq\">\r\n\r\n\r\n <div class=\"faq-item active\">\r\n\r\n <button\r\n class=\"faq-question\"\r\n onclick=\"toggleFaq(this)\">\r\n\r\n <span>\r\n \u0622\u06cc\u0627 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc (\u062a\u0627\u06cc\u0645\u200c\u06a9\u062f\u0647\u0627\u06cc \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647\u200c\u0627\u06cc)\r\n \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u067e\u0633 \u0627\u0632 \u062a\u0631\u062c\u0645\u0647 \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f\u061f\r\n <\/span>\r\n\r\n <span class=\"faq-arrow\">\r\n \u2193\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-inner\">\r\n\r\n \u062e\u06cc\u0631\u060c \u0628\u0647 \u0647\u06cc\u0686 \u0648\u062c\u0647. \u0633\u0627\u062e\u062a\u0627\u0631 \u062f\u0642\u06cc\u0642 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\r\n \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647\u200c\u0627\u06cc (Start Time \u0648 End Time)\r\n \u0641\u0627\u06cc\u0644 \u0627\u0635\u0644\u06cc \u0634\u0645\u0627 \u06a9\u0627\u0645\u0644\u0627\u064b \u0627\u06cc\u0632\u0648\u0644\u0647 \u062d\u0641\u0638 \u0645\u06cc\u200c\u0634\u0648\u062f\r\n \u0648 \u0641\u0642\u0637 \u0645\u062a\u0646 \u062f\u06cc\u0627\u0644\u0648\u06af\u200c\u0647\u0627 \u0628\u0647 \u0632\u0628\u0627\u0646 \u0645\u0642\u0635\u062f \u062a\u0631\u062c\u0645\u0647\r\n \u0648 \u062c\u0627\u06cc\u06af\u0632\u06cc\u0646 \u0645\u06cc\u200c\u06af\u0631\u062f\u062f.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-item\">\r\n\r\n <button\r\n class=\"faq-question\"\r\n onclick=\"toggleFaq(this)\">\r\n\r\n <span>\r\n \u0686\u0647 \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc\u06cc \u0627\u0632 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633\r\n \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u200c\u0634\u0648\u0646\u062f\u061f\r\n <\/span>\r\n\r\n <span class=\"faq-arrow\">\r\n \u2193\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-inner\">\r\n\r\n \u062a\u0645\u0627\u0645\u06cc \u0641\u0631\u0645\u062a\u200c\u0647\u0627\u06cc \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f \u0634\u0627\u0645\u0644 SRT (.srt)\u060c\r\n WebVTT (.vtt)\u060c SUB (.sub) \u0648 \u0641\u0627\u06cc\u0644\u200c\u0647\u0627\u06cc\r\n \u0645\u062a\u0646\u06cc TXT \u0628\u0627 \u0641\u0631\u0645\u062a\u200c\u0628\u0646\u062f\u06cc \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0628\u0647 \u0637\u0648\u0631\r\n \u062e\u0648\u062f\u06a9\u0627\u0631 \u0634\u0646\u0627\u0633\u0627\u06cc\u06cc \u0648 \u0628\u0627 \u06a9\u062f\u06af\u0630\u0627\u0631\u06cc UTF-8\r\n \u062e\u0648\u0627\u0646\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-item\">\r\n\r\n <button\r\n class=\"faq-question\"\r\n onclick=\"toggleFaq(this)\">\r\n\r\n <span>\r\n \u0686\u06af\u0648\u0646\u0647 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u0645 \u0644\u062d\u0646 \u062a\u0631\u062c\u0645\u0647 \u0631\u0627 \u0645\u062a\u0646\u0627\u0633\u0628\r\n \u0628\u0627 \u0698\u0627\u0646\u0631 \u0641\u06cc\u0644\u0645 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u0645\u061f\r\n <\/span>\r\n\r\n <span class=\"faq-arrow\">\r\n \u2193\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-inner\">\r\n\r\n \u062f\u0631 \u067e\u0646\u0644 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u0645\u06cc\u0627\u0646\r\n \u0644\u062d\u0646\u200c\u0647\u0627\u06cc \u0633\u06cc\u0646\u0645\u0627\u06cc\u06cc\u060c \u0639\u0627\u0645\u06cc\u0627\u0646\u0647\/\u0645\u062d\u0627\u0648\u0631\u0647\u200c\u0627\u06cc\u060c\r\n \u0631\u0633\u0645\u06cc\u060c \u06a9\u0645\u062f\u06cc\u060c \u062f\u0631\u0627\u0645\u0627\u062a\u06cc\u06a9 \u06cc\u0627 \u062d\u062a\u06cc \u062f\u0633\u062a\u0648\u0631 \u0648\r\n \u067e\u0631\u0627\u0645\u067e\u062a \u062f\u0644\u062e\u0648\u0627\u0647 \u062e\u0648\u062f\u062a\u0627\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f \u062a\u0627\r\n \u062a\u0631\u062c\u0645\u0647 \u06a9\u0627\u0645\u0644\u0627\u064b \u0637\u0628\u06cc\u0639\u06cc \u0648 \u0645\u062a\u0646\u0627\u0633\u0628 \u0628\u0627 \u0641\u0636\u0627\u06cc\r\n \u0641\u06cc\u0644\u0645 \u0628\u0627\u0634\u062f.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-item\">\r\n\r\n <button\r\n class=\"faq-question\"\r\n onclick=\"toggleFaq(this)\">\r\n\r\n <span>\r\n \u0622\u06cc\u0627 \u0645\u0634\u06a9\u0644 \u0646\u0627\u062e\u0648\u0627\u0646\u0627 \u0628\u0648\u062f\u0646 \u0641\u0648\u0646\u062a \u0641\u0627\u0631\u0633\u06cc\r\n (\u062d\u0631\u0648\u0641 \u0639\u062c\u06cc\u0628) \u062f\u0631 \u062e\u0631\u0648\u062c\u06cc \u062d\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a\u061f\r\n <\/span>\r\n\r\n <span class=\"faq-arrow\">\r\n \u2193\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-inner\">\r\n\r\n \u0628\u0644\u0647\u060c \u062e\u0631\u0648\u062c\u06cc\u200c\u0647\u0627\u06cc \u062a\u0648\u0644\u06cc\u062f \u0634\u062f\u0647 \u0645\u062c\u0647\u0632 \u0628\u0647\r\n \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f UTF-8 \u0628\u0627 BOM \u0647\u0633\u062a\u0646\u062f \u06a9\u0647 \u062f\u0631\r\n \u062a\u0645\u0627\u0645\u06cc \u067e\u0644\u06cc\u0631\u0647\u0627 (VLC\u060c PotPlayer\u060c KMPlayer)\u060c\r\n \u062a\u0644\u0648\u06cc\u0632\u06cc\u0648\u0646\u200c\u0647\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u06cc\u0648\u062a\u06cc\u0648\u0628 \u0628\u062f\u0648\u0646 \u0647\u06cc\u0686\r\n \u0645\u0634\u06a9\u0644\u06cc \u0628\u0647 \u0632\u06cc\u0628\u0627\u06cc\u06cc \u0646\u0645\u0627\u06cc\u0634 \u062f\u0627\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"faq-item\">\r\n\r\n <button\r\n class=\"faq-question\"\r\n onclick=\"toggleFaq(this)\">\r\n\r\n <span>\r\n \u0622\u06cc\u0627 \u0627\u0645\u06a9\u0627\u0646 \u0648\u06cc\u0631\u0627\u06cc\u0634 \u0648 \u062a\u0631\u062c\u0645\u0647 \u0645\u062c\u062f\u062f \u062e\u0637\u0648\u0637\r\n \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc \u0648\u062c\u0648\u062f \u062f\u0627\u0631\u062f\u061f\r\n <\/span>\r\n\r\n <span class=\"faq-arrow\">\r\n \u2193\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <div class=\"faq-answer\">\r\n\r\n <div class=\"faq-answer-inner\">\r\n\r\n \u0628\u0644\u0647\u060c \u0648\u06cc\u0631\u0627\u06cc\u0634\u06af\u0631 \u062f\u0648\u067e\u0646\u0644\u0647 \u0628\u0647 \u0634\u0645\u0627 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc\u200c\u062f\u0647\u062f\r\n \u0647\u0631 \u0633\u0637\u0631 \u0631\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0648\u06cc\u0631\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f \u06cc\u0627 \u0628\u0627\r\n \u0632\u062f\u0646 \u062f\u06a9\u0645\u0647 \u062a\u0631\u062c\u0645\u0647 \u0645\u062c\u062f\u062f \u062f\u0631 \u06a9\u0646\u0627\u0631 \u0647\u0631 \u0633\u0637\u0631\u060c\r\n \u0641\u0642\u0637 \u0647\u0645\u0627\u0646 \u062e\u0637 \u0631\u0627 \u062f\u0648\u0628\u0627\u0631\u0647 \u0628\u0627 \u0644\u062d\u0646 \u0645\u062f\u0646\u0638\u0631\r\n \u062a\u0631\u062c\u0645\u0647 \u06a9\u0646\u06cc\u062f.\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- =====================\r\n CTA\r\n===================== -->\r\n\r\n<section class=\"cta-section\">\r\n\r\n <div class=\"container\">\r\n\r\n <div class=\"cta\">\r\n\r\n <div class=\"cta-inner\">\r\n\r\n <div>\r\n\r\n <div class=\"cta-label\">\r\n \u2726 \u062a\u0631\u062c\u0645\u0647 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc\u060c \u0633\u0627\u062f\u0647 \u0648 \u0633\u0631\u06cc\u0639\r\n <\/div>\r\n\r\n <h2>\r\n \u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u062e\u0648\u062f \u0631\u0627 \u062a\u0631\u062c\u0645\u0647 \u06a9\u0646\u06cc\u062f\r\n <\/h2>\r\n\r\n <p>\r\n \u0641\u0627\u06cc\u0644 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 \u0645\u062d\u06cc\u0637 \u06a9\u0627\u0631 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f\r\n \u0648 \u0627\u0632 \u062a\u0631\u062c\u0645\u0647 \u0628\u0627 \u06a9\u06cc\u0641\u06cc\u062a \u0633\u06cc\u0646\u0645\u0627\u06cc\u06cc \u0644\u0630\u062a \u0628\u0628\u0631\u06cc\u062f.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <button\r\n class=\"btn btn-primary\"\r\n onclick=\"openModal()\">\r\n\r\n <svg width=\"17\"\r\n height=\"17\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M12 16V4\"\/>\r\n <path d=\"m7 9 5-5 5 5\"\/>\r\n <path d=\"M4 20h16\"\/>\r\n\r\n <\/svg>\r\n\r\n \u0634\u0631\u0648\u0639 \u0631\u0627\u06cc\u06af\u0627\u0646 \u062a\u0631\u062c\u0645\u0647\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/main>\r\n\r\n\r\n<!-- =====================\r\n FOOTER\r\n===================== -->\r\n\r\n<footer>\r\n\r\n <div class=\"container footer\">\r\n\r\n <div class=\"footer-brand\">\r\n\r\n <div class=\"footer-logo\">\r\n SS\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n SubScan\r\n <span style=\"color:#818CF8\">\r\n PRO\r\n <\/span>\r\n <\/strong>\r\n\r\n <span>\r\n \u00a9 \u06f2\u06f0\u06f2\u06f6 \u062a\u0645\u0627\u0645\u06cc \u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638 \u0627\u0633\u062a.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"footer-links\">\r\n\r\n <a href=\"#features\">\r\n \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\r\n <\/a>\r\n\r\n <a href=\"#how-it-works\">\r\n \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631\r\n <\/a>\r\n\r\n <a href=\"#formats\">\r\n \u0641\u0631\u0645\u062a\u200c\u0647\u0627\r\n <\/a>\r\n\r\n <a href=\"#faq\">\r\n \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"powered\">\r\n\r\n <span style=\"color:#818CF8\">\r\n \u2726\r\n <\/span>\r\n\r\n \u0642\u062f\u0631\u062a \u06af\u0631\u0641\u062a\u0647 \u0627\u0632 \u0647\u0648\u0634 \u0645\u0635\u0646\u0648\u0639\u06cc\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/footer>\r\n\r\n\r\n<!-- =====================\r\n UPLOAD MODAL\r\n===================== -->\r\n\r\n<div\r\n class=\"modal\"\r\n id=\"uploadModal\">\r\n\r\n <button\r\n class=\"modal-close\"\r\n onclick=\"closeModal()\">\r\n\r\n \u00d7\r\n\r\n <\/button>\r\n\r\n\r\n <div class=\"modal-box\">\r\n\r\n <div class=\"upload-icon\">\r\n\r\n <svg width=\"30\"\r\n height=\"30\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.7\">\r\n\r\n <path d=\"M12 16V4\"\/>\r\n <path d=\"m7 9 5-5 5 5\"\/>\r\n <path d=\"M4 20h16\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <h3>\r\n \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u0641\u0627\u06cc\u0644 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633\r\n <\/h3>\r\n\r\n <p>\r\n \u0641\u0627\u06cc\u0644 SRT\u060c VTT\u060c SUB \u06cc\u0627 TXT \u062e\u0648\u062f \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f.\r\n <\/p>\r\n\r\n\r\n <div\r\n class=\"drop-zone\"\r\n id=\"dropZone\"\r\n onclick=\"document.getElementById('fileInput').click()\">\r\n\r\n \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0641\u0627\u06cc\u0644 \u06a9\u0644\u06cc\u06a9 \u06a9\u0646\u06cc\u062f\r\n\r\n <br>\r\n\r\n \u06cc\u0627 \u0641\u0627\u06cc\u0644 \u0631\u0627 \u0627\u06cc\u0646\u062c\u0627 \u0628\u06a9\u0634\u06cc\u062f \u0648 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f\r\n\r\n <\/div>\r\n\r\n\r\n <input\r\n type=\"file\"\r\n id=\"fileInput\"\r\n accept=\".srt,.vtt,.sub,.txt\"\r\n hidden>\r\n\r\n\r\n <div\r\n class=\"selected-file\"\r\n id=\"selectedFile\">\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n \/* =====================\r\n MOBILE MENU\r\n ===================== *\/\r\n\r\n function toggleMenu() {\r\n\r\n document\r\n .getElementById(\"nav\")\r\n .classList.toggle(\"open\");\r\n\r\n }\r\n\r\n\r\n document\r\n .querySelectorAll(\"#nav a\")\r\n .forEach(function(link) {\r\n\r\n link.addEventListener(\r\n \"click\",\r\n function() {\r\n\r\n document\r\n .getElementById(\"nav\")\r\n .classList.remove(\"open\");\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n \/* =====================\r\n FAQ\r\n ===================== *\/\r\n\r\n function toggleFaq(button) {\r\n\r\n const item =\r\n button.closest(\".faq-item\");\r\n\r\n document\r\n .querySelectorAll(\".faq-item\")\r\n .forEach(function(other) {\r\n\r\n if (other !== item) {\r\n\r\n other.classList.remove(\"active\");\r\n\r\n }\r\n\r\n });\r\n\r\n item.classList.toggle(\"active\");\r\n\r\n }\r\n\r\n\r\n \/* =====================\r\n MODAL\r\n ===================== *\/\r\n\r\n const modal =\r\n document.getElementById(\"uploadModal\");\r\n\r\n const fileInput =\r\n document.getElementById(\"fileInput\");\r\n\r\n const dropZone =\r\n document.getElementById(\"dropZone\");\r\n\r\n const selectedFile =\r\n document.getElementById(\"selectedFile\");\r\n\r\n\r\n function openModal() {\r\n\r\n modal.classList.add(\"show\");\r\n\r\n }\r\n\r\n\r\n function closeModal() {\r\n\r\n modal.classList.remove(\"show\");\r\n\r\n }\r\n\r\n\r\n modal.addEventListener(\r\n \"click\",\r\n function(e) {\r\n\r\n if (e.target === modal) {\r\n\r\n closeModal();\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================\r\n FILE INPUT\r\n ===================== *\/\r\n\r\n fileInput.addEventListener(\r\n \"change\",\r\n function() {\r\n\r\n if (\r\n this.files &&\r\n this.files.length\r\n ) {\r\n\r\n handleFile(\r\n this.files[0]\r\n );\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n function handleFile(file) {\r\n\r\n const allowed = [\r\n \"srt\",\r\n \"vtt\",\r\n \"sub\",\r\n \"txt\"\r\n ];\r\n\r\n const extension =\r\n file.name\r\n .split(\".\")\r\n .pop()\r\n .toLowerCase();\r\n\r\n\r\n selectedFile.style.display =\r\n \"block\";\r\n\r\n\r\n if (\r\n !allowed.includes(extension)\r\n ) {\r\n\r\n selectedFile.style.color =\r\n \"#FCA5A5\";\r\n\r\n selectedFile.textContent =\r\n \"\u0641\u0631\u0645\u062a \u0641\u0627\u06cc\u0644 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u200c\u0634\u0648\u062f.\";\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n selectedFile.style.color =\r\n \"#6EE7B7\";\r\n\r\n selectedFile.textContent =\r\n \"\u2713 \u0641\u0627\u06cc\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 \u0634\u062f: \" +\r\n file.name;\r\n\r\n }\r\n\r\n\r\n \/* =====================\r\n DRAG & DROP\r\n ===================== *\/\r\n\r\n [\r\n \"dragenter\",\r\n \"dragover\"\r\n ].forEach(function(eventName) {\r\n\r\n dropZone.addEventListener(\r\n eventName,\r\n function(e) {\r\n\r\n e.preventDefault();\r\n\r\n dropZone.classList.add(\r\n \"dragging\"\r\n );\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n [\r\n \"dragleave\",\r\n \"drop\"\r\n ].forEach(function(eventName) {\r\n\r\n dropZone.addEventListener(\r\n eventName,\r\n function(e) {\r\n\r\n e.preventDefault();\r\n\r\n dropZone.classList.remove(\r\n \"dragging\"\r\n );\r\n\r\n }\r\n );\r\n\r\n });\r\n\r\n\r\n dropZone.addEventListener(\r\n \"drop\",\r\n function(e) {\r\n\r\n const files =\r\n e.dataTransfer.files;\r\n\r\n if (files.length) {\r\n\r\n handleFile(files[0]);\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n\r\n \/* =====================\r\n ESC\r\n ===================== *\/\r\n\r\n document.addEventListener(\r\n \"keydown\",\r\n function(e) {\r\n\r\n if (e.key === \"Escape\") {\r\n\r\n closeModal();\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SubScan | \u0645\u062a\u0631\u062c\u0645 \u0647\u0648\u0634\u0645\u0646\u062f \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 SS SubScan PRO \u0645\u062a\u0631\u062c\u0645 \u0647\u0648\u0634\u0645\u0646\u062f \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u0646\u062d\u0648\u0647 \u06a9\u0627\u0631 \u0641\u0631\u0645\u062a\u200c\u0647\u0627 \u0633\u0648\u0627\u0644\u0627\u062a \u0645\u062a\u062f\u0627\u0648\u0644 EN \/ \u0641\u0627\u0631\u0633\u06cc \u0648\u0631\u0648\u062f \u0628\u0647 \u0645\u062a\u0631\u062c\u0645 \u2630 \u062a\u0631\u062c\u0645\u0647 \u0647\u0648\u0634\u0645\u0646\u062f \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0628\u0627 \u062d\u0641\u0638 \u062f\u0642\u06cc\u0642 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u062a\u0631\u062c\u0645\u0647 \u0631\u0648\u0627\u0646 \u0648 \u0633\u06cc\u0646\u0645\u0627\u06cc\u06cc \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633\u200c\u0647\u0627\u060c \u0628\u062f\u0648\u0646 \u062a\u063a\u06cc\u06cc\u0631 \u062d\u062a\u06cc \u06f1 \u0645\u06cc\u0644\u06cc\u200c\u062b\u0627\u0646\u06cc\u0647 \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0641\u0627\u06cc\u0644 \u0632\u06cc\u0631\u0646\u0648\u06cc\u0633 \u0641\u06cc\u0644\u0645 \u06cc\u0627 \u0633\u0631\u06cc\u0627\u0644 \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc \u06a9\u0646\u06cc\u062f\u060c \u0644\u062d\u0646 \u0645\u062f\u0646\u0638\u0631 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/subscan.ir\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/subscan.ir\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/subscan.ir\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/subscan.ir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/subscan.ir\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":4,"href":"https:\/\/subscan.ir\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/subscan.ir\/wp-json\/wp\/v2\/pages\/12\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/subscan.ir\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}