{"id":17608,"date":"2025-09-28T13:30:10","date_gmt":"2025-09-28T10:00:10","guid":{"rendered":"https:\/\/hashure.com\/news\/?page_id=17608"},"modified":"2025-09-28T13:50:43","modified_gmt":"2025-09-28T10:20:43","slug":"elementor-17608","status":"publish","type":"page","link":"https:\/\/hashure.com\/news\/elementor-17608","title":{"rendered":"Elementor #17608"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17608\" class=\"elementor elementor-17608\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6314308 elementor-section-boxed elementor-section-height-default elementor-section-height-default wd-section-disabled\" data-id=\"6314308\" data-element_type=\"section\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e3137b1\" data-id=\"e3137b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a97812e elementor-widget elementor-widget-html\" data-id=\"a97812e\" data-element_type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>Cast Plus | \u06a9\u0633\u062a \u067e\u0644\u0627\u0633 \u2013 \u067e\u0631\u0632\u0646\u062a \u062a\u0639\u0627\u0645\u0644\u06cc<\/title>\r\n  <!-- Tailwind via CDN -->\r\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n  <script>\r\n    \/\/ Tailwind config\r\n    tailwind.config = {\r\n      theme: {\r\n        extend: {\r\n          fontFamily: { iran: ['IRANYekan','ui-sans-serif','system-ui'] },\r\n          colors: {\r\n            brand: { 50:'#e9f8f5',100:'#d3f1ea',200:'#a6e3d6',300:'#79d5c2',400:'#4cc7ae',500:'#22b798',600:'#1aa186',700:'#0f766e',800:'#0d5f57',900:'#0a4b45' }\r\n          },\r\n          boxShadow: { soft:'0 12px 40px rgba(0,0,0,.12)' },\r\n          keyframes: {\r\n            floaty:{'0%,100%':{transform:'translateY(0)'},'50%':{transform:'translateY(-6px)'}},\r\n            fadeUp:{'0%':{opacity:0,transform:'translateY(24px)'},'100%':{opacity:1,transform:'translateY(0)'}}\r\n          },\r\n          animation: { floaty:'floaty 5s ease-in-out infinite', fadeUp:'fadeUp .8s ease forwards' }\r\n        }\r\n      }\r\n    };\r\n  <\/script>\r\n\r\n  <!-- Fonts -->\r\n  <style>\r\n    @font-face{font-family:'IRANYekan';src:url('https:\/\/tstorage.hashuresport.com\/public-files\/IRANYekanWebThin.ttf') format('truetype');font-weight:100;font-style:normal;font-display:swap}\r\n    @font-face{font-family:'IRANYekan';src:url('https:\/\/tstorage.hashuresport.com\/public-files\/IRANYekanWebLight.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}\r\n    @font-face{font-family:'IRANYekan';src:url('https:\/\/tstorage.hashuresport.com\/public-files\/IRANYekanWebRegular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}\r\n    @font-face{font-family:'IRANYekan';src:url('https:\/\/tstorage.hashuresport.com\/public-files\/IRANYekanWebMedium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}\r\n    @font-face{font-family:'IRANYekan';src:url('https:\/\/tstorage.hashuresport.com\/public-files\/IRANYekanWebBold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}\r\n    @font-face{font-family:'IRANYekan';src:url('https:\/\/tstorage.hashuresport.com\/public-files\/IRANYekanWebExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}\r\n    @font-face{font-family:'IRANYekan';src:url('https:\/\/tstorage.hashuresport.com\/public-files\/IRANYekanWebBlack.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}\r\n\r\n    html { scroll-behavior: smooth; }\r\n    body { font-feature-settings: \"ss01\" on; background-image: url('https:\/\/cdn.cloubit.com\/files\/background.webp'); background-size: cover; background-attachment: fixed; background-position: center; }\r\n    .overlay { position: fixed; inset: 0; pointer-events: none; background: radial-gradient(1200px 800px at 80% 10%, rgba(255,255,255,.55), transparent 60%), linear-gradient(180deg, rgba(255,255,255,.85), rgba(255,255,255,.7)); }\r\n\r\n    .deck { display:flex; flex-direction:column; }\r\n    .slide { scroll-snap-align:start; min-height:100svh; min-width:100%; display:grid; place-items:center; position:relative; padding-top:5rem; overflow:hidden; }\r\n\r\n    \/* Snap: vertical on desktop, horizontal on mobile *\/\r\n    @media (min-width: 769px){ html { scroll-snap-type: y mandatory; } }\r\n    @media (max-width: 768px){ html { scroll-snap-type: x mandatory; } .deck{ flex-direction:row; overflow-x:auto; overflow-y:hidden; height:100svh;} .slide{ min-width:100vw; } }\r\n\r\n    .glass { backdrop-filter: saturate(140%) blur(10px); background: rgba(255,255,255,.6); }\r\n    .section { opacity:0; transform:translateY(16px); transition:all .7s ease; }\r\n    .section.show{ opacity:1; transform:translateY(0); }\r\n\r\n    \/* Dots *\/\r\n    .dots{ position:fixed; right:12px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:8px; z-index:60; }\r\n    .dot{ width:10px; height:10px; border-radius:999px; background:#e5e7eb; transition:.2s; border:1px solid #d4d4d8 }\r\n    .dot.active{ background:#0f766e; transform:scale(1.25); box-shadow:0 0 0 6px rgba(34,183,152,.15) }\r\n    @media (max-width:768px){ .dots{ right:auto; left:50%; top:auto; bottom:16px; transform:translateX(-50%); flex-direction:row; } }\r\n\r\n    \/* Tabs *\/\r\n    .tab-btn[aria-selected=\"true\"]{ background:#0f766e; color:#fff; }\r\n\r\n    \/* Simple swiper *\/\r\n    .swiper-track{ display:flex; gap:16px; scroll-snap-type:x mandatory; overflow-x:auto; padding-bottom:8px; }\r\n    .swiper-slide{ min-width: 280px; scroll-snap-align:center; }\r\n    @media(min-width:1024px){ .swiper-slide{ min-width: 360px; } }\r\n    \/* --- Slide-7 viewport-fit tweaks --- *\/\r\n    #slide-7{ padding-top:3.5rem; }\r\n    @media (max-width:768px){ #slide-7{ padding-top:3rem; } }\r\n    .revenue-fit{ max-height:calc(100svh - 6rem); }\r\n    \/* reduce heading line-height slightly to save vertical space *\/\r\n    #slide-7 h2{ line-height:1.15; }\r\n  <\/style>\r\n<\/head>\r\n<body class=\"font-iran text-zinc-800\" data-figma=\"\">\r\n  <div class=\"overlay\"><\/div>\r\n\r\n  <!-- Header -->\r\n  <header class=\"fixed top-0 inset-x-0 z-50 bg-white\/60 glass border-b border-zinc-200\">\r\n    <div class=\"max-w-6xl mx-auto px-4 py-3 flex items-center gap-3\">\r\n      <img decoding=\"async\" src=\"https:\/\/cdn.cloubit.com\/files\/Logo_castplus.png\" alt=\"Cast Plus\" class=\"h-8 w-auto\"\/>\r\n      <nav class=\"mr-auto hidden md:flex items-center gap-4 text-sm text-zinc-700 font-semibold\">\r\n        <a href=\"#slide-1\" class=\"hover:text-brand-800 flex items-center gap-1\"><i data-lucide=\"home\"><\/i>\u0627\u062c\u0631\u0627\u06cc\u06cc<\/a>\r\n        <a href=\"#slide-2\" class=\"hover:text-brand-800 flex items-center gap-1\"><i data-lucide=\"alert-circle\"><\/i>\u0645\u0633\u0626\u0644\u0647\/\u0631\u0627\u0647\u200c\u062d\u0644<\/a>\r\n        <a href=\"#slide-3\" class=\"hover:text-brand-800 flex items-center gap-1\"><i data-lucide=\"list-checks\"><\/i>\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627<\/a>\r\n        <a href=\"#slide-4\" class=\"hover:text-brand-800 flex items-center gap-1\"><i data-lucide=\"users\"><\/i>\u067e\u0631\u0633\u0648\u0646\u0627<\/a>\r\n        <a href=\"#slide-6\" class=\"hover:text-brand-800 flex items-center gap-1\"><i data-lucide=\"devices\"><\/i>\u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627<\/a>\r\n        <a href=\"#slide-7\" class=\"hover:text-brand-800 flex items-center gap-1\"><i data-lucide=\"wallet\"><\/i>\u062f\u0631\u0622\u0645\u062f\u06cc<\/a>\r\n        <a href=\"#slide-8\" class=\"hover:text-brand-800 flex items-center gap-1\"><i data-lucide=\"globe-2\"><\/i>\u062f\u0631\u0622\u0645\u062f \u0627\u0631\u0632\u06cc<\/a>\r\n      <\/nav>\r\n      <a href=\"#slide-9\" class=\"inline-flex items-center gap-2 rounded-2xl bg-brand-700 text-white px-4 py-2 text-sm font-bold shadow-soft hover:bg-brand-800 transition\"><i data-lucide=\"layout\"><\/i>\u0645\u0634\u0627\u0647\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc UI<\/a>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <main class=\"deck\">\r\n    <!-- SLIDE 1 -->\r\n    <section id=\"slide-1\" class=\"slide\">\r\n      <div class=\"section max-w-6xl mx-auto grid md:grid-cols-2 gap-8 items-center px-4\">\r\n        <div>\r\n          <h1 class=\"text-4xl md:text-5xl font-extrabold leading-snug text-zinc-900\">\u06a9\u0633\u062a \u067e\u0644\u0627\u0633 \u2013 \u067e\u0644\u062a\u0641\u0631\u0645 \u062c\u0627\u0645\u0639 \u0648 \u0647\u0648\u0634\u0645\u0646\u062f \u067e\u0627\u062f\u06a9\u0633\u062a<\/h1>\r\n          <p class=\"mt-3 text-brand-800 font-bold\">\u0634\u0646\u06cc\u062f\u0646\u060c \u0633\u0627\u062e\u062a\u0646\u060c \u062a\u0639\u0627\u0645\u0644\u060c \u0631\u0634\u062f<\/p>\r\n          <p class=\"mt-4 text-zinc-700 md:text-lg\">\u06cc\u06a9 \u0632\u06cc\u0633\u062a\u200c\u0628\u0648\u0645 \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0628\u0631\u0627\u06cc \u067e\u0627\u062f\u06a9\u0633\u062a\/\u0648\u06cc\u062f\u06cc\u0648\u06a9\u0633\u062a\u060c \u06af\u0641\u062a\u200c\u0648\u06af\u0648\u06cc \u0632\u0646\u062f\u0647\u060c \u0634\u0628\u06a9\u0647\u200c\u0633\u0627\u0632\u06cc \u0648 \u062f\u0631\u0622\u0645\u062f\u0632\u0627\u06cc\u06cc \u0634\u0641\u0627\u0641 \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646 \u0648 \u0628\u0631\u0646\u062f\u0647\u0627.<\/p>\r\n          <div class=\"mt-6 flex items-center gap-3\">\r\n            <a href=\"#slide-3\" class=\"rounded-2xl bg-brand-700 text-white px-5 py-3 font-bold shadow-soft hover:bg-brand-800 transition inline-flex items-center gap-2\"><i data-lucide=\"play\"><\/i>\u0646\u0645\u0627\u06cc \u06a9\u0644\u06cc \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627<\/a>\r\n            <a href=\"#slide-9\" class=\"rounded-2xl border border-brand-200 px-5 py-3 font-bold text-brand-800 hover:bg-brand-50 transition inline-flex items-center gap-2\"><i data-lucide=\"layout\"><\/i>\u0645\u0634\u0627\u0647\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc UI<\/a>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"relative\">\r\n          <img decoding=\"async\" src=\"https:\/\/cdn.cloubit.com\/files\/slide1.webp\" alt=\"Slide 1\" class=\"w-full rounded-3xl shadow-soft ring-1 ring-zinc-200\/60 animate-floaty\"\/>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SLIDE 2: Problem\/Solution with artwork -->\r\n    <section id=\"slide-2\" class=\"slide\">\r\n      <div class=\"section max-w-6xl mx-auto px-4 grid md:grid-cols-2 gap-6 items-center\">\r\n        <div class=\"space-y-6\">\r\n          <div class=\"rounded-3xl glass p-6 border border-zinc-200\/70\">\r\n            <h2 class=\"text-2xl font-extrabold mb-2 flex items-center gap-2 text-brand-800\"><i data-lucide=\"alert-circle\"><\/i>\u0645\u0633\u0627\u0626\u0644 \u0628\u0627\u0632\u0627\u0631<\/h2>\r\n            <ul class=\"list-disc pr-5 text-zinc-700 leading-8 text-sm\">\r\n              <li>\u062a\u062c\u0631\u0628\u0647\u0654 \u067e\u0631\u0627\u06a9\u0646\u062f\u0647 \u0628\u06cc\u0646 \u0627\u067e\u200c\u0647\u0627\u06cc \u062c\u062f\u0627\u061b \u06a9\u0634\u0641 \u0636\u0639\u06cc\u0641 \u0648 \u0631\u06cc\u0632\u0634 \u06a9\u0627\u0631\u0628\u0631.<\/li>\r\n              <li>\u0646\u0628\u0648\u062f \u0632\u06cc\u0631\u0633\u0627\u062e\u062a \u062f\u0631\u0622\u0645\u062f\u06cc \u06cc\u06a9\u067e\u0627\u0631\u0686\u0647 \u0648 \u067e\u0646\u0644 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc \u0628\u0631\u0627\u06cc \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646.<\/li>\r\n              <li>\u0641\u0642\u062f\u0627\u0646 \u0627\u0628\u0631\u067e\u0644\u062a\u0641\u0631\u0645 \u0628\u0648\u0645\u06cc \u0641\u0627\u0631\u0633\u06cc \u062f\u0631 \u0645\u0646\u0637\u0642\u0647 \u0628\u0627 \u062a\u0645\u0631\u06a9\u0632 \u0628\u0631 \u062a\u0639\u0627\u0645\u0644.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"rounded-3xl glass p-6 border border-zinc-200\/70\">\r\n            <h2 class=\"text-2xl font-extrabold mb-2 flex items-center gap-2 text-brand-800\"><i data-lucide=\"lightbulb\"><\/i>\u0631\u0627\u0647\u200c\u062d\u0644 Cast Plus<\/h2>\r\n            <ul class=\"list-disc pr-5 text-zinc-700 leading-8 text-sm\">\r\n              <li>\u0647\u0627\u0628 \u0648\u0627\u062d\u062f \u0645\u062d\u062a\u0648\u0627 (\u067e\u0627\u062f\u06a9\u0633\u062a\/\u0648\u06cc\u062f\u06cc\u0648\u06a9\u0633\u062a\/\u0644\u0627\u06cc\u0648) + \u062c\u0633\u062a\u062c\u0648\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a\u0647 \u0648 \u062a\u0648\u0635\u06cc\u0647\u200c\u06af\u0631.<\/li>\r\n              <li>\u0631\u0648\u0645\u200c\u0647\u0627\u06cc \u0632\u0646\u062f\u0647\u0654 \u062a\u0639\u0627\u0645\u0644\u06cc \u0628\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0646\u0642\u0634\u200c\u0647\u0627\u060c \u0636\u0628\u0637 \u0648 \u0627\u0646\u062a\u0634\u0627\u0631 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0627\u067e\u06cc\u0632\u0648\u062f.<\/li>\r\n              <li>\u0634\u0628\u06a9\u0647\u0654 \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u0645\u062d\u062a\u0648\u0627\u0645\u062d\u0648\u0631 + \u062f\u0627\u0634\u0628\u0648\u0631\u062f \u0622\u0646\u0627\u0644\u06cc\u062a\u06cc\u06a9\u0633 + \u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u062f\u0631\u0622\u0645\u062f\u06cc \u0645\u062a\u0646\u0648\u0639.<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/cdn.cloubit.com\/files\/slide2.webp\" alt=\"Slide 2 Artwork\" class=\"rounded-3xl shadow-soft ring-1 ring-zinc-200\/60\"\/>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SLIDE 3: Features as tabs -->\r\n    <section id=\"slide-3\" class=\"slide\">\r\n      <div class=\"section max-w-6xl mx-auto px-4 w-full\">\r\n        <h2 class=\"text-2xl md:text-3xl font-extrabold\">\u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627\u06cc \u06a9\u0644\u06cc\u062f\u06cc<\/h2>\r\n        <div class=\"mt-6 flex flex-wrap gap-2\" role=\"tablist\" aria-label=\"features\">\r\n          <button class=\"tab-btn rounded-2xl border border-brand-200 px-4 py-2 text-sm font-bold text-brand-800 hover:bg-brand-50\" role=\"tab\" aria-selected=\"true\" data-tab=\"playback\"><i data-lucide=\"radio\"><\/i> \u067e\u062e\u0634\/\u0645\u062f\u06cc\u0631\u06cc\u062a<\/button>\r\n          <button class=\"tab-btn rounded-2xl border border-brand-200 px-4 py-2 text-sm font-bold text-brand-800 hover:bg-brand-50\" role=\"tab\" aria-selected=\"false\" data-tab=\"live\"><i data-lucide=\"mic\"><\/i> \u06af\u0641\u062a\u06af\u0648 \u0632\u0646\u062f\u0647<\/button>\r\n          <button class=\"tab-btn rounded-2xl border border-brand-200 px-4 py-2 text-sm font-bold text-brand-800 hover:bg-brand-50\" role=\"tab\" aria-selected=\"false\" data-tab=\"social\"><i data-lucide=\"users\"><\/i> \u062a\u0639\u0627\u0645\u0644\/\u0627\u062c\u062a\u0645\u0627\u0639\u06cc<\/button>\r\n          <button class=\"tab-btn rounded-2xl border border-brand-200 px-4 py-2 text-sm font-bold text-brand-800 hover:bg-brand-50\" role=\"tab\" aria-selected=\"false\" data-tab=\"analytics\"><i data-lucide=\"line-chart\"><\/i> \u0622\u0646\u0627\u0644\u06cc\u062a\u06cc\u06a9\u0633<\/button>\r\n          <button class=\"tab-btn rounded-2xl border border-brand-200 px-4 py-2 text-sm font-bold text-brand-800 hover:bg-brand-50\" role=\"tab\" aria-selected=\"false\" data-tab=\"discovery\"><i data-lucide=\"sparkles\"><\/i> \u06a9\u0634\u0641\/\u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc<\/button>\r\n          <button class=\"tab-btn rounded-2xl border border-brand-200 px-4 py-2 text-sm font-bold text-brand-800 hover:bg-brand-50\" role=\"tab\" aria-selected=\"false\" data-tab=\"trust\"><i data-lucide=\"shield\"><\/i> \u0627\u0639\u062a\u0645\u0627\u062f\/\u0627\u06cc\u0645\u0646\u06cc<\/button>\r\n        <\/div>\r\n        <div class=\"mt-6 rounded-3xl glass p-6 border border-zinc-200\/70 w-full max-h-[62vh] overflow-auto\">\r\n          <div data-panel=\"playback\">\r\n            <div class=\"grid md:grid-cols-2 gap-6 text-sm text-zinc-700\">\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"headphones\"><\/i> \u062a\u062c\u0631\u0628\u0647\u0654 \u0634\u0646\u06cc\u062f\u0646 \u062d\u0631\u0641\u0647\u200c\u0627\u06cc<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u06a9\u0646\u062a\u0631\u0644 \u0633\u0631\u0639\u062a \u06f0\u066b\u06f5x \u062a\u0627 \u06f3x\u060c \u0627\u0633\u06a9\u0631\u0627\u0628 \u062f\u0642\u06cc\u0642 \u0628\u0627 \u0698\u0633\u062a\u060c \u062a\u0627\u06cc\u0645\u0631 \u062e\u0648\u0627\u0628 \u0647\u0648\u0634\u0645\u0646\u062f<\/li>\r\n                  <li>Bookmark \u0648 \u0647\u0627\u06cc\u0644\u0627\u06cc\u062a \u0644\u062d\u0638\u0647\u200c\u0627\u06cc \u0627\u067e\u06cc\u0632\u0648\u062f \u0628\u0631\u0627\u06cc \u0631\u062c\u0648\u0639 \u0633\u0631\u06cc\u0639<\/li>\r\n                  <li>Equalizer \u0648 Normalizer \u0635\u062f\u0627 \u0628\u0631\u0627\u06cc \u06cc\u06a9\u0646\u0648\u0627\u062e\u062a\u06cc \u0628\u0644\u0646\u062f\u0627\u06cc \u0635\u0648\u062a<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"hard-drive-download\"><\/i> \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u067e\u06cc\u0632\u0648\u062f \u0648 \u0622\u0641\u0644\u0627\u06cc\u0646<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u062f\u0627\u0646\u0644\u0648\u062f \u0622\u0641\u0644\u0627\u06cc\u0646 \u0628\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0641\u0636\u0627\u06cc \u0647\u0648\u0634\u0645\u0646\u062f \u0648 \u067e\u0627\u06a9\u0633\u0627\u0632\u06cc \u062e\u0648\u062f\u06a9\u0627\u0631<\/li>\r\n                  <li>\u0641\u0647\u0631\u0633\u062a \u0627\u0646\u062a\u0638\u0627\u0631 (Queue) \u0648 \u0644\u06cc\u0633\u062a\u200c\u0647\u0627\u06cc \u067e\u062e\u0634 \u0634\u062e\u0635\u06cc<\/li>\r\n                  <li>\u0647\u0645\u06af\u0627\u0645\u200c\u0633\u0627\u0632\u06cc \u067e\u06cc\u0634\u0631\u0641\u062a \u0634\u0646\u06cc\u062f\u0646 \u0628\u06cc\u0646 \u062f\u0633\u062a\u06af\u0627\u0647\u200c\u0647\u0627<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div class=\"md:col-span-2\">\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"search\"><\/i> \u062c\u0633\u062a\u062c\u0648\u06cc \u0639\u0645\u06cc\u0642 \u0648 \u0645\u062a\u0627\u062f\u06cc\u062a\u0627<\/h3>\r\n                <ul class=\"grid md:grid-cols-3 gap-4 list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u062c\u0633\u062a\u062c\u0648 \u062f\u0627\u062e\u0644 \u0639\u0646\u0648\u0627\u0646\/\u062a\u0648\u0636\u06cc\u062d\/\u062a\u06af\u200c\u0647\u0627 \u0648 \u062a\u0631\u0646\u0633\u06a9\u0631\u06cc\u067e\u062a<\/li>\r\n                  <li>\u0641\u06cc\u0644\u062a\u0631 \u0628\u0631\u0627\u0633\u0627\u0633 \u0645\u062f\u062a\u060c \u0632\u0628\u0627\u0646\u060c \u0642\u06cc\u0645\u062a\u060c \u0627\u0645\u062a\u06cc\u0627\u0632\u060c \u062a\u0627\u0632\u0647\u200c\u06af\u06cc<\/li>\r\n                  <li>\u06a9\u0634\u0641 \u0628\u0631\u0627\u0633\u0627\u0633 \u0645\u0648\u0636\u0648\u0639\/\u062d\u0627\u0644\u200c\u0648\u0647\u0648\u0627 (Mood)<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div data-panel=\"live\" class=\"hidden\">\r\n            <div class=\"grid md:grid-cols-2 gap-6 text-sm text-zinc-700\">\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"radio-tower\"><\/i>\u0627\u062a\u0627\u0642\u200c\u0647\u0627\u06cc \u0632\u0646\u062f\u0647<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u0639\u0645\u0648\u0645\u06cc\/\u062e\u0635\u0648\u0635\u06cc \u0628\u0627 \u0644\u06cc\u0646\u06a9 \u062f\u0639\u0648\u062a\u060c \u0642\u0641\u0644 \u0627\u062a\u0627\u0642 \u0648 \u0644\u06cc\u0633\u062a \u0627\u0646\u062a\u0638\u0627\u0631<\/li>\r\n                  <li>Stage \u0628\u0627 \u0645\u062f\u06cc\u0631\u06cc\u062a \u0627\u0633\u067e\u06cc\u06a9\u0631\/\u0634\u0646\u0648\u0646\u062f\u0647\u060c \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u0645\u06cc\u06a9\u060c Pin \u067e\u06cc\u0627\u0645<\/li>\r\n                  <li>\u0636\u0628\u0637 \u062e\u0648\u062f\u06a9\u0627\u0631 \u0648 \u0627\u0646\u062a\u0634\u0627\u0631 \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0627\u067e\u06cc\u0632\u0648\u062f \u067e\u0633 \u0627\u0632 \u067e\u0627\u06cc\u0627\u0646<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"settings-2\"><\/i>\u0627\u0628\u0632\u0627\u0631\u0647\u0627\u06cc \u0645\u062f\u06cc\u0631\u06cc\u062a<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>Moderator \u0686\u0646\u062f\u0646\u0641\u0631\u0647\u060c \u0645\u06cc\u0648\u062a\/\u0622\u0646\u200c\u0645\u06cc\u0648\u062a\u060c \u0628\u06cc\u0631\u0648\u0646\u200c\u06a9\u0631\u062f\u0646 \u0648 \u0628\u0644\u0627\u06a9<\/li>\r\n                  <li>\u0627\u062a\u0635\u0627\u0644 \u0646\u0638\u0631\u0633\u0646\u062c\u06cc\/\u0633\u0648\u0627\u0644\u0627\u062a\u060c \u0627\u062a\u0627\u0642\u200c\u0647\u0627\u06cc Breakout<\/li>\r\n                  <li>\u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc \u0644\u0627\u06cc\u0648 \u0648 \u0627\u0639\u0644\u0627\u0646 \u0628\u0647 \u062f\u0646\u0628\u0627\u0644\u200c\u06a9\u0646\u0646\u062f\u06af\u0627\u0646<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div data-panel=\"social\" class=\"hidden\">\r\n            <div class=\"grid md:grid-cols-2 gap-6 text-sm text-zinc-700\">\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"user-round\"><\/i>\u067e\u0631\u0648\u0641\u0627\u06cc\u0644 \u0648 \u062f\u0646\u0628\u0627\u0644\u200c\u06a9\u0631\u062f\u0646<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u067e\u0631\u0648\u0641\u0627\u06cc\u0644 \u0633\u0627\u0632\u0646\u062f\u0647\/\u0634\u0646\u0648\u0646\u062f\u0647\u060c \u0628\u06cc\u0648\u060c \u0644\u06cc\u0646\u06a9\u200c\u0647\u0627 \u0648 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627<\/li>\r\n                  <li>\u062f\u0646\u0628\u0627\u0644\u200c\u06a9\u0631\u062f\u0646 \u0627\u0641\u0631\u0627\u062f\/\u0645\u062c\u0645\u0648\u0639\u0647\u200c\u0647\u0627 \u0628\u0627 \u0627\u0639\u0644\u0627\u0646 \u0647\u0648\u0634\u0645\u0646\u062f<\/li>\r\n                  <li>\u062a\u0627\u0631\u06cc\u062e\u0686\u0647\u0654 \u062a\u0639\u0627\u0645\u0644\u0627\u062a: \u0644\u0627\u06cc\u06a9\u060c \u0646\u0638\u0631\u060c \u062e\u0631\u06cc\u062f\u060c \u062d\u0636\u0648\u0631 \u062f\u0631 \u0644\u0627\u06cc\u0648<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"messages-square\"><\/i>\u062a\u0639\u0627\u0645\u0644 \u062f\u0631 \u0645\u062d\u062a\u0648\u0627<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u0646\u0638\u0631 \u0648 \u0627\u0645\u062a\u06cc\u0627\u0632 \u0627\u067e\u06cc\u0632\u0648\u062f\/\u0645\u062c\u0645\u0648\u0639\u0647 \u0628\u0627 Moderation<\/li>\r\n                  <li>\u0627\u0634\u062a\u0631\u0627\u06a9\u200c\u06af\u0630\u0627\u0631\u06cc \u0644\u06cc\u0646\u06a9\/\u06a9\u0644\u06cc\u067e \u06f3\u06f0 \u062b\u0627\u0646\u06cc\u0647\u200c\u0627\u06cc \u0627\u0632 \u0627\u067e\u06cc\u0632\u0648\u062f<\/li>\r\n                  <li>Mention \u0648 \u062a\u06af\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u0631\u0627\u06cc \u06af\u0641\u062a\u06af\u0648\u0647\u0627\u06cc \u0645\u0631\u062a\u0628\u0637<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div data-panel=\"analytics\" class=\"hidden\">\r\n            <div class=\"grid md:grid-cols-3 gap-6 text-sm text-zinc-700\">\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"activity\"><\/i>\u0634\u0646\u0648\u0646\u062f\u0647 \u0648 \u0631\u0641\u062a\u0627\u0631<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u0634\u0646\u0648\u0646\u062f\u0647\u0654 \u06cc\u06a9\u062a\u0627\u060c MAU\/DAU\u060c \u0645\u06cc\u0627\u0646\u06af\u06cc\u0646 \u0632\u0645\u0627\u0646 \u0634\u0646\u06cc\u062f\u0646<\/li>\r\n                  <li>Retention\/Churn\u060c LTV\u060c \u0642\u06cc\u0641 \u062a\u0628\u062f\u06cc\u0644<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"chart-spline\"><\/i>\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u062d\u062a\u0648\u0627<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>Top \u0627\u067e\u06cc\u0632\u0648\u062f\u0647\u0627\u060c \u0646\u0631\u062e \u0627\u062a\u0645\u0627\u0645\u060c \u0646\u0642\u0627\u0637 Drop<\/li>\r\n                  <li>\u0627\u062b\u0631 \u06a9\u0645\u067e\u06cc\u0646\u200c\u0647\u0627\u060c Attribution\u060c \u067e\u0631\u0648\u0645\u0648\u06a9\u062f<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"coins\"><\/i>\u062f\u0631\u0622\u0645\u062f<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u0627\u0634\u062a\u0631\u0627\u06a9\u060c \u0641\u0631\u0648\u0634\u060c \u0628\u0644\u06cc\u062a\u060c \u0627\u0633\u067e\u0627\u0646\u0633\u0631\u060c \u062a\u0628\u0644\u06cc\u063a\u0627\u062a<\/li>\r\n                  <li>\u062a\u0633\u0648\u06cc\u0647 \u0628\u0627 \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646\u060c \u0633\u0647\u0645 \u067e\u0644\u062a\u0641\u0631\u0645<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div data-panel=\"discovery\" class=\"hidden\">\r\n            <div class=\"grid md:grid-cols-3 gap-6 text-sm text-zinc-700\">\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"home\"><\/i>\u062e\u0627\u0646\u0647\u0654 \u0634\u062e\u0635\u06cc\u200c\u0633\u0627\u0632\u06cc\u200c\u0634\u062f\u0647<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u0628\u0631 \u0627\u0633\u0627\u0633 \u062a\u0627\u0631\u06cc\u062e\u0686\u0647\u0654 \u0634\u0646\u06cc\u062f\u0646\u060c \u0639\u0644\u0627\u0642\u0647\u200c\u0645\u0646\u062f\u06cc\u200c\u0647\u0627 \u0648 \u0645\u0648\u0642\u0639\u06cc\u062a<\/li>\r\n                  <li>\u0631\u062f\u06cc\u0641\u200c\u0647\u0627\u06cc \u067e\u0648\u06cc\u0627: \u062c\u062f\u06cc\u062f\u060c \u062a\u0631\u0646\u062f\u060c \u0628\u0631\u0627\u06cc \u0634\u0645\u0627<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"sparkles\"><\/i>\u062a\u0648\u0635\u06cc\u0647\u200c\u06af\u0631 \u062a\u0631\u06a9\u06cc\u0628\u06cc<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>Hybrid (CF + Content-based + Trending)<\/li>\r\n                  <li>Exploration vs Exploitation \u0628\u0627 A\/B \u062a\u0633\u062a<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"list-tree\"><\/i>\u06a9\u0627\u0644\u06a9\u0634\u0646 \u0648 \u067e\u0644\u06cc\u200c\u0644\u06cc\u0633\u062a<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u06a9\u0627\u0644\u06a9\u0634\u0646\u200c\u0647\u0627\u06cc \u0645\u0648\u0636\u0648\u0639\u06cc\/\u0641\u0635\u0644\u06cc \u0648 \u067e\u0644\u06cc\u200c\u0644\u06cc\u0633\u062a\u200c\u0647\u0627\u06cc \u0627\u0634\u062a\u0631\u0627\u06a9\u06cc<\/li>\r\n                  <li>Follow \u06a9\u0627\u0644\u06a9\u0634\u0646 \u0648 \u0627\u0639\u0644\u0627\u0646 \u0627\u067e\u06cc\u0632\u0648\u062f \u062c\u062f\u06cc\u062f<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div data-panel=\"trust\" class=\"hidden\">\r\n            <div class=\"grid md:grid-cols-3 gap-6 text-sm text-zinc-700\">\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"flag\"><\/i>\u06af\u0632\u0627\u0631\u0634 \u0648 \u0645\u062f\u06cc\u0631\u06cc\u062a<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>Report \u06a9\u0627\u0631\u0628\u0631\/\u0645\u062d\u062a\u0648\u0627\u060c \u062d\u0630\u0641 \u0633\u0631\u06cc\u0639\u060c \u0627\u067e\u06cc\u0644<\/li>\r\n                  <li>\u0644\u06cc\u0633\u062a \u0633\u06cc\u0627\u0647 \u06a9\u0644\u0645\u0627\u062a\/\u06a9\u0627\u0631\u0628\u0631\u0627\u0646\u060c \u0646\u0631\u062e \u062a\u062e\u0644\u0641<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"copyright\"><\/i>\u062d\u0642 \u0646\u0634\u0631<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u0645\u0627\u0644\u06a9\u06cc\u062a \u0645\u062d\u062a\u0648\u0627\u060c DMCA-\u0645\u0627\u0646\u0646\u062f \u0648 \u0647\u0634\u200c\u06af\u0630\u0627\u0631\u06cc<\/li>\r\n                  <li>Watermark \u0635\u0648\u062a\u06cc\/\u0645\u062a\u0627\u062f\u06cc\u062a\u0627<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n              <div>\r\n                <h3 class=\"font-bold text-brand-800 flex items-center gap-2\"><i data-lucide=\"shield-check\"><\/i>\u0627\u06cc\u0645\u0646\u06cc \u062f\u0631 \u0644\u0627\u06cc\u0648<\/h3>\r\n                <ul class=\"list-disc pr-5 mt-2 leading-8\">\r\n                  <li>\u0641\u06cc\u0644\u062a\u0631 \u06a9\u0644\u0645\u0627\u062a\u060c \u0645\u062d\u062f\u0648\u062f\u06cc\u062a \u0633\u0646\u06cc \u0631\u0648\u0645\u060c Slow mode<\/li>\r\n                  <li>Mute \u0647\u0645\u0647\/\u0641\u0642\u0637 \u0634\u0646\u0648\u0646\u062f\u06af\u0627\u0646\u060c \u0628\u0633\u062a\u0646 \u0631\u0648\u0645 \u0627\u0636\u0637\u0631\u0627\u0631\u06cc<\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SLIDE 4: Personas & Content Types -->\r\n    <section id=\"slide-4\" class=\"slide\">\r\n      <div class=\"section max-w-6xl mx-auto px-4\">\r\n        <h2 class=\"text-2xl md:text-3xl font-extrabold\">\u067e\u0631\u0633\u0648\u0646\u0627 \u0648 \u062f\u0627\u0645\u0646\u0647\u0654 \u0645\u062d\u062a\u0648\u0627\u06cc\u06cc<\/h2>\r\n        <div class=\"mt-6 grid md:grid-cols-3 gap-6\">\r\n          <div class=\"rounded-3xl glass p-6 border border-brand-100\"><div class=\"flex items-center gap-2 text-brand-800 font-bold\"><i data-lucide=\"layers\"><\/i>\u06cc\u0627\u062f\u06af\u06cc\u0631\u0646\u062f\u0647\u200c\u0647\u0627<\/div><p class=\"mt-2 text-sm text-zinc-700\">\u062c\u0633\u062a\u062c\u0648\u06cc \u062f\u0642\u06cc\u0642\u060c \u0628\u0648\u06a9\u0645\u0627\u0631\u06a9\u060c \u0622\u0641\u0644\u0627\u06cc\u0646.<\/p><\/div>\r\n          <div class=\"rounded-3xl glass p-6 border border-brand-100\"><div class=\"flex items-center gap-2 text-brand-800 font-bold\"><i data-lucide=\"sparkles\"><\/i>\u0633\u0631\u06af\u0631\u0645\u06cc\u200c\u062c\u0648\u0647\u0627<\/div><p class=\"mt-2 text-sm text-zinc-700\">\u06a9\u0634\u0641 \u0633\u0631\u06cc\u0639\u060c \u062a\u0631\u0646\u062f\u060c \u0627\u0634\u062a\u0631\u0627\u06a9\u200c\u06af\u0630\u0627\u0631\u06cc.<\/p><\/div>\r\n          <div class=\"rounded-3xl glass p-6 border border-brand-100\"><div class=\"flex items-center gap-2 text-brand-800 font-bold\"><i data-lucide=\"message-square\"><\/i>\u0627\u0647\u0644 \u06af\u0641\u062a\u06af\u0648<\/div><p class=\"mt-2 text-sm text-zinc-700\">\u0631\u0648\u0645 \u0632\u0646\u062f\u0647\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u0646\u0642\u0634\u200c\u0647\u0627\u060c \u0636\u0628\u0637.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"mt-8 grid sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3\" id=\"cats-grid\"><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SLIDE 6: Platforms (simple & compact, no mockups) -->\r\n    <section id=\"slide-6\" class=\"slide\">\r\n      <div class=\"section max-w-6xl mx-auto px-4 w-full\">\r\n        <h2 class=\"text-2xl md:text-3xl font-extrabold\">\u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627<\/h2>\r\n        <div class=\"mt-6 grid md:grid-cols-4 gap-4\">\r\n          <div class=\"rounded-2xl glass p-5 border border-zinc-200\/70 flex flex-col items-start gap-2\">\r\n            <div class=\"flex items-center gap-2 text-brand-700 font-bold\"><i data-lucide=\"smartphone\"><\/i>\u0627\u067e \u0645\u0648\u0628\u0627\u06cc\u0644<\/div>\r\n            <p class=\"text-sm text-zinc-700\">iOS\/Android \u06cc\u0627 PWA\u061b Push\u060c \u0622\u0641\u0644\u0627\u06cc\u0646\u060c \u067e\u0631\u062f\u0627\u062e\u062a.<\/p>\r\n          <\/div>\r\n          <div class=\"rounded-2xl glass p-5 border border-zinc-200\/70 flex flex-col items-start gap-2\">\r\n            <div class=\"flex items-center gap-2 text-brand-700 font-bold\"><i data-lucide=\"globe-2\"><\/i>\u0648\u0628\/\u062f\u0633\u06a9\u062a\u0627\u067e<\/div>\r\n            <p class=\"text-sm text-zinc-700\">\u067e\u062e\u0634\u200c\u06a9\u0646\u0646\u062f\u0647\u0654 \u067e\u06cc\u0634\u0631\u0641\u062a\u0647\u060c \u0633\u0628\u062f \u062e\u0631\u06cc\u062f\u060c \u0645\u062f\u06cc\u0631\u06cc\u062a \u062d\u0633\u0627\u0628.<\/p>\r\n          <\/div>\r\n          <div class=\"rounded-2xl glass p-5 border border-zinc-200\/70 flex flex-col items-start gap-2\">\r\n            <div class=\"flex items-center gap-2 text-brand-700 font-bold\"><i data-lucide=\"settings\"><\/i>\u067e\u0646\u0644 \u0627\u062f\u0645\u06cc\u0646<\/div>\r\n            <p class=\"text-sm text-zinc-700\">\u0645\u062f\u06cc\u0631\u06cc\u062a \u0645\u062d\u062a\u0648\u0627\/\u06a9\u0627\u0631\u0628\u0631\/\u06af\u0632\u0627\u0631\u0634\u200c\u0647\u0627 \u0648 \u06a9\u0645\u067e\u06cc\u0646\u200c\u0647\u0627.<\/p>\r\n          <\/div>\r\n          <div class=\"rounded-2xl glass p-5 border border-zinc-200\/70 flex flex-col items-start gap-2\">\r\n            <div class=\"flex items-center gap-2 text-brand-700 font-bold\"><i data-lucide=\"mic\"><\/i>\u067e\u0646\u0644 \u0633\u0627\u0632\u0646\u062f\u06af\u0627\u0646<\/div>\r\n            <p class=\"text-sm text-zinc-700\">\u0628\u0627\u0631\u06af\u0630\u0627\u0631\u06cc\/\u0648\u06cc\u0631\u0627\u06cc\u0634\u060c \u0632\u0645\u0627\u0646\u200c\u0628\u0646\u062f\u06cc\u060c \u0622\u0646\u0627\u0644\u06cc\u062a\u06cc\u06a9\u0633 \u0648 \u062f\u0631\u0622\u0645\u062f.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SLIDE 7: Revenue (viewport-fit, no scroll) -->\r\n    <section id=\"slide-7\" class=\"slide\" style=\"padding-top:3.5rem\">\r\n      <div class=\"section max-w-6xl mx-auto px-4 w-full revenue-fit\">\r\n        <h2 class=\"text-lg md:text-xl font-extrabold\">\u0645\u062f\u0644\u200c\u0647\u0627\u06cc \u062f\u0631\u0622\u0645\u062f\u06cc Cast Plus<\/h2>\r\n        <div class=\"mt-3 grid lg:grid-cols-2 gap-3 items-center\">\r\n          <!-- Left: ultra-compact grid (6 cards, 2 cols) -->\r\n          <div class=\"grid sm:grid-cols-2 gap-3 content-start\">\r\n            <div class=\"rounded-2xl glass p-3 border border-zinc-200\/70\">\r\n              <div class=\"flex items-center gap-2 font-bold text-brand-700 text-[12px]\"><i data-lucide=\"star\" class=\"w-4 h-4\"><\/i> \u0627\u0634\u062a\u0631\u0627\u06a9 (B2C\/B2B)<\/div>\r\n              <p class=\"mt-1 text-[11px] text-zinc-700 leading-5\">\u067e\u0644\u0646\u200c\u0647\u0627\u06cc \u0645\u0627\u0647\u0627\u0646\u0647\/\u0633\u0627\u0644\u06cc\u0627\u0646\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0648 \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627.<\/p>\r\n              <ul class=\"mt-1 text-[10px] text-zinc-600 list-disc pr-4 leading-5\">\r\n                <li>Basic \/ Pro \/ Enterprise<\/li>\r\n                <li>Add\u2011on: \u0628\u062f\u0648\u0646 \u062a\u0628\u0644\u06cc\u063a\u060c \u06a9\u06cc\u0641\u06cc\u062a \u0628\u0627\u0644\u0627\u062a\u0631<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n            <div class=\"rounded-2xl glass p-3 border border-zinc-200\/70\">\r\n              <div class=\"flex items-center gap-2 font-bold text-brand-700 text-[12px]\"><i data-lucide=\"shopping-bag\" class=\"w-4 h-4\"><\/i> \u0641\u0631\u0648\u0634 \u0645\u062d\u062a\u0648\u0627\/\u0645\u062d\u0635\u0648\u0644<\/div>\r\n              <p class=\"mt-1 text-[11px] text-zinc-700 leading-5\">\u062f\u0648\u0631\u0647 \u0635\u0648\u062a\u06cc\/\u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc\u060c \u0641\u0627\u06cc\u0644 \u062f\u0627\u0646\u0644\u0648\u062f\u06cc\u060c \u0645\u0631\u0686\u061b \u0628\u0627\u0646\u062f\u0644\/\u062a\u06a9\u06cc.<\/p>\r\n            <\/div>\r\n            <div class=\"rounded-2xl glass p-3 border border-zinc-200\/70\">\r\n              <div class=\"flex items-center gap-2 font-bold text-brand-700 text-[12px]\"><i data-lucide=\"ticket\" class=\"w-4 h-4\"><\/i> \u0628\u0644\u06cc\u062a \u0631\u0648\u06cc\u062f\u0627\u062f\/\u0644\u0627\u06cc\u0648<\/div>\r\n              <p class=\"mt-1 text-[11px] text-zinc-700 leading-5\">\u0631\u0648\u0645 \u062e\u0635\u0648\u0635\u06cc\/\u0627\u06cc\u0648\u0646\u062a \u0622\u0646\u0644\u0627\u06cc\u0646\/\u062d\u0636\u0648\u0631\u06cc\u061b QR Check\u2011in.<\/p>\r\n            <\/div>\r\n            <div class=\"rounded-2xl glass p-3 border border-zinc-200\/70\">\r\n              <div class=\"flex items-center gap-2 font-bold text-brand-700 text-[12px]\"><i data-lucide=\"badge-dollar-sign\" class=\"w-4 h-4\"><\/i> \u0627\u0633\u067e\u0627\u0646\u0633\u0631\u0634\u06cc\u067e<\/div>\r\n              <p class=\"mt-1 text-[11px] text-zinc-700 leading-5\">\u0627\u0633\u067e\u0627\u0646\u0633\u0631 \u0641\u0635\u0644\/\u0627\u067e\u06cc\u0632\u0648\u062f\/\u0631\u0648\u06cc\u062f\u0627\u062f\u061b \u067e\u0631\u0648\u0645\u0648\u06a9\u062f \u0648 \u06af\u0632\u0627\u0631\u0634 \u0627\u062b\u0631.<\/p>\r\n            <\/div>\r\n            <div class=\"rounded-2xl glass p-3 border border-zinc-200\/70\">\r\n              <div class=\"flex items-center gap-2 font-bold text-brand-700 text-[12px]\"><i data-lucide=\"megaphone\" class=\"w-4 h-4\"><\/i> \u062a\u0628\u0644\u06cc\u063a\u0627\u062a \u0628\u0648\u0645\u06cc<\/div>\r\n              <p class=\"mt-1 text-[11px] text-zinc-700 leading-5\">\u0628\u0646\u0631\u06cc\/\u0648\u06cc\u062f\u06cc\u0648\u06cc\u06cc\/\u0622\u062f\u06cc\u0648\u06cc\u06cc\u061b \u062c\u0627\u06cc\u06af\u0627\u0647 \u0627\u0633\u062a\u0627\u0646\u062f\u0627\u0631\u062f CPM\/CPC\/CPV.<\/p>\r\n            <\/div>\r\n            <div class=\"rounded-2xl glass p-3 border border-zinc-200\/70\">\r\n              <div class=\"flex items-center gap-2 font-bold text-brand-700 text-[12px]\"><i data-lucide=\"wallet\" class=\"w-4 h-4\"><\/i> \u0645\u0627\u0631\u06a9\u062a\u200c\u067e\u0644\u06cc\u0633 \u062e\u062f\u0645\u0627\u062a<\/div>\r\n              <p class=\"mt-1 text-[11px] text-zinc-700 leading-5\">\u062a\u062f\u0648\u06cc\u0646\u060c \u06a9\u0627\u0648\u0631\u060c \u06af\u0648\u06cc\u0646\u062f\u06af\u06cc\u060c \u0645\u0634\u0627\u0648\u0631\u0647\u061b \u0633\u0647\u0645 \u067e\u0644\u062a\u0641\u0631\u0645.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <!-- Right: artwork fitted to viewport (tighter) -->\r\n          <div class=\"h-full flex items-center justify-center lg:justify-end\">\r\n            <img decoding=\"async\" src=\"https:\/\/cdn.cloubit.com\/files\/slide7.webp\" alt=\"Revenue Artwork\" class=\"rounded-2xl shadow-soft ring-1 ring-zinc-200\/60 max-h-[40vh] lg:max-h-[42vh] w-auto object-contain\"\/>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- SLIDE 8: Foreign revenue opportunity -->\r\n    <section id=\"slide-8\" class=\"slide\">\r\n      <div class=\"section max-w-6xl mx-auto px-4\">\r\n        <h2 class=\"text-2xl md:text-3xl font-extrabold\">\u0641\u0631\u0635\u062a \u062f\u0631\u0622\u0645\u062f \u0627\u0631\u0632\u06cc (FA\/EN)<\/h2>\r\n        <p class=\"mt-2 text-zinc-700\">\u0647\u062f\u0641\u200c\u06af\u06cc\u0631\u06cc \u0641\u0627\u0631\u0633\u06cc\u200c\u0632\u0628\u0627\u0646\u0627\u0646 \u062e\u0627\u0631\u062c \u0648 \u0628\u0627\u0632\u0627\u0631 \u0645\u0646\u0637\u0642\u0647 (MENA\/Central Asia) \u0628\u0627 \u067e\u0631\u062f\u0627\u062e\u062a \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc \u0648 \u0628\u0633\u062a\u0647\u200c\u0647\u0627\u06cc \u0631\u0633\u0627\u0646\u0647\u200c\u0627\u06cc \u062f\u0648\u0632\u0628\u0627\u0646\u0647.<\/p>\r\n        <div class=\"mt-6 grid md:grid-cols-3 gap-4\">\r\n          <div class=\"rounded-3xl glass p-6 border border-zinc-200\/70\"><div class=\"flex items-center gap-2 font-bold text-brand-700\"><i data-lucide=\"globe-2\"><\/i>\u067e\u0631\u062f\u0627\u062e\u062a \u0627\u0631\u0632\u06cc<\/div><p class=\"mt-2 text-sm text-zinc-700\">\u062f\u0631\u06af\u0627\u0647\u200c\u0647\u0627\u06cc \u0628\u06cc\u0646\u200c\u0627\u0644\u0645\u0644\u0644\u06cc\/\u0645\u0646\u0637\u0642\u0647\u200c\u0627\u06cc\u060c \u06af\u06cc\u0641\u062a\u200c\u06a9\u0627\u0631\u062a\u060c \u06a9\u06cc\u0641 \u067e\u0648\u0644 \u0648 \u0631\u0645\u0632\u0627\u0631\u0632 \u0642\u0627\u0646\u0648\u0646\u06cc.<\/p><\/div>\r\n          <div class=\"rounded-3xl glass p-6 border border-zinc-200\/70\"><div class=\"flex items-center gap-2 font-bold text-brand-700\"><i data-lucide=\"languages\"><\/i>\u0628\u0633\u062a\u0647\u200c\u0647\u0627\u06cc \u062f\u0648\u0632\u0628\u0627\u0646\u0647<\/div><p class=\"mt-2 text-sm text-zinc-700\">\u0635\u0641\u062d\u0627\u062a \u0641\u0631\u0648\u062f FA\/EN\u060c \u06a9\u0627\u062a\u0627\u0644\u0648\u06af \u0627\u0633\u067e\u0627\u0646\u0633\u0631\u06cc \u0645\u0646\u0637\u0642\u0647\u200c\u0627\u06cc\u060c \u0647\u0645\u06a9\u0627\u0631\u06cc \u0628\u0627 \u0634\u0628\u06a9\u0647\u200c\u0647\u0627\u06cc \u063a\u06cc\u0631\u0627\u06cc\u0631\u0627\u0646\u06cc.<\/p><\/div>\r\n          <div class=\"rounded-3xl glass p-6 border border-zinc-200\/70\"><div class=\"flex items-center gap-2 font-bold text-brand-700\"><i data-lucide=\"factory\"><\/i>\u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/div><p class=\"mt-2 text-sm text-zinc-700\">Original \u0647\u0627 \u0628\u0631\u0627\u06cc \u0628\u0627\u0632\u0627\u0631 \u0645\u0647\u0627\u062c\u0631\u06cc\u0646\/\u0645\u0646\u0637\u0642\u0647 \u0648 \u0641\u0631\u0648\u0634 \u0627\u0634\u062a\u0631\u0627\u06a9\/\u0628\u0644\u06cc\u062a \u0627\u0631\u0632\u06cc.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"mt-6 rounded-3xl glass p-6\">\r\n          <div class=\"font-bold text-brand-800\">\u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u067e\u06cc\u0634\u0646\u0647\u0627\u062f\u06cc<\/div>\r\n          <ul class=\"text-sm leading-8 list-disc pr-5 mt-2 text-zinc-700\">\r\n            <li>\u0644\u0627\u0646\u0686 \u0628\u0627\u0646\u062f\u0644 \u00ab\u0622\u0645\u0648\u0632\u0634\/\u062a\u062d\u0644\u06cc\u0644\u00bb \u062f\u0644\u0627\u0631\u06cc \u0628\u0631\u0627\u06cc \u0641\u0627\u0631\u0633\u06cc\u200c\u0632\u0628\u0627\u0646\u0627\u0646 \u0627\u0631\u0648\u067e\u0627\/\u0622\u0645\u0631\u06cc\u06a9\u0627\u06cc \u0634\u0645\u0627\u0644\u06cc.<\/li>\r\n            <li>\u0628\u0644\u06cc\u062a \u0644\u0627\u06cc\u0648\u0647\u0627\u06cc \u062e\u0635\u0648\u0635\u06cc \u0628\u0627 \u062a\u0642\u0648\u06cc\u0645 \u0645\u0646\u0637\u0642\u0647\u200c\u0627\u06cc \u0648 \u0633\u0627\u0639\u062a \u0645\u0646\u0627\u0633\u0628.<\/li>\r\n            <li>\u067e\u06a9\u06cc\u062c \u0627\u0633\u067e\u0627\u0646\u0633\u0631\u06cc \u0628\u0631\u0627\u06cc \u0628\u0631\u0646\u062f\u0647\u0627\u06cc \u0645\u0647\u0627\u062c\u0631\u0645\u062d\u0648\u0631 (\u0641\u06cc\u0646\u200c\u062a\u06a9\u060c \u062d\u0648\u0627\u0644\u0647\u060c \u0645\u0647\u0627\u062c\u0631\u062a\u060c \u062a\u062d\u0635\u06cc\u0644).<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA (kept compact to avoid extra scroll) -->\r\n    <section id=\"slide-9\" class=\"slide\">\r\n      <div class=\"section px-4\">\r\n        <img decoding=\"async\" src=\"https:\/\/tstorage.hashuresport.com\/public-files\/1.webp\" alt=\"1\" class=\"rounded-3xl max-w-5xl px-4 mx-auto object-contain mb-16\"\/>\r\n        <img decoding=\"async\" src=\"https:\/\/tstorage.hashuresport.com\/public-files\/2%20.webp\" alt=\"2\" class=\"rounded-3xl max-w-5xl px-4 mx-auto object-contain mb-16\"\/>\r\n        <img decoding=\"async\" src=\"https:\/\/tstorage.hashuresport.com\/public-files\/3.webp\" alt=\"3\" class=\"rounded-3xl max-w-5xl px-4 mx-auto object-contain mb-16\"\/>\r\n        <img decoding=\"async\" src=\"https:\/\/tstorage.hashuresport.com\/public-files\/4.webp\" alt=\"4\" class=\"rounded-3xl max-w-5xl px-4 mx-auto object-contain mb-16\"\/>\r\n        <img decoding=\"async\" src=\"https:\/\/tstorage.hashuresport.com\/public-files\/5.webp\" alt=\"5\" class=\"rounded-3xl max-w-5xl px-4 mx-auto object-contain mb-16\"\/>\r\n        <img decoding=\"async\" src=\"https:\/\/tstorage.hashuresport.com\/public-files\/6.webp\" alt=\"6\" class=\"rounded-3xl max-w-5xl px-4 mx-auto object-contain mb-16\"\/>\r\n        <!-- <div class=\"rounded-3xl bg-gradient-to-br from-brand-700 to-brand-900 text-white p-6 md:p-8 shadow-soft\">\r\n          <div class=\"grid md:grid-cols-2 gap-4 items-center\">\r\n            <div>\r\n              <h3 class=\"text-2xl md:text-3xl font-black\">\u0622\u0645\u0627\u062f\u0647\u0654 \u0644\u0627\u0646\u0686 \u0645\u0634\u062a\u0631\u06a9 \u0647\u0633\u062a\u06cc\u0645<\/h3>\r\n              <p class=\"mt-2 text-brand-100\">\u0628\u0631\u0627\u06cc \u062f\u0645\u0648\u060c \u0647\u0645\u06a9\u0627\u0631\u06cc \u0627\u0633\u067e\u0627\u0646\u0633\u0631\u06cc \u06cc\u0627 \u0633\u0631\u0645\u0627\u06cc\u0647\u200c\u06af\u0630\u0627\u0631\u06cc \u0628\u0627 \u0645\u0627 \u062f\u0631 \u062a\u0645\u0627\u0633 \u0628\u0627\u0634\u06cc\u062f.<\/p>\r\n            <\/div>\r\n            <div class=\"flex md:justify-end items-center gap-3\">\r\n              <a href=\"#\" class=\"inline-flex items-center gap-2 rounded-2xl bg-white text-brand-800 px-4 py-2 font-bold hover:bg-brand-50 transition\"><i data-lucide=\"bell-ring\"><\/i>\u062f\u0631\u062e\u0648\u0627\u0633\u062a \u062f\u0645\u0648<\/a>\r\n              <a id=\"figmaFooter\" href=\"#\" target=\"_blank\" class=\"inline-flex items-center gap-2 rounded-2xl border border-white\/40 px-4 py-2 font-bold text-white hover:bg-white\/10 transition\"><i data-lucide=\"layout\"><\/i>\u0645\u0634\u0627\u0647\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc UI<\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div> -->\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <!-- Progress Dots (built dynamically) -->\r\n  <div class=\"dots\" id=\"dots\"><\/div>\r\n\r\n  <!-- App script -->\r\n  <script type=\"module\">\r\n    import { createIcons, icons } from 'https:\/\/cdn.jsdelivr.net\/npm\/lucide@0.451.0\/+esm';\r\n\r\n    \/\/ === Config: FIGMA LINK ===\r\n    function getParam(name){ try{ return new URLSearchParams(location.search).get(name) || '' }catch{ return '' } }\r\n    const FIGMA = window.CASTPLUS_FIGMA || document.body?.dataset?.figma || getParam('figma') || '';\r\n    const setFigma = (el) => {\r\n      if (!el) return;\r\n      if(FIGMA){ el.href = FIGMA; }\r\n      else { el.addEventListener('click', (e)=>{ e.preventDefault(); alert('\u0644\u06cc\u0646\u06a9 \u0641\u06cc\u06af\u0645\u0627 \u062a\u0646\u0638\u06cc\u0645 \u0646\u0634\u062f\u0647 \u0627\u0633\u062a. \u0628\u0631\u0627\u06cc \u062a\u0633\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f ?figma=URL \u0631\u0627 \u0628\u0647 \u0627\u0646\u062a\u0647\u0627\u06cc \u0622\u062f\u0631\u0633 \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.'); }); }\r\n    };\r\n    ['figmaHeader','figmaCTA','figmaFooter'].forEach(id=> setFigma(document.getElementById(id)));\r\n\r\n    \/\/ reveal on scroll\r\n    const io = new IntersectionObserver((entries)=>{\r\n      entries.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('show'); io.unobserve(e.target); } })\r\n    },{ threshold:.2});\r\n    document.querySelectorAll('.section').forEach(el=>io.observe(el));\r\n\r\n    \/\/ categories + icons\r\n    const categories=[[\"\u0622\u0645\u0648\u0632\u0634\u06cc\",\"graduation-cap\"],[\"\u0639\u0644\u0645 \u0648 \u062a\u06a9\u0646\u0648\u0644\u0648\u0698\u06cc\",\"cpu\"],[\"\u0637\u0646\u0632 \u0648 \u06a9\u0645\u062f\u06cc\",\"smile\"],[\"\u0641\u0631\u0647\u0646\u06af \u0648 \u0647\u0646\u0631\",\"palette\"],[\"\u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0648 \u06a9\u0627\u0631\u0622\u0641\u0631\u06cc\u0646\u06cc\",\"briefcase\"],[\"\u0633\u0644\u0627\u0645\u062a \u0648 \u0633\u0628\u06a9 \u0632\u0646\u062f\u06af\u06cc\",\"heart-pulse\"],[\"\u0631\u0648\u0627\u0628\u0637 \u0648 \u062a\u0648\u0633\u0639\u0647 \u0641\u0631\u062f\u06cc\",\"users-round\"],[\"\u062c\u0627\u0645\u0639\u0647 \u0648 \u0627\u0642\u062a\u0635\u0627\u062f\",\"scale\"],[\"\u062a\u0627\u0631\u06cc\u062e\u06cc\",\"library\"],[\"\u0645\u0630\u0647\u0628\u06cc \u0648 \u0645\u0639\u0646\u0648\u06cc\",\"church\"],[\"\u0648\u0631\u0632\u0634\u06cc\",\"trophy\"],[\"\u06a9\u0648\u062f\u06a9 \u0648 \u0646\u0648\u062c\u0648\u0627\u0646\",\"teddy-bear\"],[\"\u0645\u0627\u062c\u0631\u0627\u062c\u0648\u06cc\u06cc \u0648 \u0633\u0641\u0631\",\"map\"],[\"\u062e\u0628\u0631 \u0648 \u062a\u062d\u0644\u06cc\u0644\",\"newspaper\"],[\"\u0645\u0627\u0648\u0631\u0627\u0621\u0627\u0644\u0637\u0628\u06cc\u0639\u0647 \u0648 \u0647\u06cc\u062c\u0627\u0646\u200c\u0627\u0646\u06af\u06cc\u0632\",\"ghost\"],[\"\u0633\u0627\u06cc\u0631\",\"asterisk\"]];\r\n    const grid=document.querySelector('#cats-grid');\r\n    if(grid){\r\n      categories.forEach(([t,ic])=>{\r\n        const d=document.createElement('div');\r\n        d.className='rounded-2xl border border-zinc-200 bg-white\/80 px-4 py-3 text-sm font-bold text-zinc-700 hover:shadow-soft hover:border-brand-200 transition flex items-center justify-between';\r\n        d.innerHTML=`<span class=\"flex items-center gap-2\"><i data-lucide=\"${ic}\"><\/i>${t}<\/span><i data-lucide=\"chevron-left\" class=\"w-4 h-4 text-zinc-400\"><\/i>`;\r\n        grid.appendChild(d);\r\n      });\r\n      createIcons({icons});\r\n    }\r\n\r\n    \/\/ dots builder + active state\r\n    const slides=[...document.querySelectorAll('.slide')];\r\n    const dots=document.getElementById('dots');\r\n    const makeDot=(idx)=>{ const a=document.createElement('a'); a.href='#'+slides[idx].id; a.className='dot'; a.dataset.index=idx; return a; };\r\n    \/\/ Prevent duplicate dots on hot-reloads or re-runs\r\n    dots.innerHTML='';\r\n    slides.forEach((_,i)=>dots.appendChild(makeDot(i)));\r\n\r\n    const act=(i)=>{ \r\n      [...dots.children].forEach((d,k)=>{\r\n        d.classList.toggle('active',k===i);\r\n      }); \r\n    };\r\n    const so=new IntersectionObserver((ents)=>{\r\n      ents.forEach(en=>{ if(en.isIntersecting){ const idx=slides.indexOf(en.target); act(idx); } });\r\n    },{ threshold:.15, rootMargin:'0px 0px -20% 0px' });\r\n    slides.forEach(s=>so.observe(s));\r\n\r\n    \/\/ Handle initial page load with hash\r\n    const handleHashChange = () => {\r\n      const hash = location.hash;\r\n      if (hash) {\r\n        const slideIndex = slides.findIndex(s => s.id === hash.substring(1));\r\n        if (slideIndex >= 0) {\r\n          act(slideIndex);\r\n        }\r\n      }\r\n    };\r\n    \r\n    \/\/ Check hash on page load\r\n    handleHashChange();\r\n    window.addEventListener('hashchange', handleHashChange);\r\n\r\n    \/\/ Keyboard arrows for slide navigation\r\n    window.addEventListener('keydown',e=>{\r\n      const cur=[...dots.children].findIndex(d=>d.classList.contains('active'));\r\n      if(cur<0) return;\r\n      if(e.key==='ArrowDown' || e.key==='ArrowLeft'){ const i=Math.max(0,cur-1); location.hash=slides[i].id; }\r\n      if(e.key==='ArrowUp' || e.key==='ArrowRight'){ const i=Math.min(slides.length-1,cur+1); location.hash=slides[i].id; }\r\n    });\r\n\r\n    \/\/ Tabs logic\r\n    const tabs=[...document.querySelectorAll('.tab-btn')];\r\n    const panels=[...document.querySelectorAll('[data-panel]')];\r\n    const showTab=(name)=>{\r\n      tabs.forEach(t=>t.setAttribute('aria-selected', String(t.dataset.tab===name)));\r\n      panels.forEach(p=>p.classList.toggle('hidden', p.dataset.panel!==name));\r\n    };\r\n    tabs.forEach(t=>t.addEventListener('click',()=>showTab(t.dataset.tab)));\r\n\r\n    \/\/ Initial icon render\r\n    createIcons({ icons });\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0627\u062c\u0631\u0627\u06cc\u06cc \u0645\u0633\u0626\u0644\u0647\/\u0631\u0627\u0647\u200c\u062d\u0644 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u067e\u0631\u0633\u0648\u0646\u0627 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627 \u062f\u0631\u0622\u0645\u062f\u06cc \u062f\u0631\u0622\u0645\u062f \u0627\u0631\u0632\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc UI \u06a9\u0633\u062a \u067e\u0644\u0627\u0633 \u2013 \u067e\u0644\u062a\u0641\u0631\u0645 \u062c\u0627\u0645\u0639 \u0648 \u0647\u0648\u0634\u0645\u0646\u062f \u067e\u0627\u062f\u06a9\u0633\u062a \u0634\u0646\u06cc\u062f\u0646\u060c<\/p>\n","protected":false},"author":115,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"maintenance.php","meta":{"cybocfi_hide_featured_image":"","footnotes":""},"class_list":["post-17608","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v28.2 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Elementor #17608 - \u0627\u062e\u0628\u0627\u0631 \u0647\u0627\u0634\u0648\u0631<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hashure.com\/news\/elementor-17608\" \/>\n<meta property=\"og:locale\" content=\"fa_IR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Elementor #17608\" \/>\n<meta property=\"og:description\" content=\"\u0627\u062c\u0631\u0627\u06cc\u06cc \u0645\u0633\u0626\u0644\u0647\/\u0631\u0627\u0647\u200c\u062d\u0644 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u067e\u0631\u0633\u0648\u0646\u0627 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627 \u062f\u0631\u0622\u0645\u062f\u06cc \u062f\u0631\u0622\u0645\u062f \u0627\u0631\u0632\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc UI \u06a9\u0633\u062a \u067e\u0644\u0627\u0633 \u2013 \u067e\u0644\u062a\u0641\u0631\u0645 \u062c\u0627\u0645\u0639 \u0648 \u0647\u0648\u0634\u0645\u0646\u062f \u067e\u0627\u062f\u06a9\u0633\u062a \u0634\u0646\u06cc\u062f\u0646\u060c\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hashure.com\/news\/elementor-17608\" \/>\n<meta property=\"og:site_name\" content=\"\u0627\u062e\u0628\u0627\u0631 \u0647\u0627\u0634\u0648\u0631\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hashure.mostanad\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-28T10:20:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.cloubit.com\/files\/Logo_castplus.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@HashureMostanad\" \/>\n<meta name=\"twitter:label1\" content=\"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 \u062f\u0642\u06cc\u0642\u0647\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/hashure.com\\\/news\\\/elementor-17608\",\"url\":\"https:\\\/\\\/hashure.com\\\/news\\\/elementor-17608\",\"name\":\"Elementor #17608 - \u0627\u062e\u0628\u0627\u0631 \u0647\u0627\u0634\u0648\u0631\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/hashure.com\\\/news\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/hashure.com\\\/news\\\/elementor-17608#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/hashure.com\\\/news\\\/elementor-17608#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cdn.cloubit.com\\\/files\\\/Logo_castplus.png\",\"datePublished\":\"2025-09-28T10:00:10+00:00\",\"dateModified\":\"2025-09-28T10:20:43+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/hashure.com\\\/news\\\/elementor-17608#breadcrumb\"},\"inLanguage\":\"fa-IR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/hashure.com\\\/news\\\/elementor-17608\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fa-IR\",\"@id\":\"https:\\\/\\\/hashure.com\\\/news\\\/elementor-17608#primaryimage\",\"url\":\"https:\\\/\\\/cdn.cloubit.com\\\/files\\\/Logo_castplus.png\",\"contentUrl\":\"https:\\\/\\\/cdn.cloubit.com\\\/files\\\/Logo_castplus.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/hashure.com\\\/news\\\/elementor-17608#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u062e\u0627\u0646\u0647\",\"item\":\"https:\\\/\\\/hashure.com\\\/news\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor #17608\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/hashure.com\\\/news\\\/#website\",\"url\":\"https:\\\/\\\/hashure.com\\\/news\\\/\",\"name\":\"\u0627\u062e\u0628\u0627\u0631 \u0647\u0627\u0634\u0648\u0631\",\"description\":\"\u062e\u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0631\u062c\u0639 \u0645\u0633\u062a\u0646\u062f \u0647\u0627\u06cc \u0627\u06cc\u0631\u0627\u0646 \u0648 \u062c\u0647\u0627\u0646\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/hashure.com\\\/news\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fa-IR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Elementor #17608 - \u0627\u062e\u0628\u0627\u0631 \u0647\u0627\u0634\u0648\u0631","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/hashure.com\/news\/elementor-17608","og_locale":"fa_IR","og_type":"article","og_title":"Elementor #17608","og_description":"\u0627\u062c\u0631\u0627\u06cc\u06cc \u0645\u0633\u0626\u0644\u0647\/\u0631\u0627\u0647\u200c\u062d\u0644 \u0648\u06cc\u0698\u06af\u06cc\u200c\u0647\u0627 \u067e\u0631\u0633\u0648\u0646\u0627 \u067e\u0644\u062a\u0641\u0631\u0645\u200c\u0647\u0627 \u062f\u0631\u0622\u0645\u062f\u06cc \u062f\u0631\u0622\u0645\u062f \u0627\u0631\u0632\u06cc \u0645\u0634\u0627\u0647\u062f\u0647 \u0637\u0631\u0627\u062d\u06cc UI \u06a9\u0633\u062a \u067e\u0644\u0627\u0633 \u2013 \u067e\u0644\u062a\u0641\u0631\u0645 \u062c\u0627\u0645\u0639 \u0648 \u0647\u0648\u0634\u0645\u0646\u062f \u067e\u0627\u062f\u06a9\u0633\u062a \u0634\u0646\u06cc\u062f\u0646\u060c","og_url":"https:\/\/hashure.com\/news\/elementor-17608","og_site_name":"\u0627\u062e\u0628\u0627\u0631 \u0647\u0627\u0634\u0648\u0631","article_publisher":"https:\/\/www.facebook.com\/hashure.mostanad","article_modified_time":"2025-09-28T10:20:43+00:00","og_image":[{"url":"https:\/\/cdn.cloubit.com\/files\/Logo_castplus.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@HashureMostanad","twitter_misc":{"\u0632\u0645\u0627\u0646 \u062a\u0642\u0631\u06cc\u0628\u06cc \u0628\u0631\u0627\u06cc \u062e\u0648\u0627\u0646\u062f\u0646":"6 \u062f\u0642\u06cc\u0642\u0647"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/hashure.com\/news\/elementor-17608","url":"https:\/\/hashure.com\/news\/elementor-17608","name":"Elementor #17608 - \u0627\u062e\u0628\u0627\u0631 \u0647\u0627\u0634\u0648\u0631","isPartOf":{"@id":"https:\/\/hashure.com\/news\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hashure.com\/news\/elementor-17608#primaryimage"},"image":{"@id":"https:\/\/hashure.com\/news\/elementor-17608#primaryimage"},"thumbnailUrl":"https:\/\/cdn.cloubit.com\/files\/Logo_castplus.png","datePublished":"2025-09-28T10:00:10+00:00","dateModified":"2025-09-28T10:20:43+00:00","breadcrumb":{"@id":"https:\/\/hashure.com\/news\/elementor-17608#breadcrumb"},"inLanguage":"fa-IR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hashure.com\/news\/elementor-17608"]}]},{"@type":"ImageObject","inLanguage":"fa-IR","@id":"https:\/\/hashure.com\/news\/elementor-17608#primaryimage","url":"https:\/\/cdn.cloubit.com\/files\/Logo_castplus.png","contentUrl":"https:\/\/cdn.cloubit.com\/files\/Logo_castplus.png"},{"@type":"BreadcrumbList","@id":"https:\/\/hashure.com\/news\/elementor-17608#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u062e\u0627\u0646\u0647","item":"https:\/\/hashure.com\/news\/"},{"@type":"ListItem","position":2,"name":"Elementor #17608"}]},{"@type":"WebSite","@id":"https:\/\/hashure.com\/news\/#website","url":"https:\/\/hashure.com\/news\/","name":"\u0627\u062e\u0628\u0627\u0631 \u0647\u0627\u0634\u0648\u0631","description":"\u062e\u0628\u0631\u0646\u0627\u0645\u0647 \u0645\u0631\u062c\u0639 \u0645\u0633\u062a\u0646\u062f \u0647\u0627\u06cc \u0627\u06cc\u0631\u0627\u0646 \u0648 \u062c\u0647\u0627\u0646","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hashure.com\/news\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fa-IR"}]}},"_links":{"self":[{"href":"https:\/\/hashure.com\/news\/wp-json\/wp\/v2\/pages\/17608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hashure.com\/news\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hashure.com\/news\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hashure.com\/news\/wp-json\/wp\/v2\/users\/115"}],"replies":[{"embeddable":true,"href":"https:\/\/hashure.com\/news\/wp-json\/wp\/v2\/comments?post=17608"}],"version-history":[{"count":7,"href":"https:\/\/hashure.com\/news\/wp-json\/wp\/v2\/pages\/17608\/revisions"}],"predecessor-version":[{"id":17621,"href":"https:\/\/hashure.com\/news\/wp-json\/wp\/v2\/pages\/17608\/revisions\/17621"}],"wp:attachment":[{"href":"https:\/\/hashure.com\/news\/wp-json\/wp\/v2\/media?parent=17608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}