{"id":46,"date":"2022-07-22T16:32:54","date_gmt":"2022-07-22T16:32:54","guid":{"rendered":"https:\/\/midnightblue-weasel-516787.hostingersite.com\/app-landing\/"},"modified":"2026-10-05T11:03:28","modified_gmt":"2026-10-05T11:03:28","slug":"home","status":"publish","type":"page","link":"https:\/\/aixworkspace.net\/ar\/","title":{"rendered":"\u0627\u0644\u0645\u0646\u0632\u0644"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"46\" class=\"elementor elementor-46\" data-elementor-settings=\"{&quot;element_pack_global_tooltip_width&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_width_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;element_pack_global_tooltip_padding&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_padding_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true},&quot;element_pack_global_tooltip_border_radius_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;top&quot;:&quot;&quot;,&quot;right&quot;:&quot;&quot;,&quot;bottom&quot;:&quot;&quot;,&quot;left&quot;:&quot;&quot;,&quot;isLinked&quot;:true}}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55464cb e-con e-atomic-element e-flexbox-base e-default-div e-9f623fe\" data-id=\"55464cb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"55464cb\">\n    \t\t<div class=\"elementor-element elementor-element-43388db elementor-widget elementor-widget-html\" data-id=\"43388db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n AIX WORKSPACE \u2014 RESPONSIVE HERO SECTION (Elementor HTML Widget)\r\n\r\n Left spacing now uses --ent26-left-space (5.5vw), the same value as\r\n --aix-left-space in the Proposition section, so both line up.\r\n Change it in BOTH sections if you want to nudge the text left\/right.\r\n\r\n Breakpoints\r\n - Desktop      : 1025px and up\r\n - Tablet       : 768px - 1024px (left-aligned, text column capped)\r\n - Mobile       : 767px and down (centered, stacked)\r\n - Small mobile : 480px and down (3-up features, full-width buttons)\r\n - Tiny         : 380px and down\r\n\r\n Elementor tip: set the parent Section\/Container to \"Full Width\" with\r\n 0 padding so the hero can span the whole screen.\r\n============================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #ent26-scope {\r\n    --ent26-navy: #0a1628;\r\n    --ent26-orange: #f7941e;\r\n    --ent26-orange2: #f4632a;\r\n    --ent26-cyan: #29b6d8;\r\n    --ent26-teal: #3ec7a0;\r\n\r\n    --ent26-gutter: clamp(20px, 5vw, 64px);   \/* right \/ mobile side spacing *\/\r\n    --ent26-left-space: 5.5vw;                \/* <-- desktop & tablet left edge (matches Proposition) *\/\r\n    --ent26-col: min(100%, 600px, 52vw);\r\n    --ent26-top: clamp(140px, 12vw, 190px);\r\n\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    direction: ltr;\r\n    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n  }\r\n  #ent26-scope *, #ent26-scope *::before, #ent26-scope *::after { box-sizing: border-box; }\r\n\r\n  \/* ---------- HERO ---------- *\/\r\n  #ent26-scope .ent26-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    min-height: clamp(600px, 88vh, 820px);\r\n    display: flex;\r\n    align-items: center;\r\n    overflow: hidden;\r\n    margin: 0;\r\n    padding: 0;\r\n    background-color: var(--ent26-navy);\r\n    background-image: url('https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/09\/Slider-BG-Hero-Section.jpg');\r\n    background-repeat: no-repeat;\r\n    background-position: 72% center;\r\n    background-size: cover;\r\n    border-radius: 0 !important;\r\n  }\r\n  @supports (min-height: 100svh) {\r\n    #ent26-scope .ent26-hero { min-height: clamp(600px, 88svh, 820px); }\r\n  }\r\n\r\n  \/* Dark overlay *\/\r\n  #ent26-scope .ent26-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    background: linear-gradient(90deg,\r\n      rgba(5,12,24,.99) 0%, rgba(6,14,28,.96) 26%, rgba(7,16,30,.88) 42%,\r\n      rgba(8,19,34,.55) 57%, rgba(8,19,34,.18) 74%, rgba(8,19,34,.04) 100%);\r\n  }\r\n\r\n  \/* Orange glow *\/\r\n  #ent26-scope .ent26-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: 4%;\r\n    bottom: -20%;\r\n    width: 45%;\r\n    height: 75%;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n    background: radial-gradient(ellipse at center,\r\n      rgba(247,148,30,.20) 0%, rgba(247,148,30,.08) 35%, rgba(247,148,30,0) 72%);\r\n  }\r\n\r\n  \/* ---------- INNER CONTENT ---------- *\/\r\n  #ent26-scope .ent26-inner {\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n    max-width: none;\r\n    margin: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: center;\r\n    padding-top: var(--ent26-top);\r\n    padding-bottom: clamp(56px, 5vw, 72px);\r\n    padding-right: var(--ent26-gutter);\r\n    padding-left: var(--ent26-left-space);\r\n    text-align: left;\r\n  }\r\n\r\n  \/* ---------- EYEBROW ---------- *\/\r\n  #ent26-scope .ent26-eyebrow {\r\n    max-width: var(--ent26-col);\r\n    margin: 0 0 22px !important;\r\n    padding: 0 !important;\r\n    color: #fff !important;\r\n    font-size: 12px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1.4 !important;\r\n    letter-spacing: 1.7px;\r\n    text-transform: uppercase;\r\n    text-wrap: balance;\r\n  }\r\n\r\n  \/* ---------- TITLE ---------- *\/\r\n  #ent26-scope .ent26-title {\r\n    max-width: var(--ent26-col);\r\n    margin: 0 0 24px !important;\r\n    padding: 0 !important;\r\n    color: #fff !important;\r\n    font-size: clamp(2.25rem, 1rem + 2.4vw, 3.25rem) !important;\r\n    font-weight: 800 !important;\r\n    line-height: 1.12 !important;\r\n    letter-spacing: -0.025em;\r\n    text-wrap: balance;\r\n    overflow-wrap: break-word;\r\n  }\r\n  \/* Each heading line is its own block *\/\r\n  #ent26-scope .ent26-line { display: block; }\r\n\r\n  \/* Desktop: exactly two lines, never wrapped *\/\r\n  @media (min-width: 1025px) {\r\n    #ent26-scope .ent26-title { max-width: none; }\r\n    #ent26-scope .ent26-line { white-space: nowrap; }\r\n  }\r\n  #ent26-scope .ent26-gradient-text {\r\n    background: linear-gradient(90deg, var(--ent26-cyan) 0%, var(--ent26-teal) 42%, var(--ent26-orange) 100%);\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    color: transparent;\r\n    -webkit-box-decoration-break: clone;\r\n    box-decoration-break: clone;\r\n  }\r\n  @supports not ((-webkit-background-clip: text) or (background-clip: text)) {\r\n    #ent26-scope .ent26-gradient-text {\r\n      color: var(--ent26-orange);\r\n      -webkit-text-fill-color: currentColor;\r\n      background: none;\r\n    }\r\n  }\r\n\r\n  \/* ---------- DESCRIPTION ---------- *\/\r\n  #ent26-scope .ent26-desc {\r\n    max-width: min(100%, 520px);\r\n    margin: 0 0 36px !important;\r\n    text-wrap: pretty;\r\n    padding: 0 !important;\r\n    color: #c9d1dd !important;\r\n    font-size: clamp(15px, 0.9rem + 0.35vw, 17px) !important;\r\n    font-weight: 400 !important;\r\n    line-height: 1.65 !important;\r\n    text-shadow: 0 1px 14px rgba(5,12,24,.55);\r\n  }\r\n\r\n  \/* ---------- FEATURES ---------- *\/\r\n  #ent26-scope .ent26-features {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: flex-start;\r\n    flex-wrap: wrap;\r\n    gap: 18px 30px;\r\n    width: 100%;\r\n    max-width: min(100%, 610px);\r\n    margin: 0 0 40px !important;\r\n    padding: 0 !important;\r\n    list-style: none !important;\r\n  }\r\n  #ent26-scope .ent26-feature {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 9px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    list-style: none !important;\r\n  }\r\n  #ent26-scope .ent26-feature::before,\r\n  #ent26-scope .ent26-feature::marker { content: none; }\r\n  #ent26-scope .ent26-feature-icon {\r\n    width: 23px;\r\n    height: 23px;\r\n    flex: 0 0 23px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  #ent26-scope .ent26-feature-icon svg { width: 100%; height: 100%; display: block; }\r\n  #ent26-scope .ent26-feature-text {\r\n    color: #fff !important;\r\n    font-size: 12px !important;\r\n    font-weight: 600 !important;\r\n    line-height: 1.3 !important;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* ---------- CTAs ---------- *\/\r\n  #ent26-scope .ent26-ctas {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 14px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n  #ent26-scope .ent26-btn {\r\n    display: inline-flex !important;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 9px;\r\n    min-height: 48px;\r\n    padding: 12px 24px !important;\r\n    border-radius: 999px !important;\r\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\r\n    font-size: 14px !important;\r\n    font-weight: 700 !important;\r\n    line-height: 1 !important;\r\n    text-decoration: none !important;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;\r\n  }\r\n  #ent26-scope .ent26-btn:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }\r\n\r\n  #ent26-scope .ent26-btn--primary {\r\n    color: #fff !important;\r\n    background: linear-gradient(90deg, var(--ent26-orange), var(--ent26-orange2)) !important;\r\n    border: 0 !important;\r\n    box-shadow: 0 8px 22px rgba(244,99,42,.30);\r\n  }\r\n  #ent26-scope .ent26-btn--primary:hover {\r\n    color: #fff !important;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 12px 28px rgba(244,99,42,.42);\r\n  }\r\n  #ent26-scope .ent26-btn--secondary {\r\n    color: #fff !important;\r\n    background: rgba(255,255,255,.02) !important;\r\n    border: 1.5px solid rgba(255,255,255,.55) !important;\r\n    -webkit-backdrop-filter: blur(4px);\r\n    backdrop-filter: blur(4px);\r\n  }\r\n  #ent26-scope .ent26-btn--secondary:hover {\r\n    color: #fff !important;\r\n    background: rgba(255,255,255,.09) !important;\r\n    border-color: #fff !important;\r\n  }\r\n\r\n  \/* ---------- TABLET (max 1024px) ---------- *\/\r\n  @media (max-width: 1024px) {\r\n    #ent26-scope { --ent26-col: min(100%, 560px, 56vw); }\r\n    #ent26-scope .ent26-hero {\r\n      min-height: clamp(600px, 80vh, 780px);\r\n      background-position: 70% center;\r\n    }\r\n    #ent26-scope .ent26-hero::before {\r\n      background: linear-gradient(90deg,\r\n        rgba(5,12,24,.99) 0%, rgba(6,14,28,.95) 34%, rgba(7,16,30,.82) 52%,\r\n        rgba(8,19,34,.45) 68%, rgba(8,19,34,.12) 100%);\r\n    }\r\n    #ent26-scope .ent26-features { gap: 16px 26px; }\r\n  }\r\n  @supports (min-height: 100svh) {\r\n    @media (max-width: 1024px) {\r\n      #ent26-scope .ent26-hero { min-height: clamp(600px, 80svh, 780px); }\r\n    }\r\n  }\r\n\r\n  \/* ---------- MOBILE (max 767px) \u2014 centered ---------- *\/\r\n  @media (max-width: 767px) {\r\n    #ent26-scope { --ent26-col: 100%; }\r\n    #ent26-scope .ent26-hero { min-height: 0; background-position: 68% center; }\r\n    #ent26-scope .ent26-hero::before {\r\n      background: linear-gradient(180deg,\r\n        rgba(5,12,24,.94) 0%, rgba(6,14,28,.86) 50%, rgba(6,14,28,.94) 100%);\r\n    }\r\n    #ent26-scope .ent26-hero::after { right: -25%; bottom: -10%; width: 90%; height: 50%; }\r\n    #ent26-scope .ent26-inner {\r\n      align-items: center;\r\n      text-align: center;\r\n      padding-left: var(--ent26-gutter);   \/* symmetric on mobile *\/\r\n    }\r\n    #ent26-scope .ent26-eyebrow { margin-bottom: 14px !important; font-size: 11px !important; letter-spacing: 1.4px; }\r\n    #ent26-scope .ent26-title { margin-bottom: 16px !important; }\r\n    #ent26-scope .ent26-desc { max-width: min(100%, 520px); margin-bottom: 26px !important; }\r\n    #ent26-scope .ent26-features { justify-content: center; max-width: 480px; gap: 16px 24px; margin-bottom: 30px !important; }\r\n    #ent26-scope .ent26-ctas { width: 100%; justify-content: center; }\r\n  }\r\n\r\n  \/* ---------- SMALL MOBILE (max 480px) ---------- *\/\r\n  @media (max-width: 480px) {\r\n    #ent26-scope .ent26-features {\r\n      display: grid;\r\n      grid-template-columns: repeat(3, minmax(0, 1fr));\r\n      gap: 14px 10px;\r\n      max-width: 360px;\r\n    }\r\n    #ent26-scope .ent26-feature { flex-direction: column; justify-content: flex-start; gap: 8px; text-align: center; }\r\n    #ent26-scope .ent26-feature-text { font-size: 11px !important; text-align: center; white-space: normal; }\r\n    #ent26-scope .ent26-ctas { flex-direction: column; align-items: stretch; max-width: 360px; gap: 11px; }\r\n    #ent26-scope .ent26-btn { width: 100%; min-height: 50px; padding: 14px 20px !important; }\r\n  }\r\n\r\n  \/* ---------- TINY (max 380px) ---------- *\/\r\n  @media (max-width: 380px) {\r\n    #ent26-scope { --ent26-gutter: 16px; }\r\n    #ent26-scope .ent26-title { font-size: clamp(1.75rem, 9vw, 2.25rem) !important; }\r\n    #ent26-scope .ent26-eyebrow { font-size: 10.5px !important; letter-spacing: 1.2px; }\r\n    #ent26-scope .ent26-feature-text { font-size: 10.5px !important; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    #ent26-scope .ent26-btn { transition: none; }\r\n    #ent26-scope .ent26-btn--primary:hover { transform: none; }\r\n  }\r\n<\/style>\r\n\r\n\r\n<div id=\"ent26-scope\" dir=\"ltr\">\r\n  <section class=\"ent26-hero\">\r\n    <div class=\"ent26-inner\">\r\n\r\n      <p class=\"ent26-eyebrow\">\u0645\u0646\u0635\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0645\u0624\u0633\u0633\u064a \u0644\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/p>\r\n\r\n      <h1 class=\"ent26-title\">\r\n        <span class=\"ent26-line\">\u0645\u0646\u0635\u0629 \u0648\u0627\u062d\u062f\u0629<\/span>\r\n        <span class=\"ent26-line\">\u0644\u0627 \u0646\u0647\u0627\u0626\u064a <span class=\"ent26-gradient-text\">\u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span><\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"ent26-desc\">\r\n        \u062a\u062d\u0648\u064a\u0644 \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0645\u062c\u0632\u0623\u0629 \u0625\u0644\u0649 \u0645\u0646\u0635\u0629 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u0624\u0633\u0633\u064a\u0629 \u0622\u0645\u0646\u0629 \u0648\u062e\u0627\u0636\u0639\u0629 \u0644\u0644\u0625\u062f\u0627\u0631\u0629\u060c \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0644\u0645\u0624\u0633\u0633\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u060c \u0645\u0646 \u0627\u0644\u0633\u062d\u0627\u0628\u0629 \u0625\u0644\u0649 \u0627\u0644\u0646\u0648\u0627\u0629.\r\n      <\/p>\r\n\r\n      <ul class=\"ent26-features\">\r\n        <li class=\"ent26-feature\">\r\n          <span class=\"ent26-feature-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n              <path d=\"M12 2L4 5V11C4 16.5 7.4 21.2 12 22C16.6 21.2 20 16.5 20 11V5L12 2Z\" stroke=\"#ffffff\" stroke-width=\"1.6\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M9 12L11 14L15.5 9.5\" stroke=\"#ffffff\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"ent26-feature-text\">\u0645\u064f\u0633\u062a\u0636\u0627\u0641 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\r\n        <\/li>\r\n\r\n        <li class=\"ent26-feature\">\r\n          <span class=\"ent26-feature-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n              <rect x=\"4\" y=\"10\" width=\"16\" height=\"10\" rx=\"2\" stroke=\"#ffffff\" stroke-width=\"1.6\"\/>\r\n              <path d=\"M8 10V7C8 4.79086 9.79086 3 12 3C14.2091 3 16 4.79086 16 7V10\" stroke=\"#ffffff\" stroke-width=\"1.6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"ent26-feature-text\">\u0645\u0624\u0633\u0633\u0629<br>\u0645\u062d\u0643\u0648\u0645<\/span>\r\n        <\/li>\r\n\r\n        <li class=\"ent26-feature\">\r\n          <span class=\"ent26-feature-icon\">\r\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n              <circle cx=\"6\" cy=\"6\" r=\"2.2\" stroke=\"#ffffff\" stroke-width=\"1.6\"\/>\r\n              <circle cx=\"18\" cy=\"6\" r=\"2.2\" stroke=\"#ffffff\" stroke-width=\"1.6\"\/>\r\n              <circle cx=\"6\" cy=\"18\" r=\"2.2\" stroke=\"#ffffff\" stroke-width=\"1.6\"\/>\r\n              <circle cx=\"18\" cy=\"18\" r=\"2.2\" stroke=\"#ffffff\" stroke-width=\"1.6\"\/>\r\n              <path d=\"M8 6H16M6 8V16M18 8V16M8 18H16\" stroke=\"#ffffff\" stroke-width=\"1.6\"\/>\r\n            <\/svg>\r\n          <\/span>\r\n          <span class=\"ent26-feature-text\">\u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u062a\u0639\u062f\u062f<br>\u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645<\/span>\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"ent26-ctas\">\r\n        <a href=\"https:\/\/aixworkspace.net\/ar\/access-aix-workspace\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ent26-btn ent26-btn--primary\">\r\n          \u0645\u0646\u0635\u0629 \u0648\u0635\u0648\u0644\r\n          <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n            <path d=\"M5 12H19M19 12L13 6M19 12L13 18\" stroke=\"#ffffff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/youtu.be\/RnDMXg9qhPs\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ent26-btn ent26-btn--secondary\">\r\n          <svg width=\"14\" height=\"14\" viewbox=\"0 0 24 24\" fill=\"#ffffff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n            <path d=\"M8 5V19L19 12L8 5Z\"\/>\r\n          <\/svg>\r\n          \u0634\u0627\u0647\u062f \u0627\u0644\u0641\u064a\u062f\u064a\u0648\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a4cde79 e-con e-atomic-element e-flexbox-base e-default-div e-a4cde79-4c221ea\" data-id=\"a4cde79\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a4cde79\">\n    \t\t<div class=\"elementor-element elementor-element-332396a elementor-widget elementor-widget-html\" data-id=\"332396a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \r\n  AIX Workspace - \"The Proposition\" section (Left-to-Right, left-aligned)\r\n  Paste this entire block into an Elementor HTML widget.\r\n  If your WordPress theme does not already load Font Awesome 6 (Elementor usually does),\r\n  keep the <link> tag below. Otherwise you can safely delete it.\r\n\r\n  TIP: to line the text up with your other sections, change --aix-left-space below\r\n  (smaller = text moves further left, bigger = moves right).\r\n-->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .aix-prop{\r\n    --aix-navy:#0c1f3f;\r\n    --aix-navy-2:#12294f;\r\n    --aix-blue:#1d6fd8;\r\n    --aix-blue-light:#eaf3fc;\r\n    --aix-orange:#f5871f;\r\n    --aix-text:#0c1f3f;\r\n    --aix-muted:#5c6b82;\r\n    --aix-left-space:5.5vw;   \/* <-- adjust to match the left edge of your other sections *\/\r\n    --aix-right-space:4vw;\r\n    font-family:'Plus Jakarta Sans', sans-serif;\r\n    box-sizing:border-box;\r\n    direction:ltr;          \/* force left-to-right *\/\r\n    text-align:left;        \/* force left-aligned text *\/\r\n    background:linear-gradient(180deg,#f3f8fd 0%,#eaf2fb 100%);\r\n    padding:70px var(--aix-right-space) 70px var(--aix-left-space);\r\n    overflow:hidden;\r\n  }\r\n  .aix-prop *{ box-sizing:border-box; direction:ltr; }\r\n  .aix-container{\r\n    max-width:1500px;\r\n    margin:0;               \/* anchored to the left instead of centered *\/\r\n    display:grid;\r\n    grid-template-columns:1.05fr .95fr;\r\n    align-items:center;\r\n    gap:40px;\r\n  }\r\n\r\n  \/* ---------- LEFT COLUMN ---------- *\/\r\n  .aix-left{ text-align:left; }\r\n  .aix-eyebrow{\r\n    display:inline-block;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:2.5px;\r\n    color:var(--aix-blue);\r\n    text-transform:uppercase;\r\n    margin-bottom:14px;\r\n  }\r\n  .aix-heading{\r\n    font-size:clamp(30px,3.6vw,48px);\r\n    line-height:1.15;\r\n    font-weight:800;\r\n    color:var(--aix-navy);\r\n    margin:0 0 12px 0;\r\n    text-align:left;\r\n  }\r\n  .aix-subheading{\r\n    font-size:clamp(20px,2.2vw,28px);\r\n    line-height:1.3;\r\n    font-weight:700;\r\n    color:var(--aix-blue);\r\n    margin:0 0 20px 0;\r\n    text-align:left;\r\n  }\r\n  .aix-desc{\r\n    font-size:17px;\r\n    font-weight:400;\r\n    line-height:1.65;\r\n    color:var(--aix-muted);\r\n    max-width:520px;\r\n    margin:0 0 40px 0;\r\n    text-align:left;\r\n  }\r\n\r\n  .aix-steps{\r\n    display:flex;\r\n    flex-direction:row;\r\n    align-items:center;\r\n    justify-content:flex-start;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n  }\r\n  .aix-step{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    text-align:center;\r\n    width:130px;\r\n  }\r\n  .aix-step-icon{\r\n    width:64px;\r\n    height:64px;\r\n    border-radius:50%;\r\n    background:#fff;\r\n    box-shadow:0 8px 20px rgba(29,111,216,.12);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:24px;\r\n    color:var(--aix-blue);\r\n    margin-bottom:12px;\r\n  }\r\n  .aix-step span{\r\n    font-size:14.5px;\r\n    font-weight:600;\r\n    color:var(--aix-navy);\r\n    line-height:1.3;\r\n  }\r\n  .aix-arrow{\r\n    color:var(--aix-blue);\r\n    font-size:18px;\r\n    opacity:.6;\r\n    margin:0 2px 28px 2px;\r\n  }\r\n\r\n  \/* ---------- RIGHT COLUMN \/ ORBIT ---------- *\/\r\n  .aix-right{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n  }\r\n  .aix-orbit{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:620px;\r\n    aspect-ratio:1\/1;\r\n  }\r\n  .aix-ring{\r\n    position:absolute;\r\n    border-radius:50%;\r\n    border:1px dashed rgba(29,111,216,.25);\r\n    top:50%; left:50%;\r\n    transform:translate(-50%,-50%);\r\n  }\r\n  .aix-ring-outer{ width:96%; height:96%; }\r\n  .aix-ring-inner{ width:56%; height:56%; }\r\n\r\n  .aix-center{\r\n    position:absolute;\r\n    top:50%; left:50%;\r\n    transform:translate(-50%,-50%);\r\n    width:46%;\r\n    height:46%;\r\n    border-radius:50%;\r\n    background:radial-gradient(circle at 50% 40%, #ffffff 0%, #f5f9fe 100%);\r\n    box-shadow:0 20px 45px rgba(12,31,63,.14);\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    justify-content:center;\r\n    text-align:center;\r\n    padding:8%;\r\n    z-index:3;\r\n  }\r\n  .aix-logo-img{\r\n    width:100%;\r\n    max-width:200px;\r\n    height:auto;\r\n    margin-bottom:5px;\r\n  }\r\n  .aix-center-sub{\r\n    font-size:clamp(10px,1.1vw,13px);\r\n    font-weight:500;\r\n    color:var(--aix-muted);\r\n    line-height:1.4;\r\n    margin-top:6px;\r\n  }\r\n\r\n  .aix-node{\r\n    position:absolute;\r\n    transform:translate(-50%,-50%);\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:center;\r\n    text-align:center;\r\n    width:110px;\r\n    z-index:4;\r\n  }\r\n  .aix-node-icon{\r\n    width:56px;\r\n    height:56px;\r\n    border-radius:50%;\r\n    background:var(--aix-navy);\r\n    color:#fff;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:20px;\r\n    box-shadow:0 10px 22px rgba(12,31,63,.25);\r\n    margin-bottom:8px;\r\n    border:4px solid #fff;\r\n  }\r\n  .aix-node span{\r\n    font-size:13.5px;\r\n    font-weight:600;\r\n    color:var(--aix-navy);\r\n    line-height:1.25;\r\n  }\r\n\r\n  \/* 7 nodes positioned evenly around the circle, starting at top, clockwise *\/\r\n  .aix-node-1{ top:8%;  left:50%; }\r\n  .aix-node-2{ top:24%; left:83%; }\r\n  .aix-node-3{ top:60%; left:90%; }\r\n  .aix-node-4{ top:88%; left:68%; }\r\n  .aix-node-5{ top:88%; left:32%; }\r\n  .aix-node-6{ top:60%; left:10%; }\r\n  .aix-node-7{ top:24%; left:17%; }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width:900px){\r\n    .aix-prop{ --aix-left-space:6vw; --aix-right-space:6vw; }\r\n    .aix-container{ grid-template-columns:1fr; }\r\n    .aix-desc{ max-width:none; }\r\n    .aix-right{ margin-top:20px; }\r\n    .aix-orbit{ max-width:460px; }\r\n    .aix-node{ width:88px; }\r\n    .aix-node-icon{ width:46px; height:46px; font-size:17px; }\r\n    .aix-node span{ font-size:11.5px; }\r\n  }\r\n\r\n  @media (max-width:560px){\r\n    .aix-prop{ padding:50px 6vw; }\r\n    .aix-heading{ font-size:36px; }\r\n    .aix-subheading{ font-size:20px; }\r\n    .aix-desc{ font-size:15.5px; }\r\n    .aix-steps{ justify-content:flex-start; }\r\n    .aix-orbit{ max-width:340px; }\r\n    .aix-center-sub{ display:none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"aix-prop\" dir=\"ltr\">\r\n  <div class=\"aix-container\">\r\n\r\n    <!-- LEFT: copy + 3-step flow -->\r\n    <div class=\"aix-left\">\r\n      <span class=\"aix-eyebrow\">\u0627\u0644\u0639\u0631\u0636<\/span>\r\n      <h2 class=\"aix-heading\">\u0644\u0627 \u062a\u0634\u062a\u0631\u0650 50 \u062d\u0644\u0627\u064b \u0645\u0646\u0641\u0635\u0644\u0627\u064b \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h2>\r\n      <h3 class=\"aix-subheading\">\u0628\u0646\u0627\u0621 \u0645\u0646\u0635\u0629 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u0624\u0633\u0633\u064a\u0629 \u0648\u0627\u062d\u062f\u0629 \u0642\u0627\u062f\u0631\u0629 \u0639\u0644\u0649 \u062f\u0639\u0645 50 \u062d\u0627\u0644\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a.<\/h3>\r\n      <p class=\"aix-desc\">\u062a\u062e\u0644\u0651\u064e \u0639\u0646 \u0627\u0644\u0639\u0645\u0644 \u0641\u064a \u062c\u0632\u0631 \u0645\u0646\u0639\u0632\u0644\u0629\u061b \u0648\u0627\u062c\u0645\u0639 \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0641\u0631\u0642 \u0627\u0644\u0639\u0645\u0644 \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0645\u0646\u0635\u0629 \u0648\u0627\u062d\u062f\u0629 \u0622\u0645\u0646\u0629 \u0648\u062e\u0627\u0636\u0639\u0629 \u0644\u0644\u062d\u0648\u0643\u0645\u0629\u060c \u0644\u062a\u062d\u0642\u064a\u0642 \u0643\u0641\u0627\u0621\u0629 \u0623\u0639\u0644\u0649\u060c \u0648\u062e\u0641\u0636 \u0627\u0644\u062a\u0643\u0627\u0644\u064a\u0641\u060c \u0648\u062a\u0633\u0631\u064a\u0639 \u0648\u062a\u064a\u0631\u0629 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631.<\/p>\r\n\r\n      <div class=\"aix-steps\">\r\n        <div class=\"aix-step\">\r\n          <div class=\"aix-step-icon\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n          <span>\u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u062d\u062f<br>\u0645\u0624\u0633\u0633\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"aix-arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\r\n        <div class=\"aix-step\">\r\n          <div class=\"aix-step-icon\"><i class=\"fa-solid fa-building\"><\/i><\/div>\r\n          <span>\u0639\u062f\u064a\u062f<br>\u0627\u0644\u0623\u0642\u0633\u0627\u0645<\/span>\r\n        <\/div>\r\n        <div class=\"aix-arrow\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div>\r\n        <div class=\"aix-step\">\r\n          <div class=\"aix-step-icon\"><i class=\"fa-solid fa-diagram-project\"><\/i><\/div>\r\n          <span>\u0639\u062f\u064a\u062f<br>\u062d\u0627\u0644\u0627\u062a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: orbit diagram -->\r\n    <div class=\"aix-right\">\r\n      <div class=\"aix-orbit\">\r\n        <div class=\"aix-ring aix-ring-outer\"><\/div>\r\n        <div class=\"aix-ring aix-ring-inner\"><\/div>\r\n\r\n        <div class=\"aix-center\">\r\n          <img decoding=\"async\" class=\"aix-logo-img\" src=\"https:\/\/midnightblue-weasel-516787.hostingersite.com\/wp-content\/uploads\/2026\/09\/High-Resolution-Transparent-logo-AIX-Workspace.png\" alt=\"AIX Workspace logo\">\r\n          <div class=\"aix-center-sub\">\u0645\u0646\u0635\u0629 \u0648\u0627\u062d\u062f\u0629<br>\u0627\u062d\u062a\u0645\u0627\u0644\u0627\u062a \u0645\u062a\u0639\u062f\u062f\u0629.<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aix-node aix-node-1\">\r\n          <div class=\"aix-node-icon\"><i class=\"fa-solid fa-chart-line\"><\/i><\/div>\r\n          <span>\u062a\u0645\u0648\u064a\u0644<\/span>\r\n        <\/div>\r\n        <div class=\"aix-node aix-node-2\">\r\n          <div class=\"aix-node-icon\"><i class=\"fa-solid fa-users\"><\/i><\/div>\r\n          <span>\u0627\u0644\u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0628\u0634\u0631\u064a\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"aix-node aix-node-3\">\r\n          <div class=\"aix-node-icon\"><i class=\"fa-solid fa-headset\"><\/i><\/div>\r\n          <span>\u062e\u062f\u0645\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\r\n        <\/div>\r\n        <div class=\"aix-node aix-node-4\">\r\n          <div class=\"aix-node-icon\"><i class=\"fa-solid fa-server\"><\/i><\/div>\r\n          <span>\u0647\u0648 - \u0647\u064a<\/span>\r\n        <\/div>\r\n        <div class=\"aix-node aix-node-5\">\r\n          <div class=\"aix-node-icon\"><i class=\"fa-solid fa-gear\"><\/i><\/div>\r\n          <span>\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a<\/span>\r\n        <\/div>\r\n        <div class=\"aix-node aix-node-6\">\r\n          <div class=\"aix-node-icon\"><i class=\"fa-solid fa-bullhorn\"><\/i><\/div>\r\n          <span>\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642<\/span>\r\n        <\/div>\r\n        <div class=\"aix-node aix-node-7\">\r\n          <div class=\"aix-node-icon\"><i class=\"fa-solid fa-scale-balanced\"><\/i><\/div>\r\n          <span>\u0642\u0627\u0646\u0648\u0646\u064a<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c9fe90c e-con e-atomic-element e-flexbox-base e-default-div e-c9fe90c-25f3aa4\" data-id=\"c9fe90c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c9fe90c\">\n    \t\t<div class=\"elementor-element elementor-element-d69d174 elementor-widget elementor-widget-html\" data-id=\"d69d174\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  AIX Workspace - \"Build Without Code\" section\r\n  Paste this entire block into an Elementor HTML widget.\r\n  All CSS is scoped under #aixnc and uses the unique prefix \"aixnc-\" so theme\/Elementor styles can't clash.\r\n-->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  #aixnc{\r\n    --purple:#b44cff; --blue:#2e8ff0; --cyan:#22d3ee; --green:#22e0a0; --orange:#f5941f;\r\n    --navy-deep:#040b1c; --muted:#a9b8d2;\r\n    font-family:'Plus Jakarta Sans',sans-serif;\r\n    position:relative; isolation:isolate; overflow:hidden; width:100%;\r\n    padding:70px 5vw 90px;\r\n    background:\r\n      radial-gradient(ellipse 60% 70% at 78% 45%, rgba(46,143,240,.16) 0%, transparent 70%),\r\n      radial-gradient(circle at 8% 10%, #0c2144 0%, var(--navy-deep) 60%);\r\n  }\r\n  #aixnc, #aixnc *, #aixnc *::before, #aixnc *::after{ box-sizing:border-box; }\r\n  #aixnc::before{\r\n    content:\"\"; position:absolute; inset:0; z-index:0;\r\n    background-image:radial-gradient(rgba(120,170,255,.08) 1px, transparent 1px);\r\n    background-size:26px 26px;\r\n  }\r\n  #aixnc .aixnc-glow{ position:absolute; left:0; right:0; bottom:0; height:160px; z-index:0; pointer-events:none; line-height:0; }\r\n  #aixnc .aixnc-glow svg{ width:100%; height:100%; display:block; }\r\n\r\n  #aixnc .aixnc-inner{\r\n    position:relative; z-index:2; max-width:1400px; margin:0 auto;\r\n    display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);\r\n    gap:40px; align-items:center;\r\n  }\r\n\r\n  \/* ---------- LEFT ---------- *\/\r\n  #aixnc .aixnc-eyebrow{ display:block; font-family:'Plus Jakarta Sans',sans-serif; font-size:13px; font-weight:600; letter-spacing:3px; color:#22d3ee !important; text-transform:uppercase; margin:0 0 18px; }\r\n  #aixnc .aixnc-heading{ font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(28px,3.5vw,50px); line-height:1.12; font-weight:800; color:#ffffff !important; margin:0 0 22px; padding:0; letter-spacing:-.5px; }\r\n  #aixnc .aixnc-ai-c{ color:#14b8ee !important; -webkit-text-fill-color:#14b8ee; background:none; }\r\n  #aixnc .aixnc-x-c{ color:#f77f1b !important; -webkit-text-fill-color:#f77f1b; background:none; }\r\n  #aixnc .aixnc-desc{ font-family:'Plus Jakarta Sans',sans-serif; font-size:clamp(15px,1.35vw,20px); line-height:1.65; color:#a9b8d2 !important; margin:0 0 38px; max-width:560px; }\r\n\r\n  #aixnc .aixnc-feats{ display:grid; grid-template-columns:1fr 1fr; gap:30px 34px; margin:0 0 42px; }\r\n  #aixnc .aixnc-feat{ display:flex; gap:16px; align-items:flex-start; min-width:0; }\r\n  #aixnc .aixnc-ficon{\r\n    flex:0 0 52px; width:52px; height:52px; border-radius:14px; display:flex; align-items:center; justify-content:center;\r\n    font-size:22px; color:var(--c); border:1.5px solid var(--c);\r\n    background:#0a1a33; box-shadow:0 0 18px color-mix(in srgb, var(--c) 35%, transparent);\r\n  }\r\n  #aixnc .aixnc-ficon i{ color:var(--c) !important; }\r\n  #aixnc .aixnc-ftitle{ font-family:'Plus Jakarta Sans',sans-serif; font-size:18px; font-weight:700; color:#ffffff !important; margin:2px 0 6px; line-height:1.25; }\r\n  #aixnc .aixnc-ftext{ font-family:'Plus Jakarta Sans',sans-serif; font-size:14.5px; font-weight:400; line-height:1.5; color:#a9b8d2 !important; margin:0; }\r\n\r\n  #aixnc a.aixnc-btn{\r\n    display:inline-flex; align-items:center; gap:12px; padding:16px 30px; border-radius:999px;\r\n    border:1.5px solid rgba(255,255,255,.55); color:#ffffff !important; font-family:'Plus Jakarta Sans',sans-serif; font-size:16px; font-weight:600; text-decoration:none !important;\r\n    background:rgba(255,255,255,.03); transition:background .2s, border-color .2s;\r\n  }\r\n  #aixnc a.aixnc-btn i{ font-size:13px; color:#ffffff !important; transition:transform .2s; }\r\n  #aixnc a.aixnc-btn:hover{ background:rgba(255,255,255,.1); border-color:#ffffff; }\r\n  #aixnc a.aixnc-btn:hover i{ transform:translateX(3px); }\r\n\r\n  \/* ---------- RIGHT: mockup (designed at 780 x 540, scaled by script) ---------- *\/\r\n  #aixnc .aixnc-mock{ position:relative; width:100%; min-width:0; }\r\n  #aixnc .aixnc-stage{ position:absolute; left:0; top:0; width:780px; height:540px; transform-origin:0 0; }\r\n  #aixnc .aixnc-winbox{ position:absolute; left:0; top:0; width:780px; height:492px; }\r\n  #aixnc .aixnc-win{\r\n    position:absolute; left:0; top:0; width:780px; height:492px; border-radius:20px; transform-origin:0 0;\r\n    background:linear-gradient(160deg,#0b1d3c 0%,#071327 100%);\r\n    border:1.5px solid rgba(60,150,255,.75);\r\n    box-shadow:0 0 0 1px rgba(34,211,238,.15), 0 0 40px rgba(46,143,240,.35), inset 0 0 40px rgba(46,143,240,.08);\r\n    overflow:hidden;\r\n  }\r\n  #aixnc .aixnc-win::after{\r\n    content:\"\"; position:absolute; left:130px; right:0; top:82px; bottom:0;\r\n    background-image:radial-gradient(rgba(120,170,255,.16) 1px, transparent 1px); background-size:18px 18px;\r\n  }\r\n  #aixnc .aixnc-logo{ position:absolute; left:16px; top:14px; font-family:'Plus Jakarta Sans',sans-serif; font-size:21px; font-weight:800; color:#ffffff !important; letter-spacing:-.3px; z-index:3; line-height:1.2; }\r\n  #aixnc .aixnc-logo b{ font-weight:800; }\r\n  #aixnc .aixnc-ctrl{ position:absolute; right:18px; top:16px; display:flex; gap:20px; font-size:14px; z-index:3; }\r\n  #aixnc .aixnc-ctrl i{ color:#cfe0ff !important; }\r\n  #aixnc .aixnc-tools{ position:absolute; right:22px; top:62px; display:flex; gap:10px; z-index:3; }\r\n  #aixnc .aixnc-tb{ font-family:'Plus Jakarta Sans',sans-serif; font-size:12.5px; font-weight:600; color:#ffffff !important; padding:8px 14px; border-radius:8px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.08); line-height:1.2; }\r\n  #aixnc .aixnc-tb i{ color:#ffffff !important; }\r\n  #aixnc .aixnc-tb.aixnc-run{ background:#1d7cf2; border-color:#1d7cf2; box-shadow:0 0 14px rgba(29,124,242,.6); }\r\n  #aixnc .aixnc-tb.aixnc-run i{ font-size:10px; margin-right:6px; }\r\n\r\n  #aixnc .aixnc-side{ position:absolute; left:0; top:82px; bottom:0; width:130px; background:rgba(6,16,36,.75); border-right:1px solid rgba(255,255,255,.05); z-index:2; padding-top:10px; }\r\n  #aixnc .aixnc-side-h{ font-family:'Plus Jakarta Sans',sans-serif; padding:0 14px 12px; font-size:12px; font-weight:600; color:#ffffff !important; display:flex; justify-content:space-between; }\r\n  #aixnc .aixnc-side-h i{ font-size:10px; color:#9fb0c9 !important; }\r\n  #aixnc .aixnc-side-list{ margin:0; padding:0; list-style:none; }\r\n  #aixnc .aixnc-side-list li{ list-style:none; display:flex; align-items:center; gap:10px; padding:9px 14px; margin:0; font-family:'Plus Jakarta Sans',sans-serif; font-size:10.5px; color:#e3ecfb !important; line-height:1.2; }\r\n  #aixnc .aixnc-side-list li i{ width:16px; text-align:center; font-size:13px; color:var(--ic) !important; }\r\n  #aixnc .aixnc-side-list li.aixnc-on{ background:rgba(46,143,240,.18); border-radius:8px; margin:0 6px; padding:9px 8px; }\r\n\r\n  #aixnc .aixnc-flow{ position:absolute; inset:0; z-index:2; }\r\n  #aixnc .aixnc-flow svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }\r\n  #aixnc .aixnc-node{\r\n    position:absolute; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;\r\n    background:linear-gradient(180deg,#0c2142,#081730); border:1.2px solid var(--n); border-radius:10px;\r\n    box-shadow:0 0 14px color-mix(in srgb, var(--n) 45%, transparent), inset 0 0 12px color-mix(in srgb, var(--n) 12%, transparent);\r\n    font-family:'Plus Jakarta Sans',sans-serif; font-size:10.5px; font-weight:600; line-height:1.25; padding:6px; color:#ffffff !important;\r\n  }\r\n  #aixnc .aixnc-node i{ font-size:19px; color:var(--n) !important; margin-bottom:6px; }\r\n  #aixnc .aixnc-node small{ display:block; font-size:8.5px; font-weight:400; color:#a9b8d2 !important; }\r\n  #aixnc .aixnc-node span{ color:#ffffff !important; }\r\n  #aixnc .aixnc-node.aixnc-row{ flex-direction:row; justify-content:flex-start; gap:10px; padding:6px 10px; text-align:left; }\r\n  #aixnc .aixnc-node.aixnc-row i{ margin:0; font-size:20px; }\r\n\r\n  \/* floating panels *\/\r\n  #aixnc .aixnc-panel{\r\n    position:absolute; z-index:4; border-radius:16px; padding:14px 16px;\r\n    background:linear-gradient(160deg,#0e2040,#08142a); border:1.5px solid rgba(60,150,255,.6);\r\n    box-shadow:0 10px 30px rgba(0,0,0,.45), 0 0 26px rgba(46,143,240,.3);\r\n    font-family:'Plus Jakarta Sans',sans-serif; color:#ffffff !important;\r\n  }\r\n  #aixnc .aixnc-ai{ left:0; top:350px; width:278px; min-height:170px; border-color:rgba(245,148,31,.55); box-shadow:0 10px 30px rgba(0,0,0,.45), 0 0 26px rgba(245,148,31,.22); }\r\n  #aixnc .aixnc-ai-title{ display:flex; align-items:center; gap:10px; font-size:14px; font-weight:700; color:#ffffff !important; line-height:1.2; margin:0; }\r\n  #aixnc .aixnc-ai-title i{ width:26px; height:26px; border-radius:7px; background:rgba(180,76,255,.22); color:#b44cff !important; display:flex; align-items:center; justify-content:center; font-size:13px; }\r\n  #aixnc .aixnc-sel{ margin:8px 0 10px; font-size:11px; padding:8px 10px; border-radius:7px; background:rgba(255,255,255,.07); display:flex; justify-content:space-between; align-items:center; color:#ffffff !important; line-height:1.2; }\r\n  #aixnc .aixnc-sel i{ font-size:9px; color:#ffffff !important; }\r\n  #aixnc .aixnc-lbl{ font-size:11.5px; font-weight:600; margin:0 0 6px; color:#ffffff !important; line-height:1.2; }\r\n  #aixnc .aixnc-prompt{\r\n    display:block; width:100%; margin:0; font-size:11px; font-weight:400; line-height:1.5; color:#e3ecfb !important;\r\n    padding:10px 12px; border-radius:7px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);\r\n    white-space:normal; overflow-wrap:anywhere; word-break:normal; text-align:left;\r\n  }\r\n\r\n  #aixnc .aixnc-int{ left:506px; top:385px; width:250px; min-height:145px; }\r\n  #aixnc .aixnc-int-title{ margin:0 0 10px; font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; font-weight:700; color:#ffffff !important; line-height:1.2; letter-spacing:0; text-transform:none; }\r\n  #aixnc .aixnc-logos{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px 10px; }\r\n  #aixnc .aixnc-logos span{ height:44px; display:flex; align-items:center; justify-content:center; padding:2px; }\r\n  #aixnc .aixnc-logos img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; margin:0; }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width:1100px){\r\n    #aixnc .aixnc-inner{ grid-template-columns:1fr; gap:50px; }\r\n    #aixnc .aixnc-desc{ max-width:none; }\r\n    #aixnc .aixnc-mock{ max-width:780px; margin:0 auto; }\r\n  }\r\n  @media (max-width:560px){\r\n    #aixnc{ padding:56px 6vw 80px; }\r\n    #aixnc .aixnc-feats{ grid-template-columns:1fr; gap:24px; }\r\n    #aixnc a.aixnc-btn{ padding:14px 24px; font-size:15px; }\r\n  }\r\n\r\n  \/* Small screens: the workflow window is scaled down as a picture;\r\n     the AI Model and Integrations panels become real, readable full-width cards below it *\/\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-stage{ position:relative; width:100%; height:auto; transform:none !important; }\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-winbox{ position:relative; width:100%; }\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-panel{ position:relative; left:auto; top:auto; width:100%; min-height:0; margin-top:18px; padding:18px; }\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-ai-title{ font-size:16px; }\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-sel{ font-size:13px; padding:10px 12px; }\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-lbl{ font-size:13px; }\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-prompt{ font-size:13px; }\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-int-title{ font-size:16px; }\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-logos{ grid-template-columns:repeat(4,1fr); gap:12px; }\r\n  #aixnc .aixnc-mock.aixnc-stack .aixnc-logos span{ height:52px; }\r\n<\/style>\r\n\r\n<section id=\"aixnc\">\r\n  <div class=\"aixnc-glow\">\r\n    <svg viewbox=\"0 0 1440 160\" preserveaspectratio=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n      <defs>\r\n        <lineargradient id=\"aixncOr\" x1=\"0\" x2=\"1\"><stop offset=\"0\" stop-color=\"#f5941f\" stop-opacity=\"0\"\/><stop offset=\"1\" stop-color=\"#f5941f\" stop-opacity=\".55\"\/><\/lineargradient>\r\n      <\/defs>\r\n      <path d=\"M0,90 C260,140 520,40 800,100 C1080,160 1260,70 1440,110 L1440,160 L0,160 Z\" fill=\"#0d2b52\" opacity=\".6\"\/>\r\n      <path d=\"M0,120 C300,80 560,150 860,120 C1120,95 1300,60 1440,80 L1440,160 L0,160 Z\" fill=\"url(#aixncOr)\"\/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"aixnc-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"aixnc-left\">\r\n      <span class=\"aixnc-eyebrow\">\u0627\u0644\u0628\u0646\u0627\u0621 \u0628\u062f\u0648\u0646 \u0628\u0631\u0645\u062c\u0629<\/span>\r\n      <h2 class=\"aixnc-heading\">\u062d\u0627\u0644\u0627\u062a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0631\u0626\u064a\u0629 \u0628\u062f\u0648\u0646 \u0643\u062a\u0627\u0628\u0629 \u0623\u0643\u0648\u0627\u062f\/\u0628\u0623\u0643\u0648\u0627\u062f \u0642\u0644\u064a\u0644\u0629 \u0645\u0639 <span class=\"aixnc-ai-c\">AI<\/span><span class=\"aixnc-x-c\">X<\/span> Workspace<\/h2>\r\n      <p class=\"aixnc-desc\">\u0623\u0646\u0634\u0626 \u0628\u0633\u0647\u0648\u0644\u0629 \u062d\u0627\u0644\u0627\u062a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u0631\u0628\u0637 \u0628\u064a\u0646 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0623\u062f\u0648\u0627\u062a\u0643 \u0648\u0623\u0646\u0638\u0645\u062a\u0643\u060c \u0648\u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0643\u062a\u0627\u0628\u0629 \u0623\u064a \u0643\u0648\u062f \u0628\u0631\u0645\u062c\u064a.<\/p>\r\n\r\n      <div class=\"aixnc-feats\">\r\n        <div class=\"aixnc-feat\">\r\n          <div class=\"aixnc-ficon\" style=\"--c:#b44cff\"><i class=\"fa-solid fa-arrow-pointer\"><\/i><\/div>\r\n          <div><div class=\"aixnc-ftitle\">\u0627\u0644\u0633\u062d\u0628 \u0648\u0627\u0644\u0625\u0641\u0644\u0627\u062a<\/div><p class=\"aixnc-ftext\">\u0623\u0646\u0634\u0626 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u0635\u0631\u064a\u0627\u064b \u062f\u0648\u0646 \u0627\u0644\u062d\u0627\u062c\u0629 \u0625\u0644\u0649 \u0628\u0631\u0645\u062c\u0629.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixnc-feat\">\r\n          <div class=\"aixnc-ficon\" style=\"--c:#2e8ff0\"><i class=\"fa-solid fa-plug\"><\/i><\/div>\r\n          <div><div class=\"aixnc-ftitle\">\u062a\u0643\u0627\u0645\u0644\u0627\u062a \u0639\u062f\u064a\u062f\u0629<\/div><p class=\"aixnc-ftext\">\u0627\u062a\u0635\u0644 \u0628\u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u0643 \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u0629.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixnc-feat\">\r\n          <div class=\"aixnc-ficon\" style=\"--c:#22e0a0\"><i class=\"fa-solid fa-gear\"><\/i><\/div>\r\n          <div><div class=\"aixnc-ftitle\">\u0648\u0643\u0644\u0627\u0621 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/div><p class=\"aixnc-ftext\">\u0627\u0633\u062a\u062e\u062f\u0645 \u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u062a\u0642\u0646\u064a\u0629 RAG \u0648\u0627\u0644\u0645\u0646\u0637\u0642 \u0627\u0644\u0645\u062e\u0635\u0635 \u0641\u064a \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643.<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixnc-feat\">\r\n          <div class=\"aixnc-ficon\" style=\"--c:#f5941f\"><i class=\"fa-solid fa-chart-simple\"><\/i><\/div>\r\n          <div><div class=\"aixnc-ftitle\">\u0642\u0648\u0627\u0644\u0628 \u062c\u0627\u0647\u0632\u0629<\/div><p class=\"aixnc-ftext\">\u0627\u0628\u062f\u0623 \u0628\u0633\u0631\u0639\u0629 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062d\u0627\u0644\u0627\u062a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062c\u0627\u0647\u0632\u0629\u060c \u0648\u0642\u0645 \u0628\u0627\u0644\u062a\u062e\u0635\u064a\u0635 \u0628\u0633\u0647\u0648\u0644\u0629.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"https:\/\/aixworkspace.net\/ar\/about-us\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"aixnc-btn\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 AIX <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: product mockup -->\r\n    <div class=\"aixnc-mock\">\r\n      <div class=\"aixnc-stage\">\r\n\r\n        <div class=\"aixnc-winbox\">\r\n          <div class=\"aixnc-win\">\r\n            <div class=\"aixnc-logo\"><b class=\"aixnc-ai-c\">AI<\/b><b class=\"aixnc-x-c\">X<\/b> Workspace<\/div>\r\n            <div class=\"aixnc-ctrl\"><i class=\"fa-solid fa-minus\"><\/i><i class=\"fa-regular fa-square\"><\/i><i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n            <div class=\"aixnc-tools\">\r\n              <span class=\"aixnc-tb aixnc-run\"><i class=\"fa-solid fa-play\"><\/i>\u064a\u062c\u0631\u064a<\/span>\r\n              <span class=\"aixnc-tb\">\u064a\u062d\u0641\u0638<\/span>\r\n              <span class=\"aixnc-tb\"><i class=\"fa-solid fa-ellipsis\"><\/i><\/span>\r\n            <\/div>\r\n\r\n            <div class=\"aixnc-side\">\r\n              <div class=\"aixnc-side-h\">Nodes <i class=\"fa-solid fa-xmark\"><\/i><\/div>\r\n              <ul class=\"aixnc-side-list\">\r\n                <li class=\"aixnc-on\" style=\"--ic:#22e0a0\"><i class=\"fa-solid fa-bolt\"><\/i>Trigger<\/li>\r\n                <li style=\"--ic:#b44cff\"><i class=\"fa-solid fa-brain\"><\/i>AI<\/li>\r\n                <li style=\"--ic:#2e8ff0\"><i class=\"fa-solid fa-database\"><\/i>Data<\/li>\r\n                <li style=\"--ic:#ff5c8a\"><i class=\"fa-solid fa-envelope\"><\/i>Communication<\/li>\r\n                <li style=\"--ic:#e8f0ff\"><i class=\"fa-solid fa-table-cells-large\"><\/i>Apps<\/li>\r\n                <li style=\"--ic:#e8f0ff\"><i class=\"fa-solid fa-sitemap\"><\/i>Logic<\/li>\r\n                <li style=\"--ic:#9fb0c9\"><i class=\"fa-solid fa-wrench\"><\/i>Tools<\/li>\r\n              <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"aixnc-flow\">\r\n              <svg viewbox=\"0 0 780 492\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <defs>\r\n                  <marker id=\"aixncArr\" viewbox=\"0 0 10 10\" refx=\"8\" refy=\"5\" markerwidth=\"7\" markerheight=\"7\" orient=\"auto\"><path d=\"M0,0 L10,5 L0,10 Z\" fill=\"#22e0a0\"\/><\/marker>\r\n                <\/defs>\r\n                <g fill=\"none\" stroke=\"#22e0a0\" stroke-width=\"1.6\" marker-end=\"url(#aixncArr)\">\r\n                  <path d=\"M203 240 H227\"\/>\r\n                  <path d=\"M284 240 H310\"\/>\r\n                  <path d=\"M371 240 H388 V181 H402\"\/>\r\n                  <path d=\"M371 240 H388 V295 H402\"\/>\r\n                  <path d=\"M512 181 H528 V240 H544\"\/>\r\n                  <path d=\"M512 295 H528 V240 H544\" marker-end=\"none\"\/>\r\n                  <path d=\"M618 240 H650\"\/>\r\n                <\/g>\r\n              <\/svg>\r\n\r\n              <div class=\"aixnc-node\" style=\"--n:#22e0a0;left:148px;top:202px;width:55px;height:76px\"><i class=\"fa-solid fa-file-lines\"><\/i>\u0627\u0633\u062a\u0645\u0627\u0631\u0629<small>New Request<\/small><\/div>\r\n              <div class=\"aixnc-node\" style=\"--n:#2e8ff0;left:228px;top:202px;width:56px;height:76px\"><i class=\"fa-solid fa-file-lines\"><\/i>\u064a\u0633\u062a\u062e\u0631\u062c<small>Document<\/small><\/div>\r\n              <div class=\"aixnc-node\" style=\"--n:#b44cff;left:311px;top:201px;width:60px;height:80px\"><i class=\"fa-solid fa-brain\"><\/i>\u0648\u0643\u064a\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<small>(LLM)<\/small><\/div>\r\n              <div class=\"aixnc-node aixnc-row\" style=\"--n:#22d3ee;left:403px;top:146px;width:109px;height:70px\"><i class=\"fa-solid fa-database\"><\/i><span>\u0627\u0644\u0628\u062d\u062b \u0641\u064a \u0627\u0644\u0645\u0639\u0631\u0641\u0629<small>(Milvus)<\/small><\/span><\/div>\r\n              <div class=\"aixnc-node aixnc-row\" style=\"--n:#22e0a0;left:403px;top:260px;width:109px;height:70px\"><i class=\"fa-solid fa-database\"><\/i><span>\u062a\u062d\u062f\u064a\u062b \u0642\u0627\u0639\u062f\u0629 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<small>(PostgreSQL)<\/small><\/span><\/div>\r\n              <div class=\"aixnc-node\" style=\"--n:#f5941f;left:545px;top:198px;width:72px;height:80px\"><i class=\"fa-solid fa-envelope\"><\/i>\u0625\u0631\u0633\u0627\u0644 \u0628\u0631\u064a\u062f \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/div>\r\n              <div class=\"aixnc-node\" style=\"--n:#2e8ff0;left:652px;top:196px;width:92px;height:86px\"><i class=\"fa-solid fa-table-cells\"><\/i>\u0625\u0646\u0634\u0627\u0621 \u0633\u062c\u0644<small>(NoCoDB)<\/small><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- AI Model panel -->\r\n        <div class=\"aixnc-panel aixnc-ai\">\r\n          <div class=\"aixnc-ai-title\"><i class=\"fa-solid fa-brain\"><\/i>\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/div>\r\n          <div class=\"aixnc-sel\"><span>\u0643\u0648\u064a\u0646 \/ \u0644\u0627\u0645\u0627 \/ \u062c\u064a\u0645\u0627<\/span><i class=\"fa-solid fa-chevron-down\"><\/i><\/div>\r\n          <div class=\"aixnc-lbl\">\u0627\u0650\u0633\u0652\u062a\u064e\u062f\u0652\u0639\u064e\u0649<\/div>\r\n          <div class=\"aixnc-prompt\">\u0642\u0645 \u0628\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0633\u062a\u0646\u062f \u0648\u0627\u0633\u062a\u062e\u0631\u0627\u062c \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629...<\/div>\r\n        <\/div>\r\n\r\n        <!-- Integrations panel -->\r\n        <div class=\"aixnc-panel aixnc-int\">\r\n          <div class=\"aixnc-int-title\">\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0643\u0627\u0645\u0644<\/div>\r\n          <div class=\"aixnc-logos\">\r\n            <span><img decoding=\"async\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/google-drive.webp\" alt=\"Google Drive\" loading=\"lazy\"><\/span>\r\n            <span><img decoding=\"async\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/gmail.webp\" alt=\"Gmail\" loading=\"lazy\"><\/span>\r\n            <span><img decoding=\"async\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/slack.webp\" alt=\"Slack\" loading=\"lazy\"><\/span>\r\n            <span><img decoding=\"async\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/teams.png\" alt=\"Microsoft Teams\" loading=\"lazy\"><\/span>\r\n            <span><img decoding=\"async\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/Postgresql_elephant.svg.webp\" alt=\"PostgreSQL\" loading=\"lazy\"><\/span>\r\n            <!-- Green leaf (MongoDB-style) placeholder: replace with <img decoding=\"async\" src=\"YOUR-URL\" alt=\"MongoDB\"> when you have the logo -->\r\n            <span><svg viewbox=\"0 0 24 40\" width=\"22\" height=\"36\" aria-label=\"MongoDB\"><path d=\"M12 1C12 1 4 10 4 22c0 7 4 11 7 13l1 4 1-4c3-2 7-6 7-13C20 10 12 1 12 1z\" fill=\"#13aa52\"\/><path d=\"M12 6v29\" stroke=\"#e8f5ec\" stroke-width=\"1.2\" fill=\"none\"\/><\/svg><\/span>\r\n            <span><img decoding=\"async\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/Amazon-S3-Logo.svg.webp\" alt=\"Amazon S3\" loading=\"lazy\"><\/span>\r\n            <span><img decoding=\"async\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/sap.png\" alt=\"SAP\" loading=\"lazy\"><\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n  (function(){\r\n    var root = document.getElementById('aixnc');\r\n    if(!root) return;\r\n    var mock   = root.querySelector('.aixnc-mock');\r\n    var stage  = root.querySelector('.aixnc-stage');\r\n    var winbox = root.querySelector('.aixnc-winbox');\r\n    var win    = root.querySelector('.aixnc-win');\r\n    var W = 780, WH = 492, H = 540;\r\n\r\n    function fit(){\r\n      var w = mock.clientWidth;\r\n      if(!w) return;\r\n      var s = w \/ W;\r\n      if(window.innerWidth <= 760){\r\n        \/* stacked: scale only the workflow window, panels flow below as normal cards *\/\r\n        mock.classList.add('aixnc-stack');\r\n        stage.style.transform = 'none';\r\n        win.style.transform = 'scale(' + s + ')';\r\n        winbox.style.height = (WH * s) + 'px';\r\n        mock.style.height = 'auto';\r\n      } else {\r\n        mock.classList.remove('aixnc-stack');\r\n        win.style.transform = 'none';\r\n        winbox.style.height = WH + 'px';\r\n        var tilt = window.innerWidth > 1100 ? 'perspective(1800px) rotateY(-5deg) rotateX(1.5deg) ' : '';\r\n        stage.style.transform = tilt + 'scale(' + s + ')';\r\n        mock.style.height = (H * s) + 'px';\r\n      }\r\n    }\r\n    fit();\r\n    window.addEventListener('resize', fit);\r\n    window.addEventListener('load', fit);\r\n    if(window.ResizeObserver){ new ResizeObserver(fit).observe(mock); }\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1b32a1a e-con e-atomic-element e-flexbox-base e-default-div e-1b32a1a-9da195d\" data-id=\"1b32a1a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1b32a1a\">\n    \t\t<div class=\"elementor-element elementor-element-e4a9f7e elementor-widget elementor-widget-html\" data-id=\"e4a9f7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  AIX Workspace - \"The Solution\" section\r\n  Paste this entire block into an Elementor HTML widget.\r\n  Uses Plus Jakarta Sans + Font Awesome 6 (remove the links below if your theme\/Elementor already loads them).\r\n-->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .aix-solution{\r\n    --s-orange:#f5871f;\r\n    --s-orange-2:#ff6a3d;\r\n    --s-blue:#1d8fe0;\r\n    --s-navy:#0c1f3f;\r\n    --s-muted:#5c6b82;\r\n    --s-line:#7fb5f0;\r\n    font-family:'Plus Jakarta Sans', sans-serif;\r\n    position:relative;\r\n    background:linear-gradient(180deg,#eef5fc 0%,#e6f0fa 100%);\r\n    padding:80px 5vw;\r\n    overflow:hidden;\r\n  }\r\n  .aix-solution *{ box-sizing:border-box; }\r\n\r\n  .aixs-inner{\r\n    max-width:1400px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:minmax(360px,0.95fr) 2fr;\r\n    gap:110px;\r\n    align-items:center;\r\n  }\r\n\r\n  \/* ---------- LEFT ---------- *\/\r\n  .aixs-left{ position:relative; }\r\n  .aixs-eyebrow{\r\n    display:inline-block;\r\n    font-size:12.5px; font-weight:700; letter-spacing:2.5px;\r\n    color:var(--s-blue); text-transform:uppercase; margin-bottom:18px;\r\n  }\r\n  .aixs-heading{\r\n    font-size:clamp(34px,3.7vw,54px);\r\n    line-height:1.12; font-weight:800; letter-spacing:-.5px;\r\n    color:var(--s-navy); margin:0 0 20px 0; max-width:520px;\r\n  }\r\n  .aixs-desc{\r\n    font-size:17px; line-height:1.7; color:var(--s-muted);\r\n    max-width:470px; margin:0 0 34px 0;\r\n  }\r\n  .aixs-btn{\r\n    display:inline-flex; align-items:center; gap:12px;\r\n    padding:17px 34px; border-radius:999px;\r\n    background:linear-gradient(135deg,var(--s-orange) 0%,var(--s-orange-2) 100%);\r\n    color:#fff !important;\r\n    font-size:16px; font-weight:700; text-decoration:none;\r\n    box-shadow:0 10px 24px rgba(245,135,31,.30);\r\n    transition:transform .2s ease, box-shadow .2s ease, background .2s ease;\r\n  }\r\n  .aixs-btn i{ font-size:14px; color:#fff !important; transition:transform .2s ease; }\r\n  .aixs-btn:hover{\r\n    background:#2FD1E0 !important; color:#fff !important;\r\n    transform:translateY(-2px);\r\n    box-shadow:0 14px 30px rgba(47,209,224,.35);\r\n  }\r\n  .aixs-btn:hover i{ transform:translateX(3px); }\r\n\r\n  \/* ---------- STAGE ---------- *\/\r\n  .aixs-stage{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr);\r\n    height:380px;\r\n    align-items:stretch;\r\n  }\r\n  .aixs-col{ display:flex; flex-direction:column; gap:24px; min-width:0; }\r\n  .aixs-col .aixs-card{ flex:1; }\r\n\r\n  \/* middle: connectors + diamond *\/\r\n  .aixs-mid{ position:relative; display:flex; align-items:center; justify-content:center; }\r\n  .aixs-lines{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; z-index:1; }\r\n  .aixs-lines path{\r\n    fill:none; stroke:var(--s-line); stroke-width:1.6; stroke-opacity:.85;\r\n    vector-effect:non-scaling-stroke;\r\n  }\r\n  .aixs-diamond-wrap{ position:relative; z-index:2; display:flex; align-items:center; justify-content:center; }\r\n  .aixs-diamond{\r\n    position:relative;\r\n    width:150px; height:150px;\r\n    border-radius:28px;\r\n    background:linear-gradient(135deg,#ffffff 0%, #f3f8ff 100%);\r\n    box-shadow:0 0 0 1px rgba(255,255,255,.7), 0 0 60px rgba(100,170,255,.40), 0 24px 50px rgba(29,111,216,.18);\r\n    transform:rotate(45deg);\r\n  }\r\n  .aixs-diamond-content{\r\n    position:absolute; inset:0;\r\n    transform:rotate(-45deg);\r\n    display:flex; align-items:center; justify-content:center;\r\n  }\r\n  .aixs-logo-img{ width:150px; max-width:none; height:auto; display:block; }\r\n\r\n  \/* feature cards *\/\r\n  .aixs-card{\r\n    position:relative;\r\n    display:flex; align-items:center; gap:16px;\r\n    background:#fff;\r\n    border-radius:18px;\r\n    padding:14px 22px;\r\n    box-shadow:0 12px 30px rgba(29,63,110,.10);\r\n  }\r\n  .aixs-card::after{\r\n    content:\"\"; position:absolute; top:50%;\r\n    width:11px; height:11px; margin-top:-5.5px; border-radius:50%;\r\n    background:var(--s-line); box-shadow:0 0 0 3px rgba(127,181,240,.25);\r\n  }\r\n  .aixs-left-col .aixs-card::after{ right:-5.5px; }\r\n  .aixs-right-col .aixs-card::after{ left:-5.5px; }\r\n\r\n  .aixs-icon{\r\n    flex:0 0 auto;\r\n    width:50px; height:50px;\r\n    display:flex; align-items:center; justify-content:center;\r\n    color:#fff; font-size:20px; border-radius:14px;\r\n  }\r\n  .aixs-card h4{\r\n    font-size:16px; font-weight:700; color:var(--s-navy);\r\n    margin:0 0 4px 0; line-height:1.25;\r\n  }\r\n  .aixs-card p{\r\n    font-size:13px; font-weight:500; color:var(--s-muted);\r\n    margin:0; line-height:1.3;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width:1400px){\r\n    .aixs-inner{ gap:70px; }\r\n    .aixs-stage{ grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr); }\r\n  }\r\n  @media (max-width:1240px){\r\n    .aixs-inner{ grid-template-columns:1fr; gap:50px; }\r\n    .aixs-desc{ max-width:600px; }\r\n    .aixs-heading{ max-width:700px; }\r\n    .aixs-stage{ display:flex; flex-direction:column; height:auto; gap:24px; }\r\n    .aixs-lines{ display:none; }\r\n    .aixs-mid{ order:-1; padding:50px 0; }\r\n    .aixs-col{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }\r\n    .aixs-card::after{ display:none; }\r\n  }\r\n  @media (max-width:700px){\r\n    .aix-solution{ padding:60px 6vw; }\r\n    .aixs-heading{ font-size:34px; }\r\n    .aixs-desc{ font-size:16px; }\r\n    .aixs-col{ grid-template-columns:1fr; }\r\n    .aixs-diamond{ width:130px; height:130px; }\r\n    .aixs-logo-img{ width:130px; }\r\n    .aixs-btn{ padding:15px 28px; font-size:15px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"aix-solution\">\r\n  <div class=\"aixs-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"aixs-left\">\r\n      <span class=\"aixs-eyebrow\">\u0627\u0644\u062d\u0644<\/span>\r\n      <h2 class=\"aixs-heading\">\u0623\u0633\u0627\u0633 \u0645\u0648\u062d\u062f \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0645\u0624\u0633\u0633\u064a<\/h2>\r\n      <p class=\"aixs-desc\">\u062a\u062c\u0645\u0639 \u0645\u0646\u0635\u0629 AIX Workspace \u0645\u0628\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643 \u0641\u064a \u0645\u0646\u0635\u0629 \u0648\u0627\u062d\u062f\u0629 \u0622\u0645\u0646\u0629\u061b \u0645\u0645\u0627 \u064a\u0645\u0646\u062d \u0641\u0631\u0642 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0644\u0627\u0632\u0645\u060c \u0648\u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0646\u0641\u0633\u0647 \u064a\u062a\u064a\u062d \u0644\u0623\u0642\u0633\u0627\u0645 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0625\u0637\u0644\u0627\u0642 \u062d\u0627\u0644\u0627\u062a \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0628\u0633\u0631\u0639\u0629.<\/p>\r\n      <a href=\"https:\/\/aixworkspace.net\/ar\/contact-us\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"aixs-btn\">\u062a\u062d\u062f\u062b \u0625\u0644\u0649 \u0641\u0631\u064a\u0642\u0646\u0627 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"aixs-stage\">\r\n\r\n      <!-- left cards -->\r\n      <div class=\"aixs-col aixs-left-col\">\r\n        <div class=\"aixs-card\">\r\n          <div class=\"aixs-icon\" style=\"background:linear-gradient(135deg,#ff7a3d,#f2601f)\"><i class=\"fa-solid fa-arrows-spin\"><\/i><\/div>\r\n          <div><h4>\u0633\u064a\u0631 \u0639\u0645\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h4><p>\u0623\u062a\u0645\u062a\u0629 \u0648\u062a\u0648\u0633\u064a\u0639 \u0627\u0644\u0646\u0637\u0627\u0642<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixs-card\">\r\n          <div class=\"aixs-icon\" style=\"background:var(--s-navy); color:#38bdf8;\"><i class=\"fa-solid fa-shield-halved\"><\/i><\/div>\r\n          <div><h4>\u0627\u0644\u062d\u0648\u0643\u0645\u0629 \u0648\u0627\u0644\u0623\u0645\u0646<\/h4><p>\u0627\u0644\u062a\u062d\u0643\u0645 \u0648\u0627\u0644\u062d\u0645\u0627\u064a\u0629<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixs-card\">\r\n          <div class=\"aixs-icon\" style=\"background:linear-gradient(135deg,#ffb038,#f5941f)\"><i class=\"fa-solid fa-gears\"><\/i><\/div>\r\n          <div><h4>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644<\/h4><p>\u062a\u0648\u0627\u0635\u0644 \u0648\u062a\u0648\u0633\u0651\u0639<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- center: connectors + diamond -->\r\n      <div class=\"aixs-mid\">\r\n        <svg class=\"aixs-lines\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\" aria-hidden=\"true\">\r\n          <!-- left side -->\r\n          <path d=\"M0 14.5 C 20 14.5, 30 50, 50 50\"\/>\r\n          <path d=\"M0 50 L 50 50\"\/>\r\n          <path d=\"M0 85.5 C 20 85.5, 30 50, 50 50\"\/>\r\n          <!-- right side -->\r\n          <path d=\"M100 14.5 C 80 14.5, 70 50, 50 50\"\/>\r\n          <path d=\"M100 50 L 50 50\"\/>\r\n          <path d=\"M100 85.5 C 80 85.5, 70 50, 50 50\"\/>\r\n        <\/svg>\r\n        <div class=\"aixs-diamond-wrap\">\r\n          <div class=\"aixs-diamond\">\r\n            <div class=\"aixs-diamond-content\">\r\n              <img decoding=\"async\" class=\"aixs-logo-img\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/09\/High-Resolution-Transparent-logo-AIX-Workspace.png\" alt=\"AIX Workspace logo\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- right cards -->\r\n      <div class=\"aixs-col aixs-right-col\">\r\n        <div class=\"aixs-card\">\r\n          <div class=\"aixs-icon\" style=\"background:var(--s-blue)\"><i class=\"fa-solid fa-comment-dots\"><\/i><\/div>\r\n          <div><h4>\u0645\u0633\u0627\u0639\u062f\u0648\u0646 \u0648\u0648\u0643\u0644\u0627\u0621 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/h4><p>\u062f\u0631\u062f\u0634 \u0648\u0627\u062a\u062e\u0630 \u0625\u062c\u0631\u0627\u0621\u064b<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixs-card\">\r\n          <div class=\"aixs-icon\" style=\"background:linear-gradient(135deg,#14b8a6,#0f9d78)\"><i class=\"fa-solid fa-layer-group\"><\/i><\/div>\r\n          <div><h4>RAG \u0648\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u0629<\/h4><p>\u0628\u064a\u0627\u0646\u0627\u062a\u0643\u060c \u0645\u064a\u0632\u062a\u0643<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixs-card\">\r\n          <div class=\"aixs-icon\" style=\"background:linear-gradient(135deg,#ff3d9a,#e11d74)\"><i class=\"fa-solid fa-share-nodes\"><\/i><\/div>\r\n          <div><h4>\u0633\u064a\u0631 \u0639\u0645\u0644 \u0645\u0631\u0626\u064a \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0642\u0644\u064a\u0644 \u0645\u0646 \u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0623\u0648 \u0627\u0646\u0639\u062f\u0627\u0645\u0647\u0627 (Low-code \/ No-code)<\/h4><p>\u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u062a\u062e\u0635\u064a\u0635<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-568fe05 e-con e-atomic-element e-flexbox-base e-default-div e-568fe05-597fdba\" data-id=\"568fe05\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"568fe05\">\n    \t\t<div class=\"elementor-element elementor-element-dda571a elementor-widget elementor-widget-html\" data-id=\"dda571a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  AIX Workspace - \"Seamless Integrations\" section\r\n  Paste this entire block into an Elementor HTML widget.\r\n  Uses Plus Jakarta Sans + Font Awesome 6 (remove the links below if your theme\/Elementor already loads them).\r\n-->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .aix-integrations{\r\n    --i-cyan:#22d3ee;\r\n    --i-blue:#2f8cff;\r\n    --i-purple:#a78bfa;\r\n    --i-green:#22c55e;\r\n    --i-yellow:#fbbf24;\r\n    --i-navy-deep:#030b1c;\r\n    --i-muted:#a9b8d3;\r\n    font-family:'Plus Jakarta Sans', sans-serif;\r\n    position:relative;\r\n    background:radial-gradient(circle at 60% 40%, #0b2150 0%, var(--i-navy-deep) 65%);\r\n    padding:80px 5vw;\r\n    overflow:hidden;\r\n  }\r\n  .aix-integrations *{ box-sizing:border-box; }\r\n\r\n  .aixi-waves{\r\n    position:absolute; left:0; bottom:0; width:100%; height:38%;\r\n    z-index:0; pointer-events:none; opacity:.75;\r\n  }\r\n\r\n  .aixi-inner{\r\n    position:relative; z-index:1;\r\n    max-width:1400px; margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:minmax(340px,0.9fr) 2.1fr;\r\n    gap:90px;\r\n    align-items:center;\r\n  }\r\n\r\n  \/* ---------- LEFT ---------- *\/\r\n  .aixi-eyebrow{\r\n    display:inline-block;\r\n    font-size:12px; font-weight:700; letter-spacing:2.5px;\r\n    color:var(--i-cyan); text-transform:uppercase; margin-bottom:18px;\r\n  }\r\n  .aixi-heading{\r\n    font-size:clamp(32px,3.4vw,48px);\r\n    line-height:1.15; font-weight:800; color:#fff; margin:0 0 22px 0;\r\n  }\r\n  .aixi-heading span{\r\n    background:linear-gradient(90deg,#22d3ee,#2f8cff);\r\n    -webkit-background-clip:text; background-clip:text;\r\n    -webkit-text-fill-color:transparent; color:transparent;\r\n  }\r\n  .aixi-desc{\r\n    font-size:17px; line-height:1.6; color:var(--i-muted);\r\n    max-width:460px; margin:0 0 32px 0;\r\n  }\r\n  .aixi-btn{\r\n    display:inline-flex; align-items:center; gap:12px;\r\n    padding:15px 28px; border-radius:999px;\r\n    border:1.5px solid rgba(255,255,255,.55);\r\n    color:#fff; font-size:15px; font-weight:600; text-decoration:none;\r\n    transition:background .2s ease, border-color .2s ease;\r\n  }\r\n  .aixi-btn i{ font-size:13px; transition:transform .2s ease; }\r\n  .aixi-btn:hover{ background:rgba(255,255,255,.08); border-color:#fff; }\r\n  .aixi-btn:hover i{ transform:translateX(3px); }\r\n\r\n  \/* ---------- STAGE ---------- *\/\r\n  .aixi-stage{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1fr) 56px 190px 56px minmax(0,1fr);\r\n    height:440px;\r\n    align-items:stretch;\r\n  }\r\n  .aixi-col{ display:flex; flex-direction:column; gap:16px; min-width:0; }\r\n  .aixi-col .aixi-card{ flex:1; }\r\n  .aixi-lines{ width:100%; height:100%; display:block; overflow:visible; }\r\n  .aixi-lines path{\r\n    fill:none; stroke:currentColor; stroke-width:1.6;\r\n    vector-effect:non-scaling-stroke;\r\n    filter:drop-shadow(0 0 4px currentColor);\r\n  }\r\n\r\n  \/* cards *\/\r\n  .aixi-card{\r\n    --c:var(--i-blue);\r\n    position:relative;\r\n    display:flex; align-items:center; gap:16px;\r\n    padding:12px 18px;\r\n    background:linear-gradient(135deg, rgba(14,36,78,.7), rgba(6,20,48,.7));\r\n    border:1px solid rgba(80,140,255,.28);\r\n    border-radius:14px;\r\n    box-shadow:0 8px 24px rgba(0,0,0,.3), inset 0 0 20px rgba(47,140,255,.05);\r\n  }\r\n  .aixi-card::after{\r\n    content:\"\"; position:absolute; top:50%;\r\n    width:10px; height:10px; margin-top:-5px; border-radius:50%;\r\n    background:var(--c); box-shadow:0 0 10px 2px var(--c);\r\n  }\r\n  .aixi-left .aixi-card::after{ right:-5px; }\r\n  .aixi-right .aixi-card::after{ left:-5px; }\r\n\r\n  .aixi-logos{\r\n    display:flex; align-items:center; justify-content:center; gap:6px;\r\n    flex:0 0 auto; min-width:56px;\r\n  }\r\n  .aixi-logos img{ display:block; height:36px; width:auto; max-width:60px; object-fit:contain; }\r\n  .aixi-logos img.sap{ height:auto; width:64px; max-width:none; }\r\n  .aixi-logos img.wa{ height:50px; width:50px; border-radius:50%; }\r\n  .aixi-logos img.teams{ height:44px; }\r\n  .aixi-logos img.sm{ height:30px; max-width:42px; }\r\n  .aixi-logos i{\r\n    font-size:36px;\r\n    background:linear-gradient(180deg,#38bdf8,#2563eb);\r\n    -webkit-background-clip:text; background-clip:text;\r\n    -webkit-text-fill-color:transparent; color:transparent;\r\n  }\r\n  .aixi-text{ min-width:0; }\r\n  .aixi-text h4{ font-size:15.5px; font-weight:700; color:#fff; margin:0 0 3px 0; line-height:1.25; }\r\n  .aixi-text p{ font-size:12.5px; line-height:1.4; color:var(--i-muted); margin:0; }\r\n\r\n  \/* hub *\/\r\n  .aixi-hub{\r\n    align-self:center;\r\n    height:200px;\r\n    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;\r\n    text-align:center; padding:16px;\r\n    background:linear-gradient(160deg,#0b1d42,#050f26);\r\n    border:2px solid rgba(70,160,255,.8);\r\n    border-radius:26px;\r\n    box-shadow:0 0 40px rgba(47,140,255,.55), inset 0 0 30px rgba(47,140,255,.2);\r\n  }\r\n  .aixi-logo{ display:block; width:100%; max-width:160px; height:auto; margin:0 auto; }\r\n  .aixi-tag{ font-size:12px; color:var(--i-muted); line-height:1.3; }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width:1400px){\r\n    .aixi-inner{ gap:56px; }\r\n  }\r\n  @media (max-width:1240px){\r\n    .aixi-inner{ grid-template-columns:1fr; gap:48px; }\r\n    .aixi-desc{ max-width:560px; }\r\n    .aixi-stage{ display:flex; flex-direction:column; height:auto; gap:22px; }\r\n    .aixi-lines{ display:none; }\r\n    .aixi-hub{ order:-1; width:230px; height:190px; margin:0 auto; }\r\n    .aixi-col{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }\r\n    .aixi-card::after{ display:none; }\r\n  }\r\n  @media (max-width:700px){\r\n    .aix-integrations{ padding:60px 6vw; }\r\n    .aixi-heading{ font-size:32px; }\r\n    .aixi-col{ grid-template-columns:1fr; }\r\n    .aixi-btn{ padding:13px 24px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"aix-integrations\">\r\n\r\n  <!-- decorative waves -->\r\n  <svg class=\"aixi-waves\" viewbox=\"0 0 1600 300\" preserveaspectratio=\"none\" aria-hidden=\"true\">\r\n    <path d=\"M0 260 C 300 120, 600 300, 900 170 S 1400 90, 1600 150\" fill=\"none\" stroke=\"#2f8cff\" stroke-opacity=\".5\" stroke-width=\"1.5\"\/>\r\n    <path d=\"M0 285 C 320 160, 640 290, 940 200 S 1420 130, 1600 190\" fill=\"none\" stroke=\"#22d3ee\" stroke-opacity=\".35\" stroke-width=\"1.2\"\/>\r\n    <path d=\"M0 240 C 280 150, 620 260, 880 150 S 1380 70, 1600 120\" fill=\"none\" stroke=\"#6366f1\" stroke-opacity=\".3\" stroke-width=\"1\"\/>\r\n  <\/svg>\r\n\r\n  <div class=\"aixi-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"aixi-intro\">\r\n      <span class=\"aixi-eyebrow\">\u062a\u0643\u0627\u0645\u0644 \u0633\u0644\u0633<\/span>\r\n      <h2 class=\"aixi-heading\">\u0627\u062a\u0635\u0644 \u0628\u0640 <span>\u0639\u0645\u0644<\/span> \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/h2>\r\n      <p class=\"aixi-desc\">\u0627\u062f\u0645\u062c AIX Workspace \u0645\u0639 \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062d\u0627\u0644\u064a\u0629 \u0644\u062f\u064a\u0643 \u0644\u0623\u062a\u0645\u062a\u0629 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644\u060c \u0648\u0627\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0628\u064a\u0627\u0646\u0627\u062a\u0643\u060c \u0648\u062a\u062d\u0642\u064a\u0642 \u0642\u064a\u0645\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0645\u0624\u0633\u0633\u062a\u0643.<\/p>\r\n      <a href=\"https:\/\/aixworkspace.net\/ar\/platform-architecture\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"aixi-btn\">\u0627\u0633\u062a\u0643\u0634\u0641 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0643\u0627\u0645\u0644 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n    <\/div>\r\n\r\n    <!-- RIGHT -->\r\n    <div class=\"aixi-stage\">\r\n\r\n      <!-- left cards -->\r\n      <div class=\"aixi-col aixi-left\">\r\n        <div class=\"aixi-card\" style=\"--c:#38bdf8\">\r\n          <div class=\"aixi-logos\"><i class=\"fa-solid fa-chart-pie\"><\/i><\/div>\r\n          <div class=\"aixi-text\"><h4>\u0625\u062f\u0627\u0631\u0629 \u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/h4><p>Microsoft Dynamics \u0648Salesforce \u0648\u063a\u064a\u0631\u0647\u0627<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixi-card\" style=\"--c:#38bdf8\">\r\n          <div class=\"aixi-logos\"><img decoding=\"async\" class=\"sap\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/sap.png\" alt=\"SAP\" loading=\"lazy\"><\/div>\r\n          <div class=\"aixi-text\"><h4>\u062a\u062e\u0637\u064a\u0637 \u0645\u0648\u0627\u0631\u062f \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/h4><p>SAP \u0648Oracle \u0648Microsoft \u0648\u063a\u064a\u0631\u0647\u0627<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixi-card\" style=\"--c:#a78bfa\">\r\n          <div class=\"aixi-logos\"><img decoding=\"async\" class=\"teams\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/teams.png\" alt=\"Microsoft Teams\" loading=\"lazy\"><\/div>\r\n          <div class=\"aixi-text\"><h4>\u062a\u0639\u0627\u0648\u0646<\/h4><p>Microsoft Teams \u0648Slack \u0648\u063a\u064a\u0631\u0647\u0627<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixi-card\" style=\"--c:#38bdf8\">\r\n          <div class=\"aixi-logos\"><i class=\"fa-solid fa-database\"><\/i><\/div>\r\n          <div class=\"aixi-text\"><h4>\u0642\u0648\u0627\u0639\u062f \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a<\/h4><p>PostgreSQL \u0648MySQL \u0648SQL Server \u0648\u063a\u064a\u0631\u0647\u0627<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- left connectors -->\r\n      <svg class=\"aixi-lines\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\" aria-hidden=\"true\">\r\n        <path style=\"color:#38bdf8\" d=\"M0 11 C 60 11, 40 36, 100 36\"\/>\r\n        <path style=\"color:#2f8cff\" d=\"M0 37 C 60 37, 40 45, 100 45\"\/>\r\n        <path style=\"color:#a78bfa\" d=\"M0 63 C 60 63, 40 55, 100 55\"\/>\r\n        <path style=\"color:#38bdf8\" d=\"M0 89 C 60 89, 40 64, 100 64\"\/>\r\n      <\/svg>\r\n\r\n      <!-- hub -->\r\n      <div class=\"aixi-hub\">\r\n        <img decoding=\"async\" class=\"aixi-logo\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/09\/logo_-_final_2-removebg-preview-e1789155803848.png\" alt=\"AIX Workspace\" loading=\"lazy\">\r\n        <div class=\"aixi-tag\">\u0645\u0646\u0635\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0643<\/div>\r\n      <\/div>\r\n\r\n      <!-- right connectors -->\r\n      <svg class=\"aixi-lines\" viewbox=\"0 0 100 100\" preserveaspectratio=\"none\" aria-hidden=\"true\">\r\n        <path style=\"color:#22c55e\" d=\"M0 36 C 60 36, 40 11, 100 11\"\/>\r\n        <path style=\"color:#fbbf24\" d=\"M0 45 C 60 45, 40 37, 100 37\"\/>\r\n        <path style=\"color:#a78bfa\" d=\"M0 55 C 60 55, 40 63, 100 63\"\/>\r\n        <path style=\"color:#38bdf8\" d=\"M0 64 C 60 64, 40 89, 100 89\"\/>\r\n      <\/svg>\r\n\r\n      <!-- right cards -->\r\n      <div class=\"aixi-col aixi-right\">\r\n        <div class=\"aixi-card\" style=\"--c:#22c55e\">\r\n          <div class=\"aixi-logos\"><img decoding=\"async\" class=\"wa\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/WhatsApp-scaled.webp\" alt=\"WhatsApp\" loading=\"lazy\"><\/div>\r\n          <div class=\"aixi-text\"><h4>\u0627\u0644\u0645\u0631\u0627\u0633\u0644\u0629<\/h4><p>\u0648\u0627\u062a\u0633\u0627\u0628\u060c \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u060c \u0627\u0644\u0631\u0633\u0627\u0626\u0644 \u0627\u0644\u0646\u0635\u064a\u0629 \u0627\u0644\u0642\u0635\u064a\u0631\u0629 (SMS) \u0648\u0627\u0644\u0645\u0632\u064a\u062f<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixi-card\" style=\"--c:#fbbf24\">\r\n          <div class=\"aixi-logos\">\r\n            <img decoding=\"async\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/google.webp\" alt=\"Google\" loading=\"lazy\">\r\n            <img decoding=\"async\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/microsoft.png\" alt=\"Microsoft\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"aixi-text\"><h4>\u0625\u0646\u062a\u0627\u062c\u064a\u0629<\/h4><p>Google Workspace \u0648Microsoft 365 \u0648\u0627\u0644\u0645\u0632\u064a\u062f<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixi-card\" style=\"--c:#a78bfa\">\r\n          <div class=\"aixi-logos\">\r\n            <img decoding=\"async\" class=\"sm\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/google-drive.webp\" alt=\"Google Drive\" loading=\"lazy\">\r\n            <img decoding=\"async\" class=\"sm\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/microsoft-sharepoint-logo.png\" alt=\"SharePoint\" loading=\"lazy\">\r\n            <img decoding=\"async\" class=\"sm\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/dropbox.png\" alt=\"Dropbox\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"aixi-text\"><h4>\u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0645\u0633\u062a\u0646\u062f\u0627\u062a<\/h4><p>SharePoint \u0648Google Drive \u0648Dropbox \u0648\u063a\u064a\u0631\u0647\u0627<\/p><\/div>\r\n        <\/div>\r\n        <div class=\"aixi-card\" style=\"--c:#38bdf8\">\r\n          <div class=\"aixi-logos\">\r\n            <img decoding=\"async\" class=\"sm\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/aws-light.png\" alt=\"AWS\" loading=\"lazy\">\r\n            <img decoding=\"async\" class=\"sm\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/azure-scaled.webp\" alt=\"Azure\" loading=\"lazy\">\r\n            <img decoding=\"async\" class=\"sm\" src=\"https:\/\/aixworkspace.net\/wp-content\/uploads\/2026\/10\/gcp.webp\" alt=\"Google Cloud\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"aixi-text\"><h4>\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629 \u0648\u062e\u062f\u0645\u0627\u062a \u0623\u062e\u0631\u0649<\/h4><p>AWS \u0648Azure \u0648Google Cloud \u0648\u063a\u064a\u0631\u0647\u0627 \u0627\u0644\u0643\u062b\u064a\u0631<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-69d8ad9 e-con e-atomic-element e-flexbox-base e-default-div e-69d8ad9-c420198\" data-id=\"69d8ad9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"69d8ad9\">\n    \t\t<div class=\"elementor-element elementor-element-fb4af8d elementor-widget elementor-widget-html\" data-id=\"fb4af8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  AIX Workspace - \"Saudi Data Sovereignty & Compliance\" section\r\n  Paste this entire block into an Elementor HTML widget.\r\n  Uses Plus Jakarta Sans + Font Awesome 6 (remove the links below if your theme\/Elementor already loads them).\r\n-->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .aix-sovereignty{\r\n    --v-teal:#2fd9c5;\r\n    --v-muted:#bfe3e0;\r\n    font-family:'Plus Jakarta Sans', sans-serif;\r\n    position:relative;\r\n    background:\r\n      linear-gradient(90deg, rgba(4,26,30,.94) 0%, rgba(4,26,30,.62) 28%, rgba(4,26,30,.22) 50%, rgba(4,26,30,.62) 72%, rgba(4,26,30,.94) 100%),\r\n      url('https:\/\/midnightblue-weasel-516787.hostingersite.com\/wp-content\/uploads\/2026\/09\/SA-Pic-1.jpg') center 100% \/ cover no-repeat,\r\n      #04212a;\r\n    padding:70px 5vw;\r\n    overflow:hidden;\r\n  }\r\n  .aix-sovereignty *{ box-sizing:border-box; }\r\n\r\n  .aixv-inner{\r\n    max-width:1400px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:0.9fr 0.6fr 0.9fr;\r\n    gap:30px;\r\n    align-items:center;\r\n    min-height:280px;\r\n  }\r\n\r\n  \/* ---------- LEFT ---------- *\/\r\n  .aixv-eyebrow{\r\n    display:inline-block;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:2.5px;\r\n    color:var(--v-teal);\r\n    text-transform:uppercase;\r\n    margin-bottom:14px;\r\n  }\r\n  .aixv-heading{\r\n    font-size:clamp(26px,3vw,38px);\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    color:#ffffff;\r\n    margin:0 0 16px 0;\r\n  }\r\n  .aixv-desc{\r\n    font-size:15.5px;\r\n    font-weight:400;\r\n    line-height:1.65;\r\n    color:rgba(255,255,255,.82);\r\n    max-width:380px;\r\n    margin:0 0 28px 0;\r\n  }\r\n  .aixv-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:13px 24px;\r\n    border-radius:999px;\r\n    border:1.5px solid rgba(255,255,255,.6);\r\n    color:#ffffff;\r\n    font-size:14px;\r\n    font-weight:600;\r\n    text-decoration:none;\r\n    transition:background .2s ease, border-color .2s ease;\r\n  }\r\n  .aixv-btn i{ font-size:12px; transition:transform .2s ease; }\r\n  .aixv-btn:hover{ background:rgba(255,255,255,.1); border-color:#ffffff; }\r\n  .aixv-btn:hover i{ transform:translateX(3px); }\r\n\r\n  \/* ---------- CENTER (spacer for the flag\/skyline image) ---------- *\/\r\n  .aixv-center{ min-height:1px; }\r\n\r\n  \/* ---------- RIGHT: checklist ---------- *\/\r\n  .aixv-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:22px;\r\n  }\r\n  .aixv-item{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:14px;\r\n  }\r\n  .aixv-check{\r\n    flex:0 0 auto;\r\n    width:30px;\r\n    height:30px;\r\n    border-radius:50%;\r\n    border:1.5px solid var(--v-teal);\r\n    color:var(--v-teal);\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:13px;\r\n    margin-top:2px;\r\n  }\r\n  .aixv-item h4{\r\n    font-size:15px;\r\n    font-weight:700;\r\n    color:#ffffff;\r\n    margin:0 0 4px 0;\r\n    line-height:1.3;\r\n  }\r\n  .aixv-item p{\r\n    font-size:13px;\r\n    font-weight:400;\r\n    line-height:1.5;\r\n    color:var(--v-muted);\r\n    margin:0;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width:980px){\r\n    .aixv-inner{ grid-template-columns:1fr; }\r\n    .aixv-center{ display:none; }\r\n    .aixv-desc{ max-width:none; }\r\n    .aixv-list{ margin-top:10px; }\r\n  }\r\n  @media (max-width:560px){\r\n    .aix-sovereignty{ padding:56px 6vw; }\r\n    .aixv-heading{ font-size:28px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"aix-sovereignty\">\r\n  <div class=\"aixv-inner\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"aixv-left\">\r\n      <span class=\"aixv-eyebrow\">\u0628\u064a\u0627\u0646\u0627\u062a\u0643. \u062a\u062d\u0643\u0651\u0645\u0643.<\/span>\r\n      <h2 class=\"aixv-heading\">\u0627\u0644\u0633\u064a\u0627\u062f\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/h2>\r\n      <p class=\"aixv-desc\">\u062a\u0628\u0642\u0649 \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u061b \u0641\u0642\u062f \u0635\u064f\u0645\u0645\u062a \u0645\u0646\u0635\u0629 AIX Workspace \u0644\u062a\u0644\u0628\u064a\u0629 \u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0623\u0645\u0627\u0646.<\/p>\r\n      <a href=\"https:\/\/aixworkspace.net\/ar\/about-us\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"aixv-btn\">\u064a\u062a\u0639\u0644\u0645 \u0623\u0643\u062b\u0631 <i class=\"fa-solid fa-arrow-right\"><\/i><\/a>\r\n    <\/div>\r\n\r\n    <!-- CENTER: empty column so the flag\/skyline in the background image stays visible -->\r\n    <div class=\"aixv-center\"><\/div>\r\n\r\n    <!-- RIGHT: checklist -->\r\n    <div class=\"aixv-list\">\r\n\r\n      <div class=\"aixv-item\">\r\n        <div class=\"aixv-check\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n        <div>\r\n          <h4>\u062a\u0648\u0637\u064a\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/h4>\r\n          <p>\u0627\u062d\u062a\u0641\u0638 \u0628\u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0645\u0644\u0643\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"aixv-item\">\r\n        <div class=\"aixv-check\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n        <div>\r\n          <h4>\u064a\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0625\u0631\u0634\u0627\u062f\u0627\u062a \"\u0633\u062f\u0627\u064a\u0627\" (SDAIA)<\/h4>\r\n          <p>\u064a\u062f\u0639\u0645 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"aixv-item\">\r\n        <div class=\"aixv-check\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n        <div>\r\n          <h4>\u0645\u0639\u0627\u064a\u064a\u0631 \u0623\u0645\u0646 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/h4>\r\n          <p>\u0627\u0644\u062a\u0634\u0641\u064a\u0631\u060c \u0648\u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0627\u0644\u0648\u0635\u0648\u0644\u060c \u0648\u0633\u062c\u0644\u0627\u062a \u0627\u0644\u062a\u062f\u0642\u064a\u0642.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"aixv-item\">\r\n        <div class=\"aixv-check\"><i class=\"fa-solid fa-check\"><\/i><\/div>\r\n        <div>\r\n          <h4>\u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u062c\u0627\u0647\u0632\u0629<\/h4>\r\n          <p>\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u0642\u0648\u0627\u0646\u064a\u0646 \u0648\u0627\u0644\u0623\u0637\u0631 \u0627\u0644\u0645\u062d\u0644\u064a\u0629.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-308168c e-con e-atomic-element e-flexbox-base e-default-div e-308168c-7b33a41\" data-id=\"308168c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"308168c\">\n    \t\t<div class=\"elementor-element elementor-element-0d4a18a elementor-widget elementor-widget-html\" data-id=\"0d4a18a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  AIX Workspace - \"Built for Scale. Engineered for AI.\" + \"Trusted By\" strip\r\n  Paste this entire block into an Elementor HTML widget.\r\n  Uses Plus Jakarta Sans + Font Awesome 6 (remove the links below if your theme\/Elementor already loads them).\r\n\r\n  >>> REPLACE THESE TWO IMAGE URLS with your real logo links: <<<\r\n    1. SDAIA logo      -> search \"PASTE-SDAIA-LOGO-URL-HERE\"\r\n    2. PufferSoft logo  -> search \"PASTE-PUFFERSOFT-LOGO-URL-HERE\"\r\n-->\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .aix-foundation{\r\n    --f-blue:#1d8fe0;\r\n    --f-navy:#0c1f3f;\r\n    --f-muted:#5c6b82;\r\n    font-family:'Plus Jakarta Sans', sans-serif;\r\n    background:linear-gradient(180deg,#eef5fc 0%,#e9f2fb 100%);\r\n    padding:50px 5vw 0 5vw;\r\n  }\r\n  .aix-foundation *{ box-sizing:border-box; }\r\n\r\n  .aixf-inner{ max-width:1400px; margin:0 auto; }\r\n\r\n  \/* ---------- TOP ROW ---------- *\/\r\n  .aixf-top{\r\n    display:grid;\r\n    grid-template-columns:0.85fr 1.6fr;\r\n    gap:40px;\r\n    align-items:center;\r\n    padding-bottom:36px;\r\n  }\r\n  .aixf-eyebrow{\r\n    display:block;\r\n    font-size:11.5px;\r\n    font-weight:700;\r\n    letter-spacing:2.2px;\r\n    color:var(--f-blue);\r\n    text-transform:uppercase;\r\n    margin-bottom:10px;\r\n  }\r\n  .aixf-heading{\r\n    font-size:clamp(22px,2.4vw,28px);\r\n    line-height:1.25;\r\n    font-weight:800;\r\n    color:var(--f-navy);\r\n    margin:0 0 8px 0;\r\n  }\r\n  .aixf-desc{\r\n    font-size:14.5px;\r\n    font-weight:400;\r\n    line-height:1.55;\r\n    color:var(--f-muted);\r\n    max-width:340px;\r\n    margin:0;\r\n  }\r\n\r\n  .aixf-stack{\r\n    display:flex;\r\n    justify-content:space-between;\r\n    gap:0;\r\n  }\r\n  .aixf-stack-item{\r\n    flex:1 1 0;\r\n    text-align:center;\r\n    padding:0 14px;\r\n    position:relative;\r\n  }\r\n  .aixf-stack-item:not(:first-child){ border-left:1px solid rgba(12,31,63,.10); }\r\n  .aixf-stack-item i{\r\n    font-size:26px;\r\n    color:var(--f-blue);\r\n    margin-bottom:10px;\r\n    display:block;\r\n  }\r\n  .aixf-stack-item h5{\r\n    font-size:13.5px;\r\n    font-weight:700;\r\n    color:var(--f-navy);\r\n    margin:0 0 3px 0;\r\n  }\r\n  .aixf-stack-item span{\r\n    font-size:11.5px;\r\n    font-weight:500;\r\n    color:var(--f-muted);\r\n    display:block;\r\n  }\r\n\r\n  \/* ---------- DIVIDER ---------- *\/\r\n  .aixf-divider{\r\n    border-top:1px solid rgba(12,31,63,.10);\r\n  }\r\n\r\n  \/* ---------- BOTTOM ROW ---------- *\/\r\n  .aixf-bottom{ padding:30px 0 40px 0; }\r\n  .aixf-bottom .aixf-eyebrow{ margin-bottom:20px; }\r\n\r\n  .aixf-trust{\r\n    display:flex;\r\n    align-items:center;\r\n    flex-wrap:wrap;\r\n    gap:0;\r\n  }\r\n  .aixf-trust-item{\r\n    display:flex;\r\n    align-items:center;\r\n    padding:0 30px;\r\n    height:72px;\r\n  }\r\n  .aixf-trust-item:first-child{ padding-left:0; }\r\n  .aixf-trust-item:not(:first-child){ border-left:1px solid rgba(12,31,63,.12); }\r\n\r\n  .aixf-logo-box{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:flex-start;\r\n    height:56px;\r\n    width:140px;\r\n  }\r\n  .aixf-trust-logo{\r\n    max-height:100%;\r\n    max-width:100%;\r\n    width:auto;\r\n    height:auto;\r\n    object-fit:contain;\r\n    display:block;\r\n  }\r\n  .aixf-tagline{\r\n    font-size:15px;\r\n    font-weight:600;\r\n    color:var(--f-blue);\r\n    white-space:nowrap;\r\n  }\r\n  .aixf-powered{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n  }\r\n  .aixf-powered-text{\r\n    font-size:11px;\r\n    font-weight:500;\r\n    color:var(--f-muted);\r\n    line-height:1.3;\r\n    white-space:nowrap;\r\n  }\r\n  .aixf-powered .aixf-logo-box{\r\n    height:56px;\r\n    width:130px;\r\n  }\r\n\r\n  \/* ---------- RESPONSIVE ---------- *\/\r\n  @media (max-width:980px){\r\n    .aixf-top{ grid-template-columns:1fr; }\r\n    .aixf-desc{ max-width:none; }\r\n    .aixf-stack{ flex-wrap:wrap; row-gap:24px; }\r\n    .aixf-stack-item{ flex:1 1 30%; }\r\n    .aixf-trust{ flex-direction:column; align-items:flex-start; gap:20px; }\r\n    .aixf-trust-item{ border-left:none !important; padding:0 !important; }\r\n  }\r\n  @media (max-width:560px){\r\n    .aix-foundation{ padding:40px 6vw 0 6vw; }\r\n    .aixf-stack-item{ flex:1 1 45%; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"aix-foundation\">\r\n  <div class=\"aixf-inner\">\r\n\r\n    <!-- TOP: heading + tech stack icons -->\r\n    <div class=\"aixf-top\">\r\n      <div class=\"aixf-top-left\">\r\n        <span class=\"aixf-eyebrow\">\u0623\u0633\u0627\u0633\u064a\u0627\u062a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0624\u0633\u0633\u0627\u062a<\/span>\r\n        <h2 class=\"aixf-heading\">\u0635\u064f\u0645\u0645 \u0644\u0644\u062a\u0648\u0633\u0639\u060c \u0648\u0647\u064f\u0646\u062f\u0633 \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a.<\/h2>\r\n        <p class=\"aixf-desc\">\u0628\u0646\u064a\u0629 \u062a\u062d\u062a\u064a\u0629 \u062d\u062f\u064a\u062b\u0629 \u0648\u0622\u0645\u0646\u0629 \u0648\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u062a\u0648\u0633\u0639 \u0644\u062a\u0634\u063a\u064a\u0644 \u0645\u0646\u0635\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0645\u0624\u0633\u0633\u062a\u0643.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"aixf-stack\">\r\n        <div class=\"aixf-stack-item\">\r\n          <i class=\"fa-solid fa-dharmachakra\"><\/i>\r\n          <h5>\u0643\u0648\u0628\u064a\u0631\u0646\u064a\u062a\u0633<\/h5>\r\n          <span>\u0627\u0644\u062a\u0648\u0632\u064a\u0639 \u0627\u0644\u0645\u0648\u0633\u064a\u0642\u064a<\/span>\r\n        <\/div>\r\n        <div class=\"aixf-stack-item\">\r\n          <i class=\"fa-solid fa-microchip\"><\/i>\r\n          <h5>\u0627\u0644\u0628\u0646\u064a\u0629 \u0627\u0644\u062a\u062d\u062a\u064a\u0629 \u0644\u0648\u062d\u062f\u0629 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0631\u0633\u0648\u0645\u0627\u062a<\/h5>\r\n          <span>\u0623\u062f\u0627\u0621 \u0639\u0627\u0644\u064d<\/span>\r\n        <\/div>\r\n        <div class=\"aixf-stack-item\">\r\n          <i class=\"fa-solid fa-brain\"><\/i>\r\n          <h5>\u0627\u0644\u0646\u0645\u0627\u0630\u062c \u0627\u0644\u0644\u063a\u0648\u064a\u0629 \u0627\u0644\u0643\u0628\u064a\u0631\u0629<\/h5>\r\n          <span>\u0646\u0645\u0627\u0630\u062c \u0645\u062a\u0639\u062f\u062f\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"aixf-stack-item\">\r\n          <i class=\"fa-solid fa-chart-simple\"><\/i>\r\n          <h5>\u062e\u0631\u0642\u0629<\/h5>\r\n          <span>\u0627\u0644\u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u0645\u0624\u0633\u0633\u064a\u0629<\/span>\r\n        <\/div>\r\n        <div class=\"aixf-stack-item\">\r\n          <i class=\"fa-solid fa-diagram-project\"><\/i>\r\n          <h5>\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/h5>\r\n          <span>\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u0643\u0627\u0645\u0644 \u0648\u0648\u0627\u062c\u0647\u0627\u062a \u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a (APIs)<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"aixf-divider\"><\/div>\r\n\r\n    <!-- BOTTOM: trusted-by strip -->\r\n    <div class=\"aixf-bottom\">\r\n      <span class=\"aixf-eyebrow\">\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644 \u0648\u0627\u0644\u0644\u0648\u0627\u0626\u062d \u0627\u0644\u062a\u0646\u0638\u064a\u0645\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/span>\r\n\r\n      <div class=\"aixf-trust\">\r\n        <div class=\"aixf-trust-item\">\r\n          <div class=\"aixf-logo-box\">\r\n            <img decoding=\"async\" class=\"aixf-trust-logo\" src=\"https:\/\/midnightblue-weasel-516787.hostingersite.com\/wp-content\/uploads\/2026\/09\/SDAIA_-removebg-preview.png\" alt=\"SDAIA - Saudi Data &amp; AI Authority\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"aixf-trust-item\">\r\n          <div class=\"aixf-logo-box\">\r\n            <img decoding=\"async\" class=\"aixf-trust-logo\" src=\"https:\/\/midnightblue-weasel-516787.hostingersite.com\/wp-content\/uploads\/2026\/09\/NDMO-e1789464252755.webp\" alt=\"NDMO - National Data Management Office\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"aixf-trust-item\">\r\n          <div class=\"aixf-logo-box\">\r\n            <img decoding=\"async\" class=\"aixf-trust-logo\" src=\"https:\/\/midnightblue-weasel-516787.hostingersite.com\/wp-content\/uploads\/2026\/09\/NCA-Colored-Right.png\" alt=\"NCA - National Cybersecurity Authority\">\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"aixf-trust-item\">\r\n          <span class=\"aixf-tagline\">\u062e\u0628\u0631\u0629 \u0645\u062d\u0644\u064a\u0629. \u0645\u0639\u0627\u064a\u064a\u0631 \u0639\u0627\u0644\u0645\u064a\u0629.<\/span>\r\n        <\/div>\r\n        <div class=\"aixf-trust-item\">\r\n          <div class=\"aixf-powered\">\r\n            <div class=\"aixf-powered-text\">\u0645\u062f\u0639\u0648\u0645 \u0628\u0640<\/div>\r\n            <div class=\"aixf-logo-box\">\r\n              <img decoding=\"async\" class=\"aixf-trust-logo\" src=\"https:\/\/midnightblue-weasel-516787.hostingersite.com\/wp-content\/uploads\/2026\/09\/PufferSoft-LOGO.png\" alt=\"PufferSoft\">\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b41c913 e-con e-atomic-element e-flexbox-base e-default-div e-b41c913-8c35cc1\" data-id=\"b41c913\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b41c913\">\n    \t\t<div class=\"elementor-element elementor-element-a1d50be elementor-widget elementor-widget-html\" data-id=\"a1d50be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\r\n  AIX Workspace - Final CTA banner\r\n  Background image: CTA-BG-scaled.jpg\r\n-->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .aix-cta{\r\n    --cta-cyan:#2fd1e0;\r\n    --cta-orange:#f5871f;\r\n    --cta-orange-2:#ff6a3d;\r\n    --cta-muted:#93a5c2;\r\n    --cta-navy-deep:#050f22;\r\n\r\n    font-family:'Plus Jakarta Sans', sans-serif;\r\n    position:relative;\r\n\r\n    \/* Background image *\/\r\n    background-image:\r\n      linear-gradient(\r\n        90deg,\r\n        rgba(5,15,34,0.98) 0%,\r\n        rgba(5,15,34,0.88) 42%,\r\n        rgba(5,15,34,0.35) 100%\r\n      ),\r\n      url('https:\/\/midnightblue-weasel-516787.hostingersite.com\/wp-content\/uploads\/2026\/09\/CTA-BG-scaled.jpg');\r\n\r\n    background-size:cover;\r\n    background-position:center;\r\n    background-repeat:no-repeat;\r\n\r\n    padding:56px 5vw;\r\n    overflow:hidden;\r\n    isolation:isolate;\r\n  }\r\n\r\n  .aix-cta *{\r\n    box-sizing:border-box;\r\n  }\r\n\r\n  .aixcta-inner{\r\n    position:relative;\r\n    z-index:1;\r\n\r\n    max-width:1400px;\r\n    margin:0 auto;\r\n\r\n    display:grid;\r\n    grid-template-columns:0.6fr 1fr;\r\n    gap:40px;\r\n    align-items:center;\r\n  }\r\n\r\n  \/* ---------- LEFT: LOGO ---------- *\/\r\n\r\n  .aixcta-logo-block{\r\n    display:flex;\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    gap:6px;\r\n  }\r\n\r\n  .aixcta-logo{\r\n    display:flex;\r\n    align-items:center;\r\n  }\r\n\r\n  .aixcta-logo img{\r\n    height:85px;\r\n    width:auto;\r\n    object-fit:contain;\r\n  }\r\n\r\n  .aixcta-tagline{\r\n    font-size:12.5px;\r\n    font-weight:500;\r\n    color:var(--cta-muted);\r\n    margin-top:0;\r\n  }\r\n\r\n  \/* ---------- RIGHT: CTA CONTENT ---------- *\/\r\n\r\n  .aixcta-eyebrow{\r\n    display:block;\r\n    font-size:12px;\r\n    font-weight:700;\r\n    letter-spacing:2.5px;\r\n    color:var(--cta-cyan);\r\n    text-transform:uppercase;\r\n    margin-bottom:10px;\r\n  }\r\n\r\n  .aixcta-heading{\r\n    font-size:clamp(24px,2.8vw,34px);\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    color:#ffffff;\r\n    margin:0 0 10px 0;\r\n  }\r\n\r\n  .aixcta-desc{\r\n    font-size:15px;\r\n    font-weight:400;\r\n    line-height:1.6;\r\n    color:var(--cta-muted);\r\n    margin:0 0 26px 0;\r\n  }\r\n\r\n  .aixcta-buttons{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:16px;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .aixcta-btn-primary,\r\n  .aixcta-btn-secondary{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n\r\n    padding:14px 26px;\r\n    border-radius:999px;\r\n\r\n    font-size:14.5px;\r\n    font-weight:700;\r\n    text-decoration:none;\r\n\r\n    transition:\r\n      transform .2s ease,\r\n      box-shadow .2s ease,\r\n      background .2s ease;\r\n  }\r\n\r\n  \/* PRIMARY BUTTON *\/\r\n\r\n.aixcta-btn-primary{\r\n  background:linear-gradient(\r\n    135deg,\r\n    var(--cta-orange) 0%,\r\n    var(--cta-orange-2) 100%\r\n  );\r\n\r\n  color:#ffffff !important;\r\n\r\n  box-shadow:\r\n    0 10px 24px rgba(245,135,31,.30);\r\n}\r\n\r\n.aixcta-btn-primary:hover{\r\n  background:var(--cta-orange) !important;\r\n  color:#ffffff !important;\r\n\r\n  transform:translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 14px 30px rgba(245,135,31,.4);\r\n}\r\n\r\n.aixcta-btn-primary i{\r\n  font-size:12px;\r\n  color:#ffffff !important;\r\n  transition:transform .2s ease;\r\n}\r\n\r\n.aixcta-btn-primary:hover i{\r\n  color:#ffffff !important;\r\n  transform:translateX(3px);\r\n}\r\n\r\n  \/* SECONDARY BUTTON *\/\r\n\r\n  .aixcta-btn-secondary{\r\n    background:rgba(255,255,255,.02);\r\n\r\n    border:1.5px solid rgba(255,255,255,.55);\r\n\r\n    color:#ffffff;\r\n    font-weight:600;\r\n\r\n    backdrop-filter:blur(4px);\r\n  }\r\n\r\n  .aixcta-btn-secondary:hover{\r\n    background:rgba(255,255,255,.08);\r\n    border-color:#ffffff;\r\n  }\r\n\r\n  \/* ---------- TABLET ---------- *\/\r\n\r\n  @media (max-width:900px){\r\n\r\n    .aixcta-inner{\r\n      grid-template-columns:1fr;\r\n      gap:30px;\r\n    }\r\n\r\n    .aix-cta{\r\n      background-position:center;\r\n    }\r\n  }\r\n\r\n  \/* ---------- MOBILE ---------- *\/\r\n\r\n  @media (max-width:560px){\r\n\r\n    .aix-cta{\r\n      padding:44px 6vw;\r\n\r\n      background-image:\r\n        linear-gradient(\r\n          90deg,\r\n          rgba(5,15,34,0.92),\r\n          rgba(5,15,34,0.78)\r\n        ),\r\n        url('https:\/\/midnightblue-weasel-516787.hostingersite.com\/wp-content\/uploads\/2026\/09\/CTA-BG-scaled.jpg');\r\n\r\n      background-position:center;\r\n    }\r\n\r\n    .aixcta-heading{\r\n      font-size:26px;\r\n    }\r\n\r\n    .aixcta-buttons{\r\n      width:100%;\r\n    }\r\n\r\n    .aixcta-btn-primary,\r\n    .aixcta-btn-secondary{\r\n      flex:1 1 auto;\r\n      justify-content:center;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n\r\n<section class=\"aix-cta\">\r\n\r\n  <div class=\"aixcta-inner\">\r\n\r\n    <!-- LEFT: LOGO -->\r\n\r\n    <div class=\"aixcta-logo-block\">\r\n\r\n      <div class=\"aixcta-logo\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/midnightblue-weasel-516787.hostingersite.com\/wp-content\/uploads\/2026\/09\/logo_-_final_2-removebg-preview-e1789155803848.png\"\r\n          alt=\"AIX Workspace\"\r\n        >\r\n\r\n      <\/div>\r\n\r\n     \r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- RIGHT: CTA -->\r\n\r\n    <div class=\"aixcta-content\">\r\n\r\n      <span class=\"aixcta-eyebrow\">\r\n        \u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u0644\u0628\u062f\u0621\u061f\r\n      <\/span>\r\n\r\n      <h2 class=\"aixcta-heading\">\r\n        \u0627\u0628\u0646\u0650 \u0645\u0633\u062a\u0642\u0628\u0644\u0643 \u0627\u0644\u0645\u062f\u0639\u0648\u0645 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\r\n      <\/h2>\r\n\r\n      <p class=\"aixcta-desc\">\r\n        \u0648\u062d\u0651\u0650\u062f \u0628\u064a\u0627\u0646\u0627\u062a\u0643 \u0648\u0641\u0631\u0642 \u0639\u0645\u0644\u0643 \u0648\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u2014 \u0628\u0641\u0636\u0644 \u0642\u0648\u0629 AIX Workspace.\r\n      <\/p>\r\n\r\n      <div class=\"aixcta-buttons\">\r\n\r\n        <a href=\"https:\/\/aixworkspace.net\/ar\/contact-us\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"aixcta-btn-primary\">\r\n          \u0627\u062d\u062c\u0632 \u0639\u0631\u0636\u0627\u064b \u062a\u0648\u0636\u064a\u062d\u064a\u0627\u064b\r\n          <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n        <\/a>\r\n\r\n        <a href=\"https:\/\/aixworkspace.net\/ar\/usecases\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"aixcta-btn-secondary\">\r\n          \u062a\u062d\u0642\u0642 \u0645\u0646 \u062d\u0627\u0644\u0627\u062a \u0627\u0644\u0627\u0633\u062a\u062e\u062f\u0627\u0645\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The Enterprise AI Platform for Saudi Arabia One Platform. Endless AI Possibilities. Turn fragmented AI initiatives into a secure, governed enterprise AI platform, built for Saudi enterprises, from cloud to core. Saudi Hosted EnterpriseGoverned Multiple AIUse Cases Access Platform Watch Video The Proposition Don&#8217;t buy 50 disconnected AI solutions. Build one enterprise AI platform capable [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":463,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":2374,"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/pages\/46\/revisions\/2374"}],"wp:attachment":[{"href":"https:\/\/aixworkspace.net\/ar\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}