{"id":706,"date":"2026-08-26T02:37:26","date_gmt":"2026-08-25T23:37:26","guid":{"rendered":"https:\/\/www.duaessam.com\/?page_id=706"},"modified":"2026-08-26T19:21:31","modified_gmt":"2026-08-26T16:21:31","slug":"insights","status":"publish","type":"page","link":"https:\/\/www.duaessam.com\/ar\/insights\/","title":{"rendered":"Insights"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"706\" class=\"elementor elementor-706\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efa5732 e-flex e-con-boxed e-con e-parent\" data-id=\"efa5732\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-739fcde elementor-widget elementor-widget-html\" data-id=\"739fcde\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-739fcde{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-544a9ba elementor-widget elementor-widget-html\" data-id=\"544a9ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\nDUA SYSTEMS \u2014 Insights Arabic V1.3 \u00b7 RTL\nDynamic WordPress Arabic Insights Hub\n\nPaste everything inside ONE Elementor HTML widget.\nRecommended Page Layout: Elementor Canvas.\n\nContent model:\n- Page URL: \/ar\/insights\/\n- \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u062a\u0638\u0644 WordPress Posts \u0639\u0627\u062f\u064a\u0629.\n- \u0627\u0644\u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0627\u0644\u0645\u0642\u062a\u0631\u062d: \u0645\u0642\u0627\u0644\u0627\u062a (slug: insights-ar)\n- \u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0627\u0644\u0645\u0648\u0636\u0648\u0639\u0627\u062a \u0627\u0644\u0645\u0642\u062a\u0631\u062d\u0629: \u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0623\u062a\u0645\u062a\u0629\u060c \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u0644\u0623\u0639\u0645\u0627\u0644\u060c \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644.\n- \u0627\u0644\u0635\u0641\u062d\u0629 \u062a\u062c\u0644\u0628 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0629 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0639\u0628\u0631 WordPress REST API.\n- \u0625\u0630\u0627 \u0644\u0645 \u064a\u0648\u062c\u062f \u0627\u0644\u062a\u0635\u0646\u064a\u0641 insights-ar \u0628\u0639\u062f\u060c \u062a\u0638\u0647\u0631 \u062d\u0627\u0644\u0629 \u0641\u0627\u0631\u063a\u0629 \u062c\u0627\u0647\u0632\u0629 \u0644\u0644\u0646\u0634\u0631 \u0628\u062f\u0644 \u062e\u0644\u0637 \u0645\u0642\u0627\u0644\u0627\u062a \u0623\u062e\u0631\u0649.\n\nBuilt to preserve the approved DUA SYSTEMS system:\n- \u0646\u0641\u0633 \u0627\u0644\u0647\u0648\u064a\u0629 \u0627\u0644\u0643\u062d\u0644\u064a \u0627\u0644\u062f\u0627\u0643\u0646 + \u0627\u0644\u0630\u0647\u0628\u064a.\n- Noto Kufi Arabic \u0644\u0644\u0646\u0635 \u0627\u0644\u0639\u0631\u0628\u064a \u0645\u0639 Manrope \u0644\u0644\u0639\u0646\u0627\u0635\u0631 \u0627\u0644\u0644\u0627\u062a\u064a\u0646\u064a\u0629.\n- Full-page Elementor Canvas behavior.\n- \u0646\u0641\u0633 \u0627\u0644\u0647\u064a\u062f\u0631\u060c \u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\u060c CTA\u060c \u0627\u0644\u0641\u0648\u062a\u0631 \u0648\u0627\u0644\u0628\u0646\u064a\u0629 Responsive.\n- \u062f\u0639\u0645 prefers-reduced-motion \u0648\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u0648\u0635\u0648\u0644.\n-->\n\n<div id=\"dua-insights-v1-ar\" lang=\"ar\" dir=\"rtl\" data-no-translation>\n  <style>\n    html {\n      margin: 0 !important;\n      padding: 0 !important;\n      scroll-behavior: smooth;\n      background: #080d15 !important;\n    }\n\n    body:has(#dua-insights-v1-ar) {\n      margin: 0 !important;\n      padding: 0 !important;\n      background: #080d15 !important;\n    }\n\n    body:has(#dua-insights-v1-ar) > header,\n    body:has(#dua-insights-v1-ar) > footer,\n    body:has(#dua-insights-v1-ar) #header,\n    body:has(#dua-insights-v1-ar) #footer,\n    body:has(#dua-insights-v1-ar) .site-header,\n    body:has(#dua-insights-v1-ar) .site-footer,\n    body:has(#dua-insights-v1-ar) header.ct-header,\n    body:has(#dua-insights-v1-ar) footer.ct-footer,\n    body:has(#dua-insights-v1-ar) [data-elementor-type=\"header\"],\n    body:has(#dua-insights-v1-ar) [data-elementor-type=\"footer\"] {\n      display: none !important;\n    }\n\n    body:has(#dua-insights-v1-ar) #page,\n    body:has(#dua-insights-v1-ar) .site,\n    body:has(#dua-insights-v1-ar) main,\n    body:has(#dua-insights-v1-ar) .site-main,\n    body:has(#dua-insights-v1-ar) .content-area,\n    body:has(#dua-insights-v1-ar) .entry-content,\n    body:has(#dua-insights-v1-ar) .elementor,\n    body:has(#dua-insights-v1-ar) .elementor-inner,\n    body:has(#dua-insights-v1-ar) .elementor-section-wrap,\n    body:has(#dua-insights-v1-ar) .e-con.e-parent,\n    body:has(#dua-insights-v1-ar) .elementor-widget-html:has(#dua-insights-v1-ar),\n    body:has(#dua-insights-v1-ar) .elementor-widget-html:has(#dua-insights-v1-ar) > .elementor-widget-container {\n      margin: 0 !important;\n      padding: 0 !important;\n      border: 0 !important;\n      background: #080d15 !important;\n    }\n\n    #dua-insights-v1-ar,\n    #dua-insights-v1-ar * {\n      box-sizing: border-box;\n      font-family: 'Manrope', Arial, sans-serif;\n    }\n\n    #dua-insights-v1-ar {\n      --bg: #080d15;\n      --bg-2: #0d1420;\n      --bg-3: #111a28;\n      --panel: #131d2b;\n      --panel-2: #182334;\n      --text: #ffffff;\n      --soft: #e4e9f1;\n      --muted: #9eaabd;\n      --line: rgba(255,255,255,.10);\n      --line-strong: rgba(255,255,255,.18);\n      --gold: #d9ad5b;\n      --gold-2: #f3d99f;\n      --green: #7ed6aa;\n      --blue: #91b8ff;\n      --shadow: 0 28px 80px rgba(0,0,0,.30);\n      position: relative;\n      left: 50%;\n      width: 100vw;\n      margin-left: -50vw;\n      margin-top: -10px;\n      overflow: hidden;\n      color: var(--text);\n      background:\n        radial-gradient(circle at 88% 2%, rgba(217,173,91,.13), transparent 24%),\n        radial-gradient(circle at 7% 20%, rgba(145,184,255,.06), transparent 24%),\n        var(--bg);\n      line-height: 1.65;\n      isolation: isolate;\n    }\n\n    #dua-insights-v1-ar a { color: inherit; text-decoration: none; }\n    #dua-insights-v1-ar button { color: inherit; font: inherit; }\n    #dua-insights-v1-ar h1,\n    #dua-insights-v1-ar h2,\n    #dua-insights-v1-ar h3,\n    #dua-insights-v1-ar h4,\n    #dua-insights-v1-ar p { margin-top: 0; }\n    #dua-insights-v1-ar img,\n    #dua-insights-v1-ar svg { display: block; max-width: 100%; }\n\n    #dua-insights-v1-ar .shell {\n      width: min(1180px, calc(100% - 42px));\n      margin: 0 auto;\n    }\n\n    #dua-insights-v1-ar .gold { color: var(--gold-2); }\n\n    #dua-insights-v1-ar .skip-link {\n      position: absolute;\n      left: 18px;\n      top: -90px;\n      z-index: 9999;\n      padding: 11px 16px;\n      border-radius: 10px;\n      color: #17120a;\n      background: var(--gold-2);\n      font-size: 13px;\n      font-weight: 800;\n      transition: top .18s ease;\n    }\n\n    #dua-insights-v1-ar .skip-link:focus { top: 14px; }\n\n    #dua-insights-v1-ar .eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 11px;\n      margin-bottom: 18px;\n      color: var(--gold-2);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: .20em;\n      text-transform: uppercase;\n    }\n\n    #dua-insights-v1-ar .eyebrow::before {\n      content: '';\n      width: 30px;\n      height: 1px;\n      background: currentColor;\n      box-shadow: 0 0 14px rgba(217,173,91,.35);\n    }\n\n    #dua-insights-v1-ar h1 {\n      max-width: 900px;\n      margin-bottom: 25px;\n      color: #fff;\n      font-size: clamp(50px, 7.2vw, 94px);\n      line-height: .97;\n      font-weight: 800;\n      letter-spacing: -.062em;\n    }\n\n    #dua-insights-v1-ar h2 {\n      margin-bottom: 18px;\n      color: #fff;\n      font-size: clamp(36px, 5vw, 64px);\n      line-height: 1.02;\n      font-weight: 800;\n      letter-spacing: -.045em;\n    }\n\n    #dua-insights-v1-ar h3 {\n      margin-bottom: 13px;\n      color: #fff;\n      font-size: clamp(24px, 3vw, 38px);\n      line-height: 1.08;\n      font-weight: 800;\n      letter-spacing: -.035em;\n    }\n\n    #dua-insights-v1-ar h4 {\n      margin-bottom: 8px;\n      color: #fff;\n      font-size: 16px;\n      line-height: 1.35;\n      font-weight: 800;\n    }\n\n    #dua-insights-v1-ar .lead {\n      max-width: 735px;\n      margin-bottom: 0;\n      color: var(--soft);\n      font-size: 18px;\n    }\n\n    #dua-insights-v1-ar .btn-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      margin-top: 34px;\n    }\n\n    #dua-insights-v1-ar .btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 52px;\n      padding: 0 23px;\n      border: 1px solid var(--line);\n      border-radius: 14px;\n      font-size: 14px;\n      font-weight: 800;\n      transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;\n    }\n\n    #dua-insights-v1-ar .btn:hover,\n    #dua-insights-v1-ar .btn:focus-visible {\n      transform: translateY(-2px);\n      border-color: var(--line-strong);\n    }\n\n    #dua-insights-v1-ar .btn-primary {\n      color: #17120a;\n      border-color: transparent;\n      background: linear-gradient(135deg, var(--gold-2), var(--gold));\n      box-shadow: 0 15px 38px rgba(217,173,91,.24);\n    }\n\n    #dua-insights-v1-ar .btn-secondary {\n      color: #ead9b7;\n      border-color: rgba(217,173,91,.24);\n      background: rgba(217,173,91,.035);\n    }\n\n    #dua-insights-v1-ar .reveal {\n      opacity: 0;\n      transform: translateY(24px);\n      transition: opacity .7s ease, transform .7s ease;\n    }\n\n    #dua-insights-v1-ar .reveal.visible {\n      opacity: 1;\n      transform: none;\n    }\n\n    \/* HEADER *\/\n    #dua-insights-v1-ar .topbar-wrap {\n      position: relative;\n      z-index: 100;\n      padding: 14px 0 0;\n      border: 0;\n      background: var(--bg);\n    }\n\n    #dua-insights-v1-ar .topbar {\n      position: relative;\n      display: grid;\n      grid-template-columns: auto 1fr auto;\n      align-items: center;\n      min-height: 70px;\n      gap: 24px;\n      padding: 0 14px;\n      border: 1px solid rgba(217,173,91,.12);\n      border-radius: 20px;\n      background: rgba(8,13,21,.96);\n      box-shadow: 0 14px 38px rgba(0,0,0,.17), inset 0 1px 0 rgba(255,255,255,.025);\n    }\n\n    #dua-insights-v1-ar .brand {\n      display: inline-flex;\n      align-items: center;\n      gap: 11px;\n      font-size: 14px;\n      font-weight: 800;\n      white-space: nowrap;\n    }\n\n    #dua-insights-v1-ar .brand-mark {\n      display: grid;\n      place-items: center;\n      width: 38px;\n      height: 38px;\n      flex: 0 0 38px;\n      border-radius: 11px;\n      overflow: hidden;\n      background: #050b15;\n      box-shadow: 0 0 0 1px rgba(217,173,91,.14), inset 0 1px 0 rgba(255,255,255,.035);\n    }\n\n    #dua-insights-v1-ar .brand-mark img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    #dua-insights-v1-ar .nav {\n      display: flex;\n      justify-content: center;\n      gap: 23px;\n      color: #cbd3df;\n      font-size: 13px;\n      font-weight: 700;\n    }\n\n    #dua-insights-v1-ar .nav a {\n      position: relative;\n      padding: 24px 0;\n    }\n\n    #dua-insights-v1-ar .nav a::after {\n      content: '';\n      position: absolute;\n      left: 0;\n      right: 0;\n      bottom: 16px;\n      height: 2px;\n      border-radius: 99px;\n      background: var(--gold);\n      transform: scaleX(0);\n      transition: transform .2s ease;\n    }\n\n    #dua-insights-v1-ar .nav a:hover,\n    #dua-insights-v1-ar .nav a:focus-visible,\n    #dua-insights-v1-ar .nav a[aria-current=\"page\"] { color: #fff; }\n\n    #dua-insights-v1-ar .nav a:hover::after,\n    #dua-insights-v1-ar .nav a:focus-visible::after,\n    #dua-insights-v1-ar .nav a[aria-current=\"page\"]::after { transform: scaleX(1); }\n\n    #dua-insights-v1-ar .topbar-cta {\n      min-height: 42px;\n      padding: 0 17px;\n      border-radius: 12px;\n    }\n\n    #dua-insights-v1-ar .mobile-menu-toggle {\n      display: none;\n      align-items: center;\n      justify-content: center;\n      flex-direction: column;\n      gap: 5px;\n      width: 43px;\n      height: 43px;\n      padding: 0;\n      border: 1px solid var(--line);\n      border-radius: 12px;\n      color: #fff;\n      background: rgba(255,255,255,.03);\n      cursor: pointer;\n    }\n\n    #dua-insights-v1-ar .mobile-menu-toggle span {\n      width: 18px;\n      height: 2px;\n      border-radius: 99px;\n      background: currentColor;\n      transition: transform .2s ease, opacity .2s ease;\n    }\n\n    #dua-insights-v1-ar .mobile-menu-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\n    #dua-insights-v1-ar .mobile-menu-toggle.is-open span:nth-child(2) { opacity: 0; }\n    #dua-insights-v1-ar .mobile-menu-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\n\n    #dua-insights-v1-ar .mobile-nav {\n      display: none;\n      position: absolute;\n      top: calc(100% + 10px);\n      left: 0;\n      right: 0;\n      padding: 14px;\n      border: 1px solid var(--line-strong);\n      border-radius: 18px;\n      background: rgba(8,13,21,.985);\n      box-shadow: var(--shadow);\n    }\n\n    #dua-insights-v1-ar .mobile-nav.open { display: grid; gap: 5px; }\n\n    #dua-insights-v1-ar .mobile-nav a {\n      padding: 12px 14px;\n      border-radius: 10px;\n      color: var(--soft);\n      font-size: 14px;\n      font-weight: 700;\n    }\n\n    #dua-insights-v1-ar .mobile-nav a:hover,\n    #dua-insights-v1-ar .mobile-nav a:focus-visible,\n    #dua-insights-v1-ar .mobile-nav a[aria-current=\"page\"] {\n      color: #fff;\n      background: rgba(255,255,255,.055);\n    }\n\n    #dua-insights-v1-ar .mobile-nav .mobile-nav-cta {\n      margin-top: 5px;\n      color: #17120a;\n      text-align: center;\n      background: linear-gradient(135deg, var(--gold-2), var(--gold));\n    }\n\n    \/* HERO *\/\n    #dua-insights-v1-ar .hero {\n      position: relative;\n      min-height: 690px;\n      padding: 105px 0 100px;\n      overflow: hidden;\n      border-bottom: 1px solid var(--line);\n    }\n\n    #dua-insights-v1-ar .hero::before {\n      content: 'INSIGHTS';\n      position: absolute;\n      right: -3vw;\n      top: 36px;\n      color: rgba(255,255,255,.018);\n      font-size: clamp(120px, 20vw, 320px);\n      line-height: .82;\n      font-weight: 800;\n      letter-spacing: -.10em;\n      pointer-events: none;\n    }\n\n    #dua-insights-v1-ar .hero::after {\n      content: '';\n      position: absolute;\n      inset: 0;\n      background-image:\n        linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px);\n      background-size: 72px 72px;\n      mask-image: linear-gradient(to bottom, rgba(0,0,0,.7), transparent 86%);\n      pointer-events: none;\n    }\n\n    #dua-insights-v1-ar .hero-grid {\n      position: relative;\n      z-index: 2;\n      display: grid;\n      grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);\n      gap: 68px;\n      align-items: center;\n    }\n\n    #dua-insights-v1-ar .hero-note {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin-top: 27px;\n      color: var(--muted);\n      font-size: 13px;\n      font-weight: 600;\n    }\n\n    #dua-insights-v1-ar .hero-note i {\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: var(--green);\n      box-shadow: 0 0 0 6px rgba(126,214,170,.09);\n    }\n\n    #dua-insights-v1-ar .knowledge-board {\n      position: relative;\n      min-height: 465px;\n      padding: 20px;\n      border: 1px solid var(--line-strong);\n      border-radius: 30px;\n      background:\n        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.015)),\n        #101927;\n      box-shadow: var(--shadow);\n      transform: rotate(1.2deg);\n      overflow: hidden;\n    }\n\n    #dua-insights-v1-ar .knowledge-board::before {\n      content: '';\n      position: absolute;\n      width: 240px;\n      height: 240px;\n      right: -72px;\n      top: -84px;\n      border-radius: 50%;\n      background: rgba(217,173,91,.18);\n      filter: blur(18px);\n    }\n\n    #dua-insights-v1-ar .board-top {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      min-height: 42px;\n      padding: 0 14px;\n      border: 1px solid var(--line);\n      border-radius: 13px;\n      background: rgba(0,0,0,.15);\n      color: var(--muted);\n      font-size: 10px;\n      font-weight: 800;\n      letter-spacing: .12em;\n      text-transform: uppercase;\n    }\n\n    #dua-insights-v1-ar .topic-stack {\n      position: relative;\n      display: grid;\n      gap: 11px;\n      margin-top: 15px;\n    }\n\n    #dua-insights-v1-ar .topic-row {\n      display: grid;\n      grid-template-columns: 44px 1fr auto;\n      gap: 14px;\n      align-items: center;\n      min-height: 72px;\n      padding: 13px 14px;\n      border: 1px solid var(--line);\n      border-radius: 16px;\n      background: rgba(255,255,255,.025);\n    }\n\n    #dua-insights-v1-ar .topic-row:first-child {\n      border-color: rgba(217,173,91,.30);\n      background: linear-gradient(135deg, rgba(217,173,91,.09), rgba(255,255,255,.025));\n    }\n\n    #dua-insights-v1-ar .topic-icon {\n      display: grid;\n      place-items: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 12px;\n      color: var(--gold-2);\n      background: rgba(217,173,91,.08);\n      font-size: 9px;\n      font-weight: 900;\n      letter-spacing: .04em;\n    }\n\n    #dua-insights-v1-ar .topic-copy strong {\n      display: block;\n      margin-bottom: 2px;\n      color: #fff;\n      font-size: 13px;\n    }\n\n    #dua-insights-v1-ar .topic-copy span {\n      color: var(--muted);\n      font-size: 10.5px;\n    }\n\n    #dua-insights-v1-ar .topic-status {\n      padding: 6px 9px;\n      border: 1px solid rgba(217,173,91,.20);\n      border-radius: 999px;\n      color: #dfcfad;\n      font-size: 8px;\n      font-weight: 800;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n\n    \/* FEATURED *\/\n    #dua-insights-v1-ar .featured-section {\n      padding: 110px 0 96px;\n    }\n\n    #dua-insights-v1-ar .section-head {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) auto;\n      gap: 36px;\n      align-items: end;\n      margin-bottom: 44px;\n    }\n\n    #dua-insights-v1-ar .section-head-copy { max-width: 760px; }\n\n    #dua-insights-v1-ar .section-head-copy p {\n      max-width: 650px;\n      margin-bottom: 0;\n      color: var(--muted);\n      font-size: 16px;\n    }\n\n    #dua-insights-v1-ar .live-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      padding: 9px 12px;\n      border: 1px solid var(--line);\n      border-radius: 999px;\n      color: var(--muted);\n      background: rgba(255,255,255,.02);\n      font-size: 10px;\n      font-weight: 800;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n\n    #dua-insights-v1-ar .live-label::before {\n      content: '';\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--green);\n      box-shadow: 0 0 0 5px rgba(126,214,170,.08);\n    }\n\n    #dua-insights-v1-ar .featured-card {\n      display: grid;\n      grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr);\n      min-height: 500px;\n      border: 1px solid var(--line-strong);\n      border-radius: 30px;\n      background:\n        linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012)),\n        #0e1622;\n      box-shadow: 0 24px 75px rgba(0,0,0,.20);\n      overflow: hidden;\n    }\n\n    #dua-insights-v1-ar .featured-copy {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      padding: 52px;\n    }\n\n    #dua-insights-v1-ar .featured-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      width: fit-content;\n      margin-bottom: 19px;\n      color: var(--gold-2);\n      font-size: 10px;\n      font-weight: 800;\n      letter-spacing: .14em;\n      text-transform: uppercase;\n    }\n\n    #dua-insights-v1-ar .featured-kicker::before {\n      content: '';\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: var(--gold);\n      box-shadow: 0 0 0 5px rgba(217,173,91,.08);\n    }\n\n    #dua-insights-v1-ar .featured-copy h3 { max-width: 650px; }\n\n    #dua-insights-v1-ar .featured-excerpt {\n      max-width: 600px;\n      margin-bottom: 25px;\n      color: var(--muted);\n      font-size: 15px;\n    }\n\n    #dua-insights-v1-ar .article-meta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px 14px;\n      align-items: center;\n      margin-bottom: 26px;\n      color: var(--muted);\n      font-size: 11px;\n      font-weight: 700;\n    }\n\n    #dua-insights-v1-ar .article-meta span + span::before {\n      content: '\u2022';\n      margin-right: 14px;\n      color: rgba(255,255,255,.28);\n    }\n\n    #dua-insights-v1-ar .read-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      width: fit-content;\n      color: var(--gold-2);\n      font-size: 13px;\n      font-weight: 800;\n    }\n\n    #dua-insights-v1-ar .read-link span { transition: transform .2s ease; }\n    #dua-insights-v1-ar .read-link:hover span,\n    #dua-insights-v1-ar .read-link:focus-visible span { transform: translateX(4px); }\n\n    #dua-insights-v1-ar .featured-visual {\n      position: relative;\n      min-width: 0;\n      padding: 28px;\n      border-left: 1px solid var(--line);\n      background:\n        radial-gradient(circle at 82% 18%, rgba(217,173,91,.15), transparent 25%),\n        linear-gradient(145deg, #111b29, #0b121c);\n      overflow: hidden;\n    }\n\n    #dua-insights-v1-ar .featured-image-shell {\n      position: relative;\n      height: 100%;\n      min-height: 444px;\n      border: 1px solid var(--line-strong);\n      border-radius: 22px;\n      background:\n        radial-gradient(circle at 65% 35%, rgba(217,173,91,.18), transparent 26%),\n        #0d1520;\n      box-shadow: 0 22px 60px rgba(0,0,0,.28);\n      overflow: hidden;\n    }\n\n    #dua-insights-v1-ar .featured-image-shell img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    #dua-insights-v1-ar .featured-placeholder {\n      position: absolute;\n      inset: 0;\n      display: grid;\n      place-items: center;\n      padding: 30px;\n    }\n\n    #dua-insights-v1-ar .editorial-map {\n      width: min(330px, 92%);\n      display: grid;\n      gap: 12px;\n    }\n\n    #dua-insights-v1-ar .editorial-map span {\n      display: block;\n      height: 48px;\n      border: 1px solid var(--line);\n      border-radius: 14px;\n      background: rgba(255,255,255,.025);\n    }\n\n    #dua-insights-v1-ar .editorial-map span:first-child {\n      width: 72%;\n      border-color: rgba(217,173,91,.26);\n      background: rgba(217,173,91,.07);\n    }\n\n    #dua-insights-v1-ar .editorial-map span:nth-child(2) { width: 100%; }\n    #dua-insights-v1-ar .editorial-map span:nth-child(3) { width: 86%; }\n    #dua-insights-v1-ar .editorial-map span:nth-child(4) { width: 58%; }\n\n    #dua-insights-v1-ar .empty-featured .featured-copy h3 { max-width: 560px; }\n\n    \/* ARTICLES *\/\n    #dua-insights-v1-ar .articles-section {\n      padding: 98px 0 120px;\n      border-top: 1px solid var(--line);\n      background: var(--bg-2);\n    }\n\n    #dua-insights-v1-ar .filters-wrap {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-end;\n      gap: 8px;\n    }\n\n    #dua-insights-v1-ar .filter-btn {\n      min-height: 41px;\n      padding: 0 15px;\n      border: 1px solid var(--line);\n      border-radius: 999px;\n      color: #cbd3df;\n      background: rgba(255,255,255,.025);\n      font-size: 12px;\n      font-weight: 800;\n      cursor: pointer;\n      transition: border-color .2s ease, color .2s ease, background .2s ease;\n    }\n\n    #dua-insights-v1-ar .filter-btn:hover,\n    #dua-insights-v1-ar .filter-btn:focus-visible,\n    #dua-insights-v1-ar .filter-btn.active {\n      color: #17120a;\n      border-color: transparent;\n      background: linear-gradient(135deg, var(--gold-2), var(--gold));\n    }\n\n    #dua-insights-v1-ar .articles-status {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 20px;\n      margin-bottom: 25px;\n      padding-bottom: 18px;\n      border-bottom: 1px solid var(--line);\n      color: var(--muted);\n      font-size: 12px;\n    }\n\n    #dua-insights-v1-ar .articles-status strong { color: var(--soft); }\n\n    #dua-insights-v1-ar .articles-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 22px;\n    }\n\n    #dua-insights-v1-ar .article-card {\n      min-width: 0;\n      border: 1px solid var(--line);\n      border-radius: 22px;\n      background: rgba(255,255,255,.022);\n      overflow: hidden;\n      transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;\n    }\n\n    #dua-insights-v1-ar .article-card:hover {\n      transform: translateY(-4px);\n      border-color: rgba(217,173,91,.28);\n      box-shadow: 0 20px 55px rgba(0,0,0,.16);\n    }\n\n    #dua-insights-v1-ar .article-card.hidden { display: none; }\n\n    #dua-insights-v1-ar .article-card a {\n      display: flex;\n      height: 100%;\n      flex-direction: column;\n    }\n\n    #dua-insights-v1-ar .article-image {\n      position: relative;\n      min-height: 210px;\n      border-bottom: 1px solid var(--line);\n      background:\n        radial-gradient(circle at 75% 20%, rgba(217,173,91,.14), transparent 28%),\n        linear-gradient(145deg, #111b29, #0b121c);\n      overflow: hidden;\n    }\n\n    #dua-insights-v1-ar .article-image img {\n      width: 100%;\n      height: 100%;\n      min-height: 210px;\n      object-fit: cover;\n    }\n\n    #dua-insights-v1-ar .article-image-fallback {\n      position: absolute;\n      inset: 0;\n      display: grid;\n      place-items: center;\n    }\n\n    #dua-insights-v1-ar .fallback-mark {\n      display: grid;\n      place-items: center;\n      width: 92px;\n      height: 92px;\n      border: 1px solid rgba(217,173,91,.30);\n      border-radius: 24px;\n      color: var(--gold-2);\n      background: rgba(217,173,91,.06);\n      box-shadow: 0 0 50px rgba(217,173,91,.08);\n      font-size: 13px;\n      font-weight: 900;\n      letter-spacing: .08em;\n      transform: rotate(45deg);\n    }\n\n    #dua-insights-v1-ar .fallback-mark span { transform: rotate(-45deg); }\n\n    #dua-insights-v1-ar .article-body {\n      display: flex;\n      flex: 1;\n      flex-direction: column;\n      padding: 23px;\n    }\n\n    #dua-insights-v1-ar .article-topic {\n      display: inline-flex;\n      width: fit-content;\n      margin-bottom: 14px;\n      padding: 5px 8px;\n      border: 1px solid rgba(217,173,91,.18);\n      border-radius: 999px;\n      color: #dfcfad;\n      background: rgba(217,173,91,.035);\n      font-size: 9px;\n      font-weight: 800;\n      letter-spacing: .08em;\n      text-transform: uppercase;\n    }\n\n    #dua-insights-v1-ar .article-body h3 {\n      margin-bottom: 12px;\n      font-size: 22px;\n      line-height: 1.14;\n      letter-spacing: -.025em;\n    }\n\n    #dua-insights-v1-ar .article-excerpt {\n      margin-bottom: 22px;\n      color: var(--muted);\n      font-size: 13px;\n    }\n\n    #dua-insights-v1-ar .article-card-meta {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 7px 10px;\n      margin-top: auto;\n      padding-top: 16px;\n      border-top: 1px solid var(--line);\n      color: #8794a6;\n      font-size: 10px;\n      font-weight: 700;\n    }\n\n    #dua-insights-v1-ar .article-card-meta span + span::before {\n      content: '\u2022';\n      margin-right: 10px;\n      color: rgba(255,255,255,.22);\n    }\n\n    #dua-insights-v1-ar .articles-empty {\n      display: none;\n      padding: 48px 26px;\n      border: 1px dashed rgba(217,173,91,.22);\n      border-radius: 22px;\n      color: var(--muted);\n      background: rgba(217,173,91,.025);\n      text-align: center;\n    }\n\n    #dua-insights-v1-ar .articles-empty.show { display: block; }\n    #dua-insights-v1-ar .articles-empty strong { display: block; margin-bottom: 7px; color: #fff; font-size: 16px; }\n\n    #dua-insights-v1-ar .load-more-wrap {\n      display: none;\n      justify-content: center;\n      margin-top: 34px;\n    }\n\n    #dua-insights-v1-ar .load-more-wrap.show { display: flex; }\n\n    #dua-insights-v1-ar .loading-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 22px;\n    }\n\n    #dua-insights-v1-ar .skeleton-card {\n      min-height: 390px;\n      border: 1px solid var(--line);\n      border-radius: 22px;\n      background:\n        linear-gradient(100deg, rgba(255,255,255,.018) 20%, rgba(255,255,255,.05) 36%, rgba(255,255,255,.018) 52%),\n        rgba(255,255,255,.018);\n      background-size: 200% 100%;\n      animation: dua-insights-shimmer 1.4s linear infinite;\n    }\n\n    @keyframes dua-insights-shimmer {\n      to { background-position-x: -200%; }\n    }\n\n    \/* CONTENT SYSTEM *\/\n    #dua-insights-v1-ar .system-section {\n      padding: 110px 0;\n      border-top: 1px solid var(--line);\n      background: var(--bg);\n    }\n\n    #dua-insights-v1-ar .system-grid {\n      display: grid;\n      grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\n      gap: 62px;\n      align-items: center;\n    }\n\n    #dua-insights-v1-ar .system-copy p {\n      max-width: 620px;\n      margin-bottom: 0;\n      color: var(--muted);\n      font-size: 16px;\n    }\n\n    #dua-insights-v1-ar .system-flow {\n      position: relative;\n      padding: 24px;\n      border: 1px solid var(--line-strong);\n      border-radius: 28px;\n      background:\n        linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(255,255,255,.026) 1px, transparent 1px),\n        #0b111a;\n      background-size: 26px 26px;\n      box-shadow: var(--shadow);\n    }\n\n    #dua-insights-v1-ar .flow-row {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 12px;\n    }\n\n    #dua-insights-v1-ar .flow-node {\n      position: relative;\n      min-height: 122px;\n      padding: 17px 15px;\n      border: 1px solid var(--line);\n      border-radius: 15px;\n      background: rgba(20,29,42,.95);\n    }\n\n    #dua-insights-v1-ar .flow-node:not(:last-child)::after {\n      content: '\u2192';\n      position: absolute;\n      right: -12px;\n      top: 50%;\n      z-index: 3;\n      width: 24px;\n      color: var(--gold);\n      text-align: center;\n      transform: translateY(-50%);\n      font-size: 14px;\n      font-weight: 900;\n    }\n\n    #dua-insights-v1-ar .flow-node span {\n      display: grid;\n      place-items: center;\n      width: 32px;\n      height: 32px;\n      margin-bottom: 14px;\n      border-radius: 9px;\n      color: #17120a;\n      background: linear-gradient(135deg, var(--gold-2), var(--gold));\n      font-size: 8px;\n      font-weight: 900;\n    }\n\n    #dua-insights-v1-ar .flow-node b {\n      display: block;\n      margin-bottom: 4px;\n      color: #fff;\n      font-size: 11px;\n    }\n\n    #dua-insights-v1-ar .flow-node small {\n      color: var(--muted);\n      font-size: 9px;\n      line-height: 1.35;\n    }\n\n    \/* CTA *\/\n    #dua-insights-v1-ar .cta-section {\n      padding: 105px 0;\n      border-top: 1px solid var(--line);\n      border-bottom: 1px solid var(--line);\n      background:\n        radial-gradient(circle at 82% 30%, rgba(217,173,91,.13), transparent 25%),\n        var(--bg-2);\n    }\n\n    #dua-insights-v1-ar .cta-box {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) auto;\n      gap: 40px;\n      align-items: end;\n      padding: 44px;\n      border: 1px solid var(--line-strong);\n      border-radius: 30px;\n      background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));\n      box-shadow: var(--shadow);\n    }\n\n    #dua-insights-v1-ar .cta-box h2 {\n      max-width: 750px;\n      margin-bottom: 14px;\n    }\n\n    #dua-insights-v1-ar .cta-box p {\n      max-width: 680px;\n      margin-bottom: 0;\n      color: var(--muted);\n      font-size: 16px;\n    }\n\n    \/* FOOTER *\/\n    #dua-insights-v1-ar .footer {\n      border-top: 1px solid var(--line);\n      background: #070b12;\n    }\n\n    #dua-insights-v1-ar .footer-inner {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 30px;\n      min-height: 105px;\n    }\n\n    #dua-insights-v1-ar .footer-copy { display: grid; gap: 4px; }\n    #dua-insights-v1-ar .footer-copy strong { font-size: 13px; }\n    #dua-insights-v1-ar .footer-copy span { color: var(--muted); font-size: 12px; }\n\n    #dua-insights-v1-ar .footer-links {\n      display: flex;\n      flex-wrap: wrap;\n      justify-content: flex-end;\n      gap: 22px;\n      color: var(--muted);\n      font-size: 11px;\n      font-weight: 700;\n    }\n\n    #dua-insights-v1-ar .footer-links a:hover,\n    #dua-insights-v1-ar .footer-links a:focus-visible { color: #fff; }\n\n    @media (max-width: 1080px) {\n      #dua-insights-v1-ar .nav,\n      #dua-insights-v1-ar .topbar-cta { display: none; }\n      #dua-insights-v1-ar .topbar { grid-template-columns: 1fr auto; }\n      #dua-insights-v1-ar .mobile-menu-toggle { display: flex; }\n\n      #dua-insights-v1-ar .hero-grid { grid-template-columns: 1fr; gap: 56px; }\n      #dua-insights-v1-ar .knowledge-board { width: min(680px, 100%); min-height: auto; transform: none; }\n\n      #dua-insights-v1-ar .featured-card { grid-template-columns: 1fr; }\n      #dua-insights-v1-ar .featured-visual { border-left: 0; border-top: 1px solid var(--line); }\n      #dua-insights-v1-ar .featured-image-shell { min-height: 360px; }\n\n      #dua-insights-v1-ar .articles-grid,\n      #dua-insights-v1-ar .loading-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n      #dua-insights-v1-ar .system-grid { grid-template-columns: 1fr; }\n      #dua-insights-v1-ar .cta-box { grid-template-columns: 1fr; align-items: start; }\n    }\n\n    @media (max-width: 767px) {\n      #dua-insights-v1-ar .shell { width: min(100% - 28px, 1180px); }\n      #dua-insights-v1-ar .topbar-wrap { padding-top: 10px; }\n      #dua-insights-v1-ar .topbar { min-height: 62px; border-radius: 17px; padding: 0 11px; }\n      #dua-insights-v1-ar .brand-mark { width: 34px; height: 34px; flex-basis: 34px; }\n\n      #dua-insights-v1-ar .hero { min-height: auto; padding: 78px 0 75px; }\n      #dua-insights-v1-ar .hero::before { top: 76px; font-size: 112px; right: -28px; }\n      #dua-insights-v1-ar h1 { font-size: clamp(43px, 15vw, 62px); }\n      #dua-insights-v1-ar h2 { font-size: clamp(34px, 11vw, 48px); }\n      #dua-insights-v1-ar .lead { font-size: 16px; }\n      #dua-insights-v1-ar .btn-row { display: grid; }\n      #dua-insights-v1-ar .btn { width: 100%; }\n\n      #dua-insights-v1-ar .knowledge-board { padding: 13px; border-radius: 22px; }\n      #dua-insights-v1-ar .topic-row { grid-template-columns: 40px 1fr; }\n      #dua-insights-v1-ar .topic-status { grid-column: 2; width: fit-content; }\n\n      #dua-insights-v1-ar .featured-section { padding: 78px 0 72px; }\n      #dua-insights-v1-ar .section-head { grid-template-columns: 1fr; align-items: start; margin-bottom: 32px; }\n      #dua-insights-v1-ar .featured-card { border-radius: 23px; }\n      #dua-insights-v1-ar .featured-copy { padding: 31px 21px 34px; }\n      #dua-insights-v1-ar .featured-visual { padding: 17px; }\n      #dua-insights-v1-ar .featured-image-shell { min-height: 280px; border-radius: 17px; }\n      #dua-insights-v1-ar .article-meta span + span::before { display: none; }\n\n      #dua-insights-v1-ar .articles-section { padding: 74px 0 86px; }\n      #dua-insights-v1-ar .filters-wrap { justify-content: flex-start; }\n      #dua-insights-v1-ar .articles-status { align-items: flex-start; flex-direction: column; gap: 5px; }\n      #dua-insights-v1-ar .articles-grid,\n      #dua-insights-v1-ar .loading-grid { grid-template-columns: 1fr; }\n      #dua-insights-v1-ar .article-image,\n      #dua-insights-v1-ar .article-image img { min-height: 205px; }\n\n      #dua-insights-v1-ar .system-section { padding: 80px 0; }\n      #dua-insights-v1-ar .system-flow { padding: 16px; border-radius: 22px; }\n      #dua-insights-v1-ar .flow-row { grid-template-columns: 1fr; }\n      #dua-insights-v1-ar .flow-node { min-height: auto; }\n      #dua-insights-v1-ar .flow-node:not(:last-child)::after {\n        content: '\u2193';\n        right: auto;\n        left: 50%;\n        top: auto;\n        bottom: -14px;\n        transform: translateX(-50%);\n      }\n\n      #dua-insights-v1-ar .cta-section { padding: 78px 0; }\n      #dua-insights-v1-ar .cta-box { padding: 28px 21px; border-radius: 23px; }\n\n      #dua-insights-v1-ar .footer-inner {\n        flex-direction: column;\n        align-items: flex-start;\n        padding: 28px 0;\n      }\n      #dua-insights-v1-ar .footer-links { justify-content: flex-start; gap: 16px; }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      html { scroll-behavior: auto; }\n      #dua-insights-v1-ar *,\n      #dua-insights-v1-ar *::before,\n      #dua-insights-v1-ar *::after {\n        animation-duration: .01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: .01ms !important;\n      }\n      #dua-insights-v1-ar .reveal { opacity: 1; transform: none; }\n    }\n\n    \/* =========================================================\n       INSIGHTS ARABIC \u2014 RTL + NOTO KUFI\n       ========================================================= *\/\n\n    body:has(#dua-insights-v1-ar),\n    body:has(#dua-insights-v1-ar) #page,\n    body:has(#dua-insights-v1-ar) .site,\n    body:has(#dua-insights-v1-ar) main,\n    body:has(#dua-insights-v1-ar) .site-main,\n    body:has(#dua-insights-v1-ar) .content-area,\n    body:has(#dua-insights-v1-ar) .entry-content,\n    body:has(#dua-insights-v1-ar) .elementor,\n    body:has(#dua-insights-v1-ar) .elementor-element,\n    body:has(#dua-insights-v1-ar) .elementor-widget-container,\n    body:has(#dua-insights-v1-ar) .e-con,\n    body:has(#dua-insights-v1-ar) .e-con-inner {\n      direction: ltr !important;\n    }\n\n    body:has(#dua-insights-v1-ar) {\n      overflow-x: clip !important;\n    }\n\n    #dua-insights-v1-ar {\n      direction: rtl !important;\n      width: 100vw !important;\n      max-width: none !important;\n      left: 50% !important;\n      right: auto !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n      transform: translateX(-50%) !important;\n      font-family: 'Noto Kufi Arabic','Manrope',Arial,sans-serif !important;\n    }\n\n    #dua-insights-v1-ar,\n    #dua-insights-v1-ar * {\n      font-family: 'Noto Kufi Arabic','Manrope',Arial,sans-serif !important;\n    }\n\n    #dua-insights-v1-ar :is(h1,h2,h3,h4) {\n      direction: rtl !important;\n      text-align: right !important;\n      letter-spacing: 0 !important;\n      font-weight: 700 !important;\n    }\n\n    #dua-insights-v1-ar h1 {\n      font-size: clamp(46px,5.9vw,78px) !important;\n      line-height: 1.28 !important;\n    }\n\n    #dua-insights-v1-ar h2 { line-height: 1.38 !important; }\n    #dua-insights-v1-ar h3 { line-height: 1.44 !important; }\n\n    #dua-insights-v1-ar :is(\n      p,.lead,.featured-excerpt,.article-excerpt,.section-head-copy p,\n      .system-copy p,.cta-box p,.topic-copy,.article-body,.featured-copy\n    ) {\n      direction: rtl !important;\n      text-align: right !important;\n      line-height: 1.95 !important;\n      letter-spacing: 0 !important;\n    }\n\n    #dua-insights-v1-ar :is(\n      .shell,.topbar,.hero-grid,.knowledge-board,.topic-stack,.topic-row,\n      .section-head,.featured-card,.featured-copy,.articles-status,\n      .articles-grid,.system-grid,.system-flow,.flow-row,.cta-box,.footer-inner\n    ) {\n      direction: rtl !important;\n    }\n\n    #dua-insights-v1-ar .eyebrow,\n    #dua-insights-v1-ar .featured-kicker,\n    #dua-insights-v1-ar .article-topic,\n    #dua-insights-v1-ar .live-label,\n    #dua-insights-v1-ar .topic-status {\n      direction: rtl !important;\n      text-align: right !important;\n      letter-spacing: .02em !important;\n      text-transform: none !important;\n      line-height: 1.8 !important;\n    }\n\n    #dua-insights-v1-ar .eyebrow::before { order: 2; }\n\n    #dua-insights-v1-ar .brand,\n    #dua-insights-v1-ar .brand *,\n    #dua-insights-v1-ar :is(.topic-icon,.fallback-mark,.flow-node > span) {\n      direction: ltr !important;\n      font-family: 'Manrope','Noto Kufi Arabic',Arial,sans-serif !important;\n    }\n\n    #dua-insights-v1-ar .brand { direction: ltr !important; }\n\n    #dua-insights-v1-ar .nav,\n    #dua-insights-v1-ar .mobile-nav,\n    #dua-insights-v1-ar .filters-wrap,\n    #dua-insights-v1-ar .btn-row,\n    #dua-insights-v1-ar .article-meta,\n    #dua-insights-v1-ar .article-card-meta,\n    #dua-insights-v1-ar .footer-links {\n      direction: rtl !important;\n    }\n\n    #dua-insights-v1-ar .mobile-nav { text-align: right !important; }\n\n    #dua-insights-v1-ar .skip-link {\n      left: auto !important;\n      right: 18px !important;\n    }\n\n    #dua-insights-v1-ar .featured-visual {\n      border-left: 0 !important;\n      border-right: 1px solid var(--line) !important;\n    }\n\n    #dua-insights-v1-ar .article-meta span + span::before,\n    #dua-insights-v1-ar .article-card-meta span + span::before {\n      margin-right: 0 !important;\n      margin-left: 10px !important;\n    }\n\n    #dua-insights-v1-ar .read-link {\n      direction: rtl !important;\n    }\n\n    #dua-insights-v1-ar .read-link:hover span,\n    #dua-insights-v1-ar .read-link:focus-visible span {\n      transform: translateX(-4px);\n    }\n\n    #dua-insights-v1-ar .flow-node:not(:last-child)::after {\n      content: '\u2190' !important;\n      right: auto !important;\n      left: -12px !important;\n    }\n\n    #dua-insights-v1-ar .footer-copy {\n      direction: rtl !important;\n      text-align: right !important;\n    }\n\n    #dua-insights-v1-ar .footer-links {\n      justify-content: flex-start !important;\n    }\n\n    @media (max-width: 1050px) {\n      #dua-insights-v1-ar .topbar {\n        display: flex !important;\n        flex-direction: row !important;\n        align-items: center !important;\n        justify-content: space-between !important;\n        gap: 14px !important;\n        min-height: 64px !important;\n        padding: 0 12px !important;\n      }\n\n      #dua-insights-v1-ar .nav,\n      #dua-insights-v1-ar .topbar-cta {\n        display: none !important;\n      }\n\n      #dua-insights-v1-ar .brand {\n        order: 1 !important;\n        margin: 0 !important;\n      }\n\n      #dua-insights-v1-ar .mobile-menu-toggle {\n        order: 2 !important;\n        display: flex !important;\n        flex: 0 0 43px !important;\n        margin: 0 !important;\n      }\n\n      #dua-insights-v1-ar .mobile-nav.open {\n        display: grid !important;\n      }\n\n      #dua-insights-v1-ar .featured-visual {\n        border-right: 0 !important;\n        border-top: 1px solid var(--line) !important;\n      }\n    }\n\n    @media (max-width: 700px) {\n      #dua-insights-v1-ar {\n        width: 100vw !important;\n        left: 50% !important;\n        transform: translateX(-50%) !important;\n      }\n\n      #dua-insights-v1-ar h1 {\n        font-size: clamp(38px,10.5vw,52px) !important;\n        line-height: 1.32 !important;\n      }\n\n      #dua-insights-v1-ar .topbar-wrap { padding-top: 10px !important; }\n      #dua-insights-v1-ar .topbar {\n        min-height: 60px !important;\n        padding: 0 10px !important;\n        border-radius: 16px !important;\n      }\n\n      #dua-insights-v1-ar .brand-mark {\n        width: 34px !important;\n        height: 34px !important;\n        flex-basis: 34px !important;\n      }\n\n      #dua-insights-v1-ar .mobile-menu-toggle {\n        width: 40px !important;\n        height: 40px !important;\n        flex-basis: 40px !important;\n      }\n\n      #dua-insights-v1-ar .mobile-nav {\n        top: calc(100% + 8px) !important;\n        left: 0 !important;\n        right: 0 !important;\n      }\n\n      #dua-insights-v1-ar .filters-wrap {\n        justify-content: flex-start !important;\n      }\n\n      #dua-insights-v1-ar .flow-node:not(:last-child)::after {\n        content: '\u2193' !important;\n        left: 50% !important;\n        right: auto !important;\n      }\n    }\n\n\n    \/* Article-driven sections stay invisible until published posts exist. *\/\n    #dua-insights-v1 .featured-section[hidden],\n    #dua-insights-v1 .articles-section[hidden],\n    #dua-insights-v1-ar .featured-section[hidden],\n    #dua-insights-v1-ar .articles-section[hidden] {\n      display: none !important;\n    }\n\n  <\/style>\n\n  <a class=\"skip-link\" href=\"#dua-insights-main-ar\">\u062a\u062e\u0637\u064a \u0625\u0644\u0649 \u0627\u0644\u0645\u062d\u062a\u0648\u0649<\/a>\n\n  <div class=\"topbar-wrap\">\n    <div class=\"shell\">\n      <header class=\"topbar\">\n        <a class=\"brand\" href=\"https:\/\/www.duaessam.com\/ar\/\" aria-label=\"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 \u0644\u0640 DUA SYSTEMS\">\n          <span class=\"brand-mark\" aria-hidden=\"true\">\n            <img src=\"data:image\/webp;base64,UklGRpQQAABXRUJQVlA4IIgQAACwTwCdASoAAQABPjEWikMiISEWqZxgIAMEpu3rpN7fbv87+SvkScB6Z\/Vf2T\/qv7h9OvqV37\/JbMt\/DvzL\/R\/338h\/nP+qvsF\/Pf+x9wD9Iv9X\/YP8j+xPcz8wH66f8z\/F+8v\/jv9V\/QPcZ\/jPUA\/o3+W\/\/HYOfuN7AH7M+l3+2nwaftl+4HtBf\/nrAOo37L\/4bwG\/tn9u5Q32tzjX2D\/Nf1z6medHgBfjH8s\/zP5QflzyZoBPrH\/kf6x3x3oh4gH5YcclQA\/Qn\/M9l\/+N\/4n+L\/Mb2v\/m39x\/7v97\/ID7C\/5N\/X\/952CP3J9mL9g\/\/+bbgCzahPzHgfpYC7KxXrxXAFsUEYLPrC4WsSLDrWZGthP2sFe\/Tv66PoFln2IdAa1kQ9WeWWhvOHKQP0Cb0DA+GMb3g6GGn5SFkN9EmFXwbB9PG6cGL4\/PzMvpukCgjQXu3k6aH0YOBkufbV37eutB5oeR6e2ocUjlIdK6+0E9y\/yjPRqtdw0vSs0nc55\/Nrv6NebpCZWPsOuWBKlNsUiDNlqQN+gEqB7n86gfPNzFHorTsej6AqfHAAlta0GvgrWui7ob7B34NSZZsHhmcMJE+mk1iFwubdJ4fnykc+LmrzcAo+PijXU2TE6d8rgYBZKV2+oXjcrkASmGwlHNf5fTdQjPxVhITU6FFeknhTO1nr14ecib3L03wgTURfGvu3RWljoe0gITLwKZuf3P8TeGHzUIhjLGyFvayMvi0EgE\/3E3AA13Pa4qJKjMkU2ewCPuQ9vOlbQawHZt00ZetX\/GBpsJQwXOyhSOXkYlXAI6Nmi5VRymljRObHoykBYNRc5P\/q3D3IIRnXfvMu+zCvSKfFeOyIxAAP7\/mndWIcP6149CS0RRe9+POIMsY7nNFBF8tkucw2M2QvARmgktM7yJM+frk93MCyTooqFvNpc8Io50s\/skGCj5IpKiZ5ECrV7y3FoKP82FUFFlVzk0YrnXliG7+H+pSpZ5e9MfA2FE8zWiraJ0PCMG0Yc6zNcHcPieYtnyzz5JK1OFinrDSJ0qd8D\/ItyeSEBpFYvUjNTBtUOXZXVyxZe23\/bJKzzbBgzwyDyPIVxsNF8Gn614oBWqi8PLK9ZCmnPyH180h\/jorNgD7jttl\/Ug3h5BNC3ibDuIoTTmMmBtQ9ulkavYOidq9J1DXxMqOduY28ULxnwIXfs\/w294YwVGW4ChfnwPtsBs6RD3EPt\/8OeNfhUluHRbRFMJ1lT5AlATbJyOJ+ew0uP6u27ejoQ76FIcRfescnMX\/8YD6sbG0imfD8KAi7qX+cBh4mt5UelH\/pCskxK+kTO6nIdg487y3Qs1mZJK2p7p1qNMZC8oTQwPyqdZ2rW5l4RBMFKU5G8wvE\/YZENIQ9xNxe649h0rYBtFLRryxXnLeZVY5dQEJ2ZeDRm2yAMLzUDMv0nWpY\/nMVKLjmQqG0wKNr008X8+RquLpT5+OZMRG8isP7p3VE+UMrKc4SMPWl3e7UkdFj\/qSxXcJsnJVQ1RY45L\/\/iexZd2PrtuM1wrVtl1Xs\/+egJfkI8bSiII\/Dj2sAugvU6IQ008OtOOgEUYnWQCWXQIKDh6gO6Z5Q3V\/OA0G7yXBp2cdb2nE4\/BBRzL11F38u7T0QoWUVMANtXf1A0unrQuCKh3szHH+dhD9pK3JjmQq9nAz2+j1kmge9+B1fPgZYme\/Ilk6cnNMVFhihQtAxjntehDt8zFQs5lib03uI66V81foiwEiJ5bC\/ynx3NKUd8x37irMAMCg7H1nI8Q3Nv1A+z+55WMcrczP625SFZB4m2sr8vVYAVF\/LjOrGjvd7xkpc\/kzSwg0ZnGxrnIVcdGLCHpQrvFGpuihyuQ4k+KBURcQOjZ5+W1gIwn7ydoZLaEtT9MgR1f4\/89SmPtE4NHgGFNO3OFlkpRGzlF6\/8ND3E+PlJkuWGgT9p\/Y2GqQPzrzYZwLkcrKspR\/sTaCYPArJxvmx+74p3idX91ARaDRsFXqxTK6f6BBT6H\/QjZWG7pus1KIqn2cmtBxUuw9hWaipimB6KJZ\/mPqGwzAwFQrG9JEv\/WhPhcxNVtChClWAAGF6yj+3gmubMRazzaDNakyDdIBcESXCCxvl42MOSFHi0cNZSwPbE0miHNNMwBZEdax6PEcULWcG6w9r2P\/CbHH01EPzAktc2m3Ae8EnU5VraUkgli6gp7Jer+Ke8b3WqPLv4coCSloNC7tFCc\/j8\/gMAmWnmxVWCvTBxbQz2PBpW6BnsiYaTr6QybN0347Cz0eFKq9AS7XoYr4ImRHe3fZQqArBsvJB2gpjerkdzbTI9WwO7Uk5J9XY+X2J90s8uAzz2a2YTr0LIoIRixfXZ8rbkaxJYh1hYrK20Va6wFjQb\/2Yo2d98WijKUg3HGIQQxvW3WEUQwH9TIamL1pvjU7CeusJu4tX7AYMhTJvVbv0\/QzyaJ4wk1q+2ula1NarlzVK\/CggWOYwRf2G7\/VfPWvuKFT52G1yZ9ffid7iwdClLjIJO9cI9NbRzaMWSregBG3nni+UE7lizzHoZavxO1dDXehR6IhY4htSTrVdY+9ospGwclt500TuuEyd9XGFEkhCVXJBKohUj9HmvlPue5SxUIDNuqGzlkynxhAq6MB\/fYjA1FC+ZUnY6ZxBAqZzGDFXM5RMCteQWiAR6Rm\/f2f8x9lUQQW\/5jRlPDaBbwtQd+BpyPe9LueQdPCXzH0GGffbluK4ni0yhfh7m+ZRU2bDpCKpcnnggYgoQjceNzXRM9JYpj7sKhV6NVjjLm8yQGdFTq2YUIE5jhW9TDfsXPsjpr5bWB16zei0q571hIayeHEaiYHZHOts\/JWLxzeUUcNM\/\/6UlvjkDPIrhB\/lHXuqqd1fV1iV0yiUISzIFFOSoccdNlhQHmahRjO+DSEVZ09mzERNGZBdC6fjFFexvPgrsktKYun7jFwb7cWKeh8Cr3zlxgGtfJuT1+Sq62LVUUWaw+ab4B+a7\/e2sqK1PMoGEEv9HxC5wqxhNlVqa\/zuhU\/7UerUGx8+E7XlVtD3+BQaGZja\/FWCBfZHJAYut\/74wmBDAxL6pagLNWU59PTG1kfvPlgWSAV3wtRv6SiJtgh\/cmD1GeR7AaKHVtx\/aQTBFwyN3xIFC3\/3Y597RXgSYGXu9KcaWTKXIYzhteDM8wi9eOj5b0GqBtuFdCZMeYDnuy74htRMqEb2l7ixKXaMLN2ySMMOj65Cpl\/VOP8Pcy7jGwb5kJ5bKSBOGITjbcWz9Z\/oTl4o2jyid9LgoRGyXHzAKo1ZRBFEIcXYkoHWwB0AEC196GPqkU1EloHEeh+4L\/7mJuVAEEcdnEHDf1PKvf8C93KG8qIO\/h+CXyyN5OB\/iDU71xQNfKC1w2LbvNM9KyX+64\/BQNIiAV\/MpLwhyQDNs9b\/XNOhoiDogu9GWEHbwyg6onk0dSw0xYrwpuDU4Y4oLSOY0XQRLmHO8aoRX\/Q+YQoOTSG4OmV3MWb85cWlKXnUJZxyUveUVF6oAC2krg5WRuE0g\/ri52+iwTiaWLpi15raaDJeI51OT1Ew6bPip2nsh6N7dQEJw9wOMSPU+E5HDu2frfu3seTrRKrhhbApRoPQgXudZnURQFfyTUGNSy3hnYGNZHDzmCt9aNBAvCOxzKnbTVRbXOHTMe10fI5AdhdpfSC8aBAxsVqxp3cpvj3Ag56SnBnLW6pKL92TA\/H5goP2xWPuXZ7pb2KfQ+XpC7ytKWpgsnmckQIPyQQLnzAnNdn4y6Z253BfKCXqJmwp\/\/FadEtWR6cAqQURafF+GI6Lbb2QLfVnv402ayIZ7fCLYoNwv5z0L05CS37\/pxB0LMv1+LAyinJfoLwVb\/TY5U5hFYYc5MFQxMaZBikKncEeBHIstyQQKzayaUscVCP1nBnJfJIiZYZ1eOxuuF+hzmA6bsUYj8vRvDSFskfgZZsJzvHrs5BBIMYmqEl9Xpo554lT2TV4EHAEdsYeI9wx4XDSrQrM8Nzi6\/YEkWsSfdQxyeoXGE0M86FOmAvVrqE6ex+lXDIRfxYoUiykhlDNdrxJQgM+uXfFxmlDz7nffkJGQjD1eYwZB0x132rU2Iegr3CqcFI\/p4QB+BID7VFQQOrXT+tOuniKVOq\/RNbaTxQgKvvOXQmIBgwGk2HQSrxY48u7BIm81KMVXVLI6ilsP0FOOyWLQlBPiIoR6bALnFbYJEjgnBnCCxL+f5rzcU0D\/pikt+Jhb\/E\/V3cRXCoFCpyKd5VwSvpcK9FDM7sNMvxXL9hBRZCaDwWYtJcZoAvrDoCc\/jbZdBGPDDHtmQf+H7SYh0iV0EkCuG5Ib0oa4QhdezjFBPnT\/v+Bd0y4VSN7KuAwBcvor1GRMWszoirflqaJsV7UYSawldeq+WMpt2CpP\/EzlgazYwYAULMyO\/DIcklroyUpr76vJynZDrOVYKzEDK6w1Nue6B6Fhdny3XVfZXmC2hlMUGyTs4IDPOsM0Nrbum7Zz\/\/xIvkfhYD8YdaQe\/pdyNNP83D7RF4DwIzCiBiEDrPHybtSADw\/5ids\/VWyeNp4V2o1vgxTJyoEJ6fxgzn+Jb7m673s2UzsmUH8JfjCsEOcGL3IYnDbdteMK9LEjrVakksd28fspN0VgvAskyYoqQigM6FBjDmdPjiL5bVCHtwptYvQ98j2ZIv00nOuRrg7cPV5sxeGm4EDcUXU48hM6SyG6LqDK32htkj74K9Vfj5aiJXzy5w3UKjs8ICT+64FTmNcqxXugs6AF6oakDJ4iYaJLDFyZ94BGAKPZoYzmRJwjQuvFrxNKxSEnd3Bti2JmQqNoAdc1SupnVUtu6ANRlWZc3Qsfp8w5AZQFyGOO3oFcNjmMgYaZGfApSd8BwVJPi1RUl0oISFHcg+HJu0TAbcranndSzUM6Ymu8H1CVrvLjAHHc99OVo1ThnuTIdMRFwjeOahbQWgyBu9b0UFFiVvqbNyBl4DM9Q1xv50cPIHo6gxDm5KUxbz9TgwDyrlYWvRq\/wCNfNRZO6T5Aapj7aDgacqC1paXHZXfl5whhbu08aZgNYZXBGkuY+zgpfC\/J60coLd85k8TpBW9tWmz\/v\/UgZ2MCm6YFsx94po2ox3pPyjBnEjk2srRSpmhZTrwR1DJaekC935nezwpWTaGs\/CCBxMjKoajInMs3wX9MTH1djkOVtDHgEyByEpj29mMJu4V2lhYlGerNx+shDHwstTjFKp86w8jLNB7abwqJV8hUsfthpsx\/OGr4GfVYofUu1aG3W911\/nLtpFUIKRg9APKbPV37y17LOyr\/bnBXy8nGJ0KqieS96hXn07D53k+AebChczGYmrRtprlSJH6vmndxS\/ndO1VKTFmDXtN0EdnKiR5MLOmtrY+cqapuj5D1M\/gANcc0fQoVR1Fzn0CLR7Eps4xHj8i9oigup5eOjXkVi7B\/x+uczHO8uUwJCxdQFj6kLMGU\/RyhrBI6bzjVSiND9ifc9GTMtLfESXb2W0tAHeaqaT76+L0ZQBuwFG9YUi7U7TePSwvWUMorGvTdJVEPETD5pvSaqoTY1dRAfHiUf2aE8CUtwbR\/jpVNg0YZigpMlUxQkakYdG3e4aOLZnF\/lXP72NooDD9H2TF+qWEmN2zZW5IMc\/WB5JDLKIodItuaAAA==\" alt=\"\" width=\"38\" height=\"38\" decoding=\"async\">\n          <\/span>\n          <span>DUA SYSTEMS<\/span>\n        <\/a>\n\n        <nav class=\"nav\" aria-label=\"\u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\">\n          <a href=\"https:\/\/www.duaessam.com\/ar\/wordpress\/\">\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/automation\/\">\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/work\/\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/insights\/\" aria-current=\"page\">\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/about\/\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n        <\/nav>\n\n        <a class=\"btn btn-primary topbar-cta\" href=\"https:\/\/www.duaessam.com\/ar\/start-a-project-email\/\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\n\n        <button\n          class=\"mobile-menu-toggle\"\n          type=\"button\"\n          aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\"\n          aria-expanded=\"false\"\n          aria-controls=\"dua-insights-v1-ar-mobile-nav-ar\"\n        >\n          <span><\/span><span><\/span><span><\/span>\n        <\/button>\n\n        <nav id=\"dua-insights-v1-ar-mobile-nav-ar\" class=\"mobile-nav\" aria-label=\"\u062a\u0646\u0642\u0644 \u0627\u0644\u0645\u0648\u0628\u0627\u064a\u0644\">\n          <a href=\"https:\/\/www.duaessam.com\/ar\/wordpress\/\">\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/automation\/\">\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/work\/\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/insights\/\" aria-current=\"page\">\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/about\/\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n          <a class=\"mobile-nav-cta\" href=\"https:\/\/www.duaessam.com\/ar\/start-a-project-email\/\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\n        <\/nav>\n      <\/header>\n    <\/div>\n  <\/div>\n\n  <main id=\"dua-insights-main-ar\" tabindex=\"-1\">\n    <section class=\"hero\">\n      <div class=\"shell hero-grid\">\n        <div class=\"reveal\">\n          <div class=\"eyebrow\">\u0645\u0642\u0627\u0644\u0627\u062a DUA<\/div>\n          <h1>\u0623\u0641\u0643\u0627\u0631 \u0623\u0648\u0636\u062d \u0644\u0628\u0646\u0627\u0621 <span class=\"gold\">\u0623\u0646\u0638\u0645\u0629 \u0631\u0642\u0645\u064a\u0629 \u0623\u0641\u0636\u0644.<\/span><\/h1>\n          <p class=\"lead\">\u0631\u0624\u0649 \u0639\u0645\u0644\u064a\u0629 \u062d\u0648\u0644 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629\u060c \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0648\u0627\u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u064a \u062a\u062c\u0639\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0623\u0643\u062b\u0631 \u0633\u0644\u0627\u0633\u0629 \u2014 \u0644\u0645\u0633\u0627\u0639\u062f\u0629 \u0627\u0644\u0641\u0631\u0642 \u0639\u0644\u0649 \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631\u0627\u062a \u0631\u0642\u0645\u064a\u0629 \u0623\u0641\u0636\u0644.<\/p>\n\n          <div class=\"btn-row\">\n            <a class=\"btn btn-primary\" href=\"#latest-insights\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n            <a class=\"btn btn-secondary\" href=\"https:\/\/www.duaessam.com\/ar\/start-a-project-email\/\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\n          <\/div>\n\n          <div class=\"hero-note\"><i><\/i><span>\u0627\u0644\u0641\u0627\u0626\u062f\u0629 \u0623\u0648\u0644\u064b\u0627: \u0628\u062f\u0648\u0646 \u062d\u0634\u0648\u060c \u0623\u0648 \u0645\u0644\u0627\u062d\u0642\u0629 \u0644\u0644\u062a\u0631\u0646\u062f\u060c \u0623\u0648 \u0645\u062d\u062a\u0648\u0649 \u0645\u0643\u062a\u0648\u0628 \u0641\u0642\u0637 \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b.<\/span><\/div>\n        <\/div>\n\n        <div class=\"knowledge-board reveal\" aria-hidden=\"true\">\n          <div class=\"board-top\"><span>\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u0645\u0639\u0631\u0641\u0629<\/span><span id=\"dua-insights-hero-count\">\u062c\u0627\u0647\u0632 \u0644\u0644\u0646\u0634\u0631<\/span><\/div>\n          <div class=\"topic-stack\">\n            <div class=\"topic-row\">\n              <div class=\"topic-icon\">WEB<\/div>\n              <div class=\"topic-copy\"><strong>\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/strong><span>\u0627\u0644\u0623\u062f\u0627\u0621\u060c \u0633\u0647\u0648\u0644\u0629 \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u060c \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u060c \u0648\u0627\u0644\u0628\u0646\u064a\u0629<\/span><\/div>\n              <span class=\"topic-status\">\u0628\u0646\u0627\u0621<\/span>\n            <\/div>\n            <div class=\"topic-row\">\n              <div class=\"topic-icon\">AUT<\/div>\n              <div class=\"topic-copy\"><strong>\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/strong><span>\u062a\u0642\u0644\u064a\u0644 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u0645\u062a\u0643\u0631\u0631 \u0648\u0631\u0628\u0637 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a<\/span><\/div>\n              <span class=\"topic-status\">\u0631\u0628\u0637<\/span>\n            <\/div>\n            <div class=\"topic-row\">\n              <div class=\"topic-icon\">AI<\/div>\n              <div class=\"topic-copy\"><strong>\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u0644\u0623\u0639\u0645\u0627\u0644<\/strong><span>\u0627\u0633\u062a\u062e\u062f\u0627\u0645\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u0636\u062c\u0629<\/span><\/div>\n              <span class=\"topic-status\">\u062a\u0637\u0628\u064a\u0642<\/span>\n            <\/div>\n            <div class=\"topic-row\">\n              <div class=\"topic-icon\">SYS<\/div>\n              <div class=\"topic-copy\"><strong>\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644<\/strong><span>\u062c\u0639\u0644 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u062a\u0639\u0645\u0644 \u0645\u0639\u064b\u0627 \u062d\u0648\u0644 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062d\u0642\u064a\u0642\u064a<\/span><\/div>\n              <span class=\"topic-status\">\u062a\u062d\u0633\u064a\u0646<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"featured-section\" id=\"dua-insights-featured-section\" hidden>\n      <div class=\"shell\">\n        <div class=\"section-head reveal\">\n          <div class=\"section-head-copy\">\n            <div class=\"eyebrow\">\u0627\u0644\u0645\u0642\u0627\u0644 \u0627\u0644\u0645\u0645\u064a\u0632<\/div>\n            <h2>\u0627\u0628\u062f\u0623 \u0628\u0627\u0644\u0641\u0643\u0631\u0629 <span class=\"gold\">\u0627\u0644\u0623\u0643\u062b\u0631 \u0641\u0627\u0626\u062f\u0629.<\/span><\/h2>\n            <p>\u064a\u0638\u0647\u0631 \u0623\u062d\u062f\u062b \u0645\u0642\u0627\u0644 \u0645\u0646\u0634\u0648\u0631 \u0647\u0646\u0627 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627\u060c \u0644\u062a\u0638\u0644 \u0627\u0644\u0635\u0641\u062d\u0629 \u0645\u062d\u062f\u062b\u0629 \u0645\u0646 \u063a\u064a\u0631 \u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0643\u0644 \u0645\u0631\u0629 \u064a\u062a\u0645 \u0641\u064a\u0647\u0627 \u0646\u0634\u0631 \u0645\u0642\u0627\u0644 \u062c\u062f\u064a\u062f.<\/p>\n          <\/div>\n          <span class=\"live-label\" id=\"dua-insights-live-label\">\u0645\u062a\u0635\u0644 \u0628\u0645\u0642\u0627\u0644\u0627\u062a WordPress<\/span>\n        <\/div>\n\n        <article class=\"featured-card empty-featured reveal\" id=\"dua-insights-featured\">\n          <div class=\"featured-copy\">\n            <span class=\"featured-kicker\" id=\"dua-featured-topic\">\u0646\u0638\u0627\u0645 \u0627\u0644\u0646\u0634\u0631 \u062c\u0627\u0647\u0632<\/span>\n            <h3 id=\"dua-featured-title\">\u0633\u064a\u0638\u0647\u0631 \u0623\u0648\u0644 \u0645\u0642\u0627\u0644 \u0645\u0646 DUA SYSTEMS \u0641\u064a \u0647\u0630\u0627 \u0627\u0644\u0645\u0643\u0627\u0646.<\/h3>\n            <p class=\"featured-excerpt\" id=\"dua-featured-excerpt\">\u0628\u0645\u062c\u0631\u062f \u0646\u0634\u0631 \u0645\u0642\u0627\u0644 \u0648\u0625\u0633\u0646\u0627\u062f\u0647 \u0625\u0644\u0649 \u062a\u0635\u0646\u064a\u0641 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0633\u064a\u0639\u0631\u0636 \u0647\u0630\u0627 \u0627\u0644\u0642\u0633\u0645 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0627\u0644\u0639\u0646\u0648\u0627\u0646\u060c \u0648\u0627\u0644\u0645\u0642\u062a\u0637\u0641\u060c \u0648\u0627\u0644\u0645\u0648\u0636\u0648\u0639\u060c \u0648\u0627\u0644\u062a\u0627\u0631\u064a\u062e\u060c \u0648\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629\u060c \u0648\u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0628\u0627\u0631\u0632\u0629.<\/p>\n            <div class=\"article-meta\" id=\"dua-featured-meta\">\n              <span>\u0645\u0642\u0627\u0644\u0627\u062a WordPress<\/span><span>\u0639\u0631\u0636 \u062a\u0644\u0642\u0627\u0626\u064a<\/span><span>\u0644\u0627 \u062a\u062d\u062f\u064a\u062b \u064a\u062f\u0648\u064a \u0644\u0644\u0643\u0631\u0648\u062a<\/span>\n            <\/div>\n            <a class=\"read-link\" id=\"dua-featured-link\" href=\"#latest-insights\">\u0627\u0646\u062a\u0642\u0644 \u0625\u0644\u0649 \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0646\u0634\u0631 <span>\u2190<\/span><\/a>\n          <\/div>\n\n          <div class=\"featured-visual\">\n            <div class=\"featured-image-shell\" id=\"dua-featured-image-shell\">\n              <div class=\"featured-placeholder\" id=\"dua-featured-placeholder\">\n                <div class=\"editorial-map\" aria-hidden=\"true\">\n                  <span><\/span><span><\/span><span><\/span><span><\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n\n    <section class=\"articles-section\" id=\"latest-insights\" hidden>\n      <div class=\"shell\">\n        <div class=\"section-head reveal\">\n          <div class=\"section-head-copy\">\n            <div class=\"eyebrow\">\u0623\u062d\u062f\u062b \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/div>\n            <h2>\u0623\u0641\u0643\u0627\u0631 \u0645\u0628\u0646\u064a\u0629 \u062d\u0648\u0644 <span class=\"gold\">\u0642\u0631\u0627\u0631\u0627\u062a \u0639\u0645\u0644 \u062d\u0642\u064a\u0642\u064a\u0629.<\/span><\/h2>\n            <p>\u062a\u0635\u0641\u062d \u0645\u0642\u0627\u0644\u0627\u062a \u0639\u0645\u0644\u064a\u0629 \u062d\u0648\u0644 \u0627\u0644\u0645\u0648\u0627\u0642\u0639\u060c \u0648\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629\u060c \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062a\u0631\u0627\u0628\u0637\u0629.<\/p>\n          <\/div>\n          <div class=\"filters-wrap\" id=\"dua-insights-filters\" aria-label=\"\u062a\u0635\u0641\u064a\u0629 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u062d\u0633\u0628 \u0627\u0644\u0645\u0648\u0636\u0648\u0639\">\n            <button class=\"filter-btn active\" type=\"button\" data-filter=\"all\" aria-pressed=\"true\">\u0627\u0644\u0643\u0644<\/button>\n          <\/div>\n        <\/div>\n\n        <div class=\"articles-status reveal\">\n          <span>\u0639\u0631\u0636 <strong id=\"dua-insights-count\">\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0629<\/strong><\/span>\n          <span id=\"dua-insights-status\">\u062c\u0627\u0631\u064d \u0641\u062d\u0635 \u0645\u0643\u062a\u0628\u0629 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a\u2026<\/span>\n        <\/div>\n\n        <div class=\"loading-grid\" id=\"dua-insights-loading\" aria-hidden=\"true\">\n          <div class=\"skeleton-card\"><\/div>\n          <div class=\"skeleton-card\"><\/div>\n          <div class=\"skeleton-card\"><\/div>\n        <\/div>\n\n        <div class=\"articles-grid\" id=\"dua-insights-grid\" aria-live=\"polite\"><\/div>\n\n        <div class=\"articles-empty\" id=\"dua-insights-empty\">\n          <strong>\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0642\u0627\u0644\u0627\u062a \u0639\u0631\u0628\u064a\u0629 \u0645\u0646\u0634\u0648\u0631\u0629 \u062d\u062a\u0649 \u0627\u0644\u0622\u0646.<\/strong>\n          <span>\u0623\u0646\u0634\u0626 \u062a\u0635\u0646\u064a\u0641 WordPress \u0628\u0627\u0633\u0645 <b>\u0645\u0642\u0627\u0644\u0627\u062a<\/b> \u0648\u0628\u0640slug <b>insights-ar<\/b>\u060c \u062b\u0645 \u0627\u0646\u0634\u0631 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u062f\u0627\u062e\u0644\u0647. \u0633\u062a\u0638\u0647\u0631 \u0647\u0646\u0627 \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627.<\/span>\n        <\/div>\n\n        <div class=\"load-more-wrap\" id=\"dua-insights-load-more-wrap\">\n          <button class=\"btn btn-secondary\" type=\"button\" id=\"dua-insights-load-more\">\u0639\u0631\u0636 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/button>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"system-section\">\n      <div class=\"shell system-grid\">\n        <div class=\"system-copy reveal\">\n          <div class=\"eyebrow\">\u0645\u0646 \u0627\u0644\u0645\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0637\u0628\u064a\u0642<\/div>\n          <h2>\u0641\u0643\u0631\u0629 \u0648\u0627\u062d\u062f\u0629 \u0645\u0641\u064a\u062f\u0629 \u064a\u0645\u0643\u0646 \u0623\u0646 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 <span class=\"gold\">\u0645\u0646\u0638\u0648\u0645\u0629 \u0645\u062d\u062a\u0648\u0649 \u0643\u0627\u0645\u0644\u0629.<\/span><\/h2>\n          <p>\u062a\u064f\u0628\u0646\u0649 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0643\u0645\u062d\u062a\u0648\u0649 \u0623\u0635\u0644\u064a \u0637\u0648\u064a\u0644 \u064a\u0645\u0643\u0646 \u0625\u0639\u0627\u062f\u0629 \u062a\u0648\u0638\u064a\u0641\u0647 \u0644\u0627\u062d\u0642\u064b\u0627 \u0641\u064a \u0645\u0646\u0634\u0648\u0631\u0627\u062a LinkedIn\u060c \u0648Carousels \u0639\u0644\u0649 Instagram\u060c \u0648\u0645\u062d\u062a\u0648\u0649 Facebook\u060c \u0648\u0633\u0644\u0627\u0633\u0644 \u0639\u0644\u0649 X\u060c \u0648\u0635\u064a\u063a \u0623\u062e\u0631\u0649 \u0645\u0646 \u063a\u064a\u0631 \u0646\u0633\u062e \u0646\u0641\u0633 \u0627\u0644\u0631\u0633\u0627\u0644\u0629 \u062d\u0631\u0641\u064a\u064b\u0627 \u0639\u0644\u0649 \u0643\u0644 \u0645\u0646\u0635\u0629.<\/p>\n        <\/div>\n\n        <div class=\"system-flow reveal\" aria-label=\"\u0645\u0646\u0638\u0648\u0645\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0645\u0646 \u0627\u0644\u0645\u0642\u0627\u0644 \u0625\u0644\u0649 \u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0648\u0627\u0644\u062a\u0639\u0644\u0645\">\n          <div class=\"flow-row\">\n            <div class=\"flow-node\"><span>01<\/span><b>\u0645\u0642\u0627\u0644<\/b><small>\u0627\u0644\u0641\u0643\u0631\u0629 \u0627\u0644\u0623\u0635\u0644\u064a\u0629 \u0648\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0637\u0648\u064a\u0644 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0642\u0639<\/small><\/div>\n            <div class=\"flow-node\"><span>02<\/span><b>\u0625\u0639\u0627\u062f\u0629 \u0635\u064a\u0627\u063a\u0629<\/b><small>Hook \u0648\u0635\u064a\u063a\u0629 \u0648CTA \u0645\u0646\u0627\u0633\u0628\u0629 \u0644\u0643\u0644 \u0645\u0646\u0635\u0629<\/small><\/div>\n            <div class=\"flow-node\"><span>03<\/span><b>\u062a\u0648\u0632\u064a\u0639<\/b><small>\u0627\u0644\u0646\u0634\u0631 \u0639\u0628\u0631 \u0627\u0644\u0642\u0646\u0648\u0627\u062a \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629<\/small><\/div>\n            <div class=\"flow-node\"><span>04<\/span><b>\u062a\u0639\u0644\u0651\u0645<\/b><small>\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u062f\u0627\u0621 \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0642\u0627\u062f\u0645<\/small><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"cta-section\">\n      <div class=\"shell\">\n        <div class=\"cta-box reveal\">\n          <div>\n            <div class=\"eyebrow\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/div>\n            <h2>\u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u0646\u0638\u0627\u0645\u064b\u0627 \u0631\u0642\u0645\u064a\u064b\u0627 \u064a\u0646\u0627\u0633\u0628 <span class=\"gold\">\u0637\u0631\u064a\u0642\u0629 \u0639\u0645\u0644 \u0646\u0634\u0627\u0637\u0643 \u0641\u0639\u0644\u064b\u0627\u061f<\/span><\/h2>\n            <p>\u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0645\u0627 \u064a\u0628\u0637\u0626 \u0627\u0644\u0639\u0645\u0644\u060c \u0623\u0648 \u0645\u0627 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0628\u0646\u0627\u0621\u060c \u0623\u0648 \u0645\u0627 \u064a\u062c\u0628 \u0631\u0628\u0637\u0647. \u0642\u062f \u064a\u0643\u0648\u0646 \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0645\u0648\u0642\u0639\u064b\u0627 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u064b\u0627\u060c \u0623\u0648 \u0623\u062a\u0645\u062a\u0629\u060c \u0623\u0648 \u0633\u064a\u0631 \u0639\u0645\u0644 \u0645\u062f\u0639\u0648\u0645\u064b\u0627 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0623\u0648 \u0646\u0638\u0627\u0645\u064b\u0627 \u0645\u062a\u0631\u0627\u0628\u0637\u064b\u0627 \u064a\u062c\u0645\u0639 \u0628\u064a\u0646\u0647\u0627.<\/p>\n          <\/div>\n          <a class=\"btn btn-primary\" href=\"https:\/\/www.duaessam.com\/ar\/start-a-project-email\/\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"footer\">\n    <div class=\"shell footer-inner\">\n      <div class=\"footer-copy\">\n        <strong>DUA SYSTEMS<\/strong>\n        <span>\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0623\u062a\u0645\u062a\u0629\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0631\u0627\u0628\u0637\u0629.<\/span>\n      <\/div>\n      <div class=\"footer-links\">\n        <a href=\"https:\/\/www.duaessam.com\/ar\/wordpress\/\">\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/a>\n        <a href=\"https:\/\/www.duaessam.com\/ar\/automation\/\">\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/a>\n        <a href=\"https:\/\/www.duaessam.com\/ar\/work\/\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\n        <a href=\"https:\/\/www.duaessam.com\/ar\/insights\/\" aria-current=\"page\">\u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n        <a href=\"https:\/\/www.duaessam.com\/ar\/about\/\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n        <a href=\"https:\/\/www.duaessam.com\/ar\/privacy-policy\/\">\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a>\n        <a href=\"https:\/\/www.duaessam.com\/ar\/terms-conditions\/\">\u0627\u0644\u0634\u0631\u0648\u0637<\/a>\n        <a href=\"https:\/\/www.duaessam.com\/ar\/start-a-project-email\/\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <script>\n    (function () {\n      const root = document.getElementById('dua-insights-v1-ar');\n      if (!root) return;\n\n      document.body.style.setProperty('margin', '0', 'important');\n      document.body.style.setProperty('padding', '0', 'important');\n      document.body.style.setProperty('background', '#080d15', 'important');\n\n      let wrapper = root.parentElement;\n      while (wrapper && wrapper !== document.body) {\n        wrapper.style.setProperty('margin-top', '0', 'important');\n        wrapper.style.setProperty('padding-top', '0', 'important');\n        wrapper.style.setProperty('border-top-width', '0', 'important');\n        wrapper.style.setProperty('background-color', '#080d15', 'important');\n        wrapper = wrapper.parentElement;\n      }\n\n      const menuToggle = root.querySelector('.mobile-menu-toggle');\n      const mobileNav = root.querySelector('.mobile-nav');\n\n      function closeMenu() {\n        if (!menuToggle || !mobileNav) return;\n        menuToggle.classList.remove('is-open');\n        mobileNav.classList.remove('open');\n        menuToggle.setAttribute('aria-expanded', 'false');\n        menuToggle.setAttribute('aria-label', '\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629');\n      }\n\n      if (menuToggle && mobileNav) {\n        menuToggle.addEventListener('click', function () {\n          const open = !mobileNav.classList.contains('open');\n          menuToggle.classList.toggle('is-open', open);\n          mobileNav.classList.toggle('open', open);\n          menuToggle.setAttribute('aria-expanded', String(open));\n          menuToggle.setAttribute('aria-label', open ? '\u0625\u063a\u0644\u0627\u0642 \u0627\u0644\u0642\u0627\u0626\u0645\u0629' : '\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629');\n        });\n\n        mobileNav.querySelectorAll('a').forEach(function (link) {\n          link.addEventListener('click', closeMenu);\n        });\n\n        document.addEventListener('click', function (event) {\n          if (!root.contains(event.target)) return;\n          if (!mobileNav.classList.contains('open')) return;\n          if (menuToggle.contains(event.target) || mobileNav.contains(event.target)) return;\n          closeMenu();\n        });\n\n        document.addEventListener('keydown', function (event) {\n          if (event.key === 'Escape') closeMenu();\n        });\n      }\n\n      const revealItems = root.querySelectorAll('.reveal');\n      if ('IntersectionObserver' in window) {\n        const observer = new IntersectionObserver(function (entries) {\n          entries.forEach(function (entry) {\n            if (entry.isIntersecting) {\n              entry.target.classList.add('visible');\n              observer.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.12 });\n\n        revealItems.forEach(function (item) { observer.observe(item); });\n      } else {\n        revealItems.forEach(function (item) { item.classList.add('visible'); });\n      }\n\n      const state = {\n        allPosts: [],\n        visiblePosts: [],\n        selectedTopic: 'all',\n        displayLimit: 9,\n        step: 6,\n        parentCategoryId: null,\n        parentCategoryName: '\u0645\u0642\u0627\u0644\u0627\u062a'\n      };\n\n      const grid = root.querySelector('#dua-insights-grid');\n      const loading = root.querySelector('#dua-insights-loading');\n      const empty = root.querySelector('#dua-insights-empty');\n      const filtersWrap = root.querySelector('#dua-insights-filters');\n      const count = root.querySelector('#dua-insights-count');\n      const status = root.querySelector('#dua-insights-status');\n      const loadMoreWrap = root.querySelector('#dua-insights-load-more-wrap');\n      const loadMore = root.querySelector('#dua-insights-load-more');\n      const heroCount = root.querySelector('#dua-insights-hero-count');\n      const featuredSection = root.querySelector('#dua-insights-featured-section');\n      const articlesSection = root.querySelector('#latest-insights');\n      const featured = root.querySelector('#dua-insights-featured');\n      const featuredTopic = root.querySelector('#dua-featured-topic');\n      const featuredTitle = root.querySelector('#dua-featured-title');\n      const featuredExcerpt = root.querySelector('#dua-featured-excerpt');\n      const featuredMeta = root.querySelector('#dua-featured-meta');\n      const featuredLink = root.querySelector('#dua-featured-link');\n      const featuredImageShell = root.querySelector('#dua-featured-image-shell');\n      const featuredPlaceholder = root.querySelector('#dua-featured-placeholder');\n\n      function stripHtml(html) {\n        const temp = document.createElement('div');\n        temp.innerHTML = html || '';\n        return (temp.textContent || temp.innerText || '').replace(\/\\s+\/g, ' ').trim();\n      }\n\n      function truncate(text, max) {\n        const clean = (text || '').trim();\n        if (clean.length <= max) return clean;\n        return clean.slice(0, max).replace(\/\\s+\\S*$\/, '') + '\u2026';\n      }\n\n      function formatDate(value) {\n        try {\n          return new Intl.DateTimeFormat('ar-EG', { day: 'numeric', month: 'short', year: 'numeric' }).format(new Date(value));\n        } catch (error) {\n          return '';\n        }\n      }\n\n      function readingTime(post) {\n        const text = stripHtml(post && post.content ? post.content.rendered : '');\n        const words = text ? text.split(\/\\s+\/).length : 0;\n        return new Intl.NumberFormat('ar-EG').format(Math.max(1, Math.ceil(words \/ 220))) + ' \u062f\u0642\u064a\u0642\u0629 \u0642\u0631\u0627\u0621\u0629';\n      }\n\n      function getEmbeddedTerms(post) {\n        const embedded = post && post._embedded ? post._embedded['wp:term'] : null;\n        if (!Array.isArray(embedded)) return [];\n        return embedded.reduce(function (all, group) {\n          if (!Array.isArray(group)) return all;\n          return all.concat(group.filter(function (term) { return term && term.taxonomy === 'category'; }));\n        }, []);\n      }\n\n      function getTopics(post) {\n        return getEmbeddedTerms(post).filter(function (term) {\n          return term.id !== state.parentCategoryId && term.slug !== 'uncategorized' && term.slug !== 'insights-ar';\n        });\n      }\n\n      function getPrimaryTopic(post) {\n        const topics = getTopics(post);\n        return topics.length ? topics[0].name : '\u0645\u0642\u0627\u0644\u0627\u062a';\n      }\n\n      function getTopicSlugs(post) {\n        return getTopics(post).map(function (term) { return term.slug; });\n      }\n\n      function getFeaturedImage(post) {\n        try {\n          const media = post._embedded['wp:featuredmedia'][0];\n          if (!media) return '';\n          if (media.media_details && media.media_details.sizes) {\n            const sizes = media.media_details.sizes;\n            if (sizes.large && sizes.large.source_url) return sizes.large.source_url;\n            if (sizes.medium_large && sizes.medium_large.source_url) return sizes.medium_large.source_url;\n          }\n          return media.source_url || '';\n        } catch (error) {\n          return '';\n        }\n      }\n\n      function createFallbackImage(container) {\n        const fallback = document.createElement('div');\n        fallback.className = 'article-image-fallback';\n        const mark = document.createElement('div');\n        mark.className = 'fallback-mark';\n        const label = document.createElement('span');\n        label.textContent = 'DUA';\n        mark.appendChild(label);\n        fallback.appendChild(mark);\n        container.appendChild(fallback);\n      }\n\n      function createCard(post) {\n        const article = document.createElement('article');\n        article.className = 'article-card';\n        article.dataset.topics = getTopicSlugs(post).join(' ');\n\n        const link = document.createElement('a');\n        link.href = post.link;\n        link.setAttribute('aria-label', '\u0642\u0631\u0627\u0621\u0629: ' + stripHtml(post.title.rendered));\n\n        const imageWrap = document.createElement('div');\n        imageWrap.className = 'article-image';\n        const imageUrl = getFeaturedImage(post);\n\n        if (imageUrl) {\n          const img = document.createElement('img');\n          img.src = imageUrl;\n          img.alt = '';\n          img.loading = 'lazy';\n          img.decoding = 'async';\n          imageWrap.appendChild(img);\n        } else {\n          createFallbackImage(imageWrap);\n        }\n\n        const body = document.createElement('div');\n        body.className = 'article-body';\n\n        const topic = document.createElement('span');\n        topic.className = 'article-topic';\n        topic.textContent = getPrimaryTopic(post);\n\n        const heading = document.createElement('h3');\n        heading.textContent = stripHtml(post.title.rendered);\n\n        const excerpt = document.createElement('p');\n        excerpt.className = 'article-excerpt';\n        excerpt.textContent = truncate(stripHtml(post.excerpt.rendered), 155);\n\n        const meta = document.createElement('div');\n        meta.className = 'article-card-meta';\n        const date = document.createElement('span');\n        date.textContent = formatDate(post.date);\n        const time = document.createElement('span');\n        time.textContent = readingTime(post);\n        meta.appendChild(date);\n        meta.appendChild(time);\n\n        body.appendChild(topic);\n        body.appendChild(heading);\n        body.appendChild(excerpt);\n        body.appendChild(meta);\n\n        link.appendChild(imageWrap);\n        link.appendChild(body);\n        article.appendChild(link);\n        return article;\n      }\n\n      function renderFeatured(post) {\n        if (!post || !featured) return;\n\n        featured.classList.remove('empty-featured');\n        featuredTopic.textContent = getPrimaryTopic(post);\n        featuredTitle.textContent = stripHtml(post.title.rendered);\n        featuredExcerpt.textContent = truncate(stripHtml(post.excerpt.rendered), 290);\n        featuredLink.href = post.link;\n        featuredLink.firstChild.nodeValue = '\u0627\u0642\u0631\u0623 \u0627\u0644\u0645\u0642\u0627\u0644 ';\n\n        featuredMeta.innerHTML = '';\n        [formatDate(post.date), readingTime(post), getPrimaryTopic(post)].forEach(function (value) {\n          if (!value) return;\n          const span = document.createElement('span');\n          span.textContent = value;\n          featuredMeta.appendChild(span);\n        });\n\n        const currentImg = featuredImageShell.querySelector('img');\n        if (currentImg) currentImg.remove();\n        const imageUrl = getFeaturedImage(post);\n\n        if (imageUrl) {\n          const img = document.createElement('img');\n          img.src = imageUrl;\n          img.alt = '';\n          img.loading = 'eager';\n          img.decoding = 'async';\n          featuredImageShell.appendChild(img);\n          if (featuredPlaceholder) featuredPlaceholder.style.display = 'none';\n        }\n      }\n\n      function buildFilters(posts) {\n        if (!filtersWrap) return;\n        const map = new Map();\n\n        posts.forEach(function (post) {\n          getTopics(post).forEach(function (term) {\n            if (!map.has(term.slug)) map.set(term.slug, term.name);\n          });\n        });\n\n        Array.from(filtersWrap.querySelectorAll('.filter-btn:not([data-filter=\"all\"])')).forEach(function (button) {\n          button.remove();\n        });\n\n        Array.from(map.entries())\n          .sort(function (a, b) { return a[1].localeCompare(b[1], 'ar'); })\n          .forEach(function (entry) {\n            const button = document.createElement('button');\n            button.className = 'filter-btn';\n            button.type = 'button';\n            button.dataset.filter = entry[0];\n            button.setAttribute('aria-pressed', 'false');\n            button.textContent = entry[1];\n            filtersWrap.appendChild(button);\n          });\n      }\n\n      function updateFilterButtons() {\n        filtersWrap.querySelectorAll('.filter-btn').forEach(function (button) {\n          const active = (button.dataset.filter || 'all') === state.selectedTopic;\n          button.classList.toggle('active', active);\n          button.setAttribute('aria-pressed', String(active));\n        });\n      }\n\n      function applyFilter() {\n        if (state.selectedTopic === 'all') {\n          state.visiblePosts = state.allPosts.slice();\n        } else {\n          state.visiblePosts = state.allPosts.filter(function (post) {\n            return getTopicSlugs(post).includes(state.selectedTopic);\n          });\n        }\n        state.displayLimit = 9;\n        renderGrid();\n      }\n\n      function renderGrid() {\n        if (!grid) return;\n        grid.innerHTML = '';\n\n        const posts = state.visiblePosts.slice(0, state.displayLimit);\n        posts.forEach(function (post) { grid.appendChild(createCard(post)); });\n\n        const total = state.visiblePosts.length;\n        const shown = Math.min(total, state.displayLimit);\n        if (count) count.textContent = new Intl.NumberFormat('ar-EG').format(shown) + ' \u0645\u0646 ' + new Intl.NumberFormat('ar-EG').format(total) + ' \u0645\u0642\u0627\u0644\u0627\u062a';\n\n        if (loadMoreWrap) loadMoreWrap.classList.toggle('show', shown < total);\n        if (empty) empty.classList.toggle('show', total === 0);\n      }\n\n      if (filtersWrap) {\n        filtersWrap.addEventListener('click', function (event) {\n          const button = event.target.closest('.filter-btn');\n          if (!button) return;\n          state.selectedTopic = button.dataset.filter || 'all';\n          updateFilterButtons();\n          applyFilter();\n        });\n      }\n\n      if (loadMore) {\n        loadMore.addEventListener('click', function () {\n          state.displayLimit += state.step;\n          renderGrid();\n        });\n      }\n\n      async function getJson(url) {\n        const response = await fetch(url, { credentials: 'same-origin', headers: { 'Accept': 'application\/json' } });\n        if (!response.ok) throw new Error('Request failed: ' + response.status);\n        return response.json();\n      }\n\n      async function loadInsights() {\n        const apiBase = window.location.origin.replace(\/\\\/$\/, '') + '\/wp-json\/wp\/v2';\n\n        \/* Keep public article sections hidden until real published content exists. *\/\n        if (featuredSection) featuredSection.hidden = true;\n        if (articlesSection) articlesSection.hidden = true;\n        if (empty) empty.classList.remove('show');\n\n        try {\n          const categories = await getJson(apiBase + '\/categories?slug=insights-ar&per_page=10');\n          if (!Array.isArray(categories) || !categories.length) {\n            throw new Error('INSIGHTS_CATEGORY_MISSING');\n          }\n\n          state.parentCategoryId = categories[0].id;\n          state.parentCategoryName = categories[0].name || '\u0645\u0642\u0627\u0644\u0627\u062a';\n\n          const posts = await getJson(\n            apiBase + '\/posts?categories=' + encodeURIComponent(state.parentCategoryId) + '&per_page=50&orderby=date&order=desc&_embed=1'\n          );\n\n          if (loading) loading.style.display = 'none';\n\n          if (!Array.isArray(posts) || posts.length === 0) {\n            if (featuredSection) featuredSection.hidden = true;\n            if (articlesSection) articlesSection.hidden = true;\n            if (heroCount) heroCount.textContent = '';\n            if (empty) empty.classList.remove('show');\n            return;\n          }\n\n          renderFeatured(posts[0]);\n          if (featuredSection) featuredSection.hidden = false;\n          if (heroCount) heroCount.textContent = new Intl.NumberFormat('ar-EG').format(posts.length) + ' \u0645\u0646\u0634\u0648\u0631';\n\n          state.allPosts = posts.slice(1);\n          state.visiblePosts = state.allPosts.slice();\n\n          if (state.allPosts.length > 0) {\n            if (articlesSection) articlesSection.hidden = false;\n            buildFilters(state.allPosts);\n            updateFilterButtons();\n            renderGrid();\n            if (status) status.textContent = '\u064a\u062a\u0645 \u0627\u0644\u062a\u062d\u062f\u064a\u062b \u062a\u0644\u0642\u0627\u0626\u064a\u064b\u0627 \u0645\u0646 \u0645\u0642\u0627\u0644\u0627\u062a WordPress \u0627\u0644\u0645\u0646\u0634\u0648\u0631\u0629';\n          } else {\n            if (articlesSection) articlesSection.hidden = true;\n            if (empty) empty.classList.remove('show');\n          }\n        } catch (error) {\n          if (loading) loading.style.display = 'none';\n          if (featuredSection) featuredSection.hidden = true;\n          if (articlesSection) articlesSection.hidden = true;\n          if (heroCount) heroCount.textContent = '';\n          if (empty) empty.classList.remove('show');\n        }\n      }\n\n      loadInsights();\n    })();\n  <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Skip to content DUA SYSTEMS Websites Automation What We Build Insights About Start a Project Websites Automation What We Build Insights About Start a Project DUA Insights Clear thinking for better digital systems. Practical perspectives on websites, e-commerce, automation, AI, and the systems behind smoother business operations \u2014 written to help teams make better digital [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-706","page","type-page","status-publish"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/pages\/706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/comments?post=706"}],"version-history":[{"count":10,"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/pages\/706\/revisions"}],"predecessor-version":[{"id":749,"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/pages\/706\/revisions\/749"}],"wp:attachment":[{"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/media?parent=706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}