{"id":62173,"date":"2025-04-24T02:19:27","date_gmt":"2025-04-24T02:19:27","guid":{"rendered":"https:\/\/capytech.com\/?page_id=62173"},"modified":"2026-10-27T18:41:49","modified_gmt":"2026-10-27T18:41:49","slug":"articulate-360-partner","status":"publish","type":"page","link":"https:\/\/capytech.com\/en\/articulate-360-partner\/","title":{"rendered":"Articulate Main Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"62173\" class=\"elementor elementor-62173\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ce224db elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ce224db\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-de40dcd\" data-id=\"de40dcd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea2714d elementor-widget elementor-widget-html\" data-id=\"ea2714d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <!-- ADDED: Social Preview Images for consistency -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n<style>\n  \/* ==============================================\n     0. WORDPRESS & ROOT RESETS\n     ============================================== *\/\n  html, body { margin: 0 !important; padding: 0 !important; font-size: 16px !important; scroll-behavior: smooth; overflow-x: clip; background-color: var(--slate-50); }\n\n  .elementor-widget-html, .elementor-html-container, .elementor-widget-wrap, .elementor-section, .elementor-column, .elementor-container, .elementor-inner-section {\n    padding: 0 !important; margin: 0 !important; max-width: 100% !important; width: 100% !important;\n  }\n\n  \/* ==============================================\n     1. GLOBAL VARIABLES & WRAPPER\n     ============================================== *\/\n  .capy-custom-wrapper {\n    --font-sans: 'Plus Jakarta Sans', sans-serif;\n    --brand-50: #eff6ff; --brand-100: #dbeafe; --brand-500: #3b82f6; --brand-600: #2563eb; --brand-900: #0f172a; \n    --slate-50: #f8fafc; --slate-100: #f1f5f9; --slate-200: #e2e8f0; --slate-300: #cbd5e1; --slate-400: #94a3b8; \n    --slate-500: #64748b; --slate-600: #475569; --brand-300: #93c5fd; --slate-700: #334155; --slate-900: #0f172a; --white: #ffffff;\n\n    font-family: var(--font-sans) !important;\n    margin-left: calc(-50vw + 50%) !important; margin-right: calc(-50vw + 50%) !important;\n    width: 100vw !important; max-width: 100vw !important;\n    position: relative; background-color: var(--slate-50); overflow-x: clip !important; \n  }\n\n  .capy-custom-wrapper * { font-family: var(--font-sans) !important; box-sizing: border-box; margin: 0; padding: 0; }\n  .capy-container { max-width: 1280px !important; margin: 0 auto; width: 100%; padding: 0 1.5rem; }\n\n  \/* ==============================================\n     2. GLOBAL BUTTONS & ANIMATIONS\n     ============================================== *\/\n  .capy-btn {\n    display: inline-flex; align-items: center; justify-content: center;\n    padding: 1.125rem 2.5rem; font-size: 1.05rem; font-weight: 700;\n    border-radius: 999px; \n    text-decoration: none; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); cursor: pointer;\n  }\n  .capy-btn-primary { background-color: var(--brand-900); color: var(--white) !important; box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.3); }\n  .capy-btn-primary:hover { background-color: var(--brand-600); transform: translateY(-3px); box-shadow: 0 20px 25px -5px rgba(37, 99, 235, 0.4); }\n  .capy-btn-secondary { background-color: var(--white); color: var(--brand-900) !important; border: 1px solid var(--slate-200); }\n  .capy-btn-secondary:hover { background-color: var(--slate-50); border-color: var(--slate-300); transform: translateY(-3px); box-shadow: 0 10px 15px -3px rgba(15, 23, 42, 0.05); }\n\n  .capy-reveal, .capy-reveal-up { opacity: 0; transition: opacity 0.8s ease, transform 1s ease; will-change: opacity, transform; }\n  .capy-reveal-up { transform: translateY(40px); }\n  .capy-active.capy-reveal, .capy-active.capy-reveal-up { opacity: 1; transform: translate(0, 0); }\n  .capy-delay-1 { transition-delay: 0.1s; } .capy-delay-2 { transition-delay: 0.2s; } .capy-delay-3 { transition-delay: 0.3s; }\n\n  .capy-hero-load-up {\n    opacity: 0;\n    transform: translateY(40px);\n    animation: capy-fade-in-up 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;\n  }\n  @keyframes capy-fade-in-up { to { opacity: 1; transform: translateY(0); } }\n\n  .capy-hero-delay-1 { animation-delay: 0.1s; }\n  .capy-hero-delay-2 { animation-delay: 0.2s; }\n  .capy-hero-delay-3 { animation-delay: 0.3s; }\n\n  \/* ==============================================\n     PART 1: THE BLENDED HERO SECTION\n     ============================================== *\/\n  .capy-art-hero {\n    position: relative;\n    padding: 8rem 0 4rem 0;\n    background-color: var(--white);\n    overflow: hidden;\n    text-align: center;\n  }\n\n  .capy-btn:active, .capy-btn-solid:active, .capy-btn-glass:active {\n    transform: scale(0.96) !important;\n    transition: transform 0.1s ease !important;\n  }\n\n  .capy-art-glow {\n    position: absolute; top: -20%; right: -10%;\n    width: 800px; height: 800px;\n    background: radial-gradient(circle, rgba(167, 139, 250, 0.25) 0%, rgba(99, 102, 241, 0.15) 40%, transparent 70%);\n    filter: blur(60px); z-index: 0; pointer-events: none;\n    animation: capy-aurora 10s ease-in-out infinite alternate;\n  }\n\n  @keyframes capy-aurora {\n    0% { transform: scale(1) translate(0, 0); }\n    50% { transform: scale(1.1) translate(-50px, 30px); }\n    100% { transform: scale(0.9) translate(30px, -30px); }\n  }\n\n  .capy-ui-sticker {\n    position: absolute; background: rgba(255, 255, 255, 0.85);\n    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 15px 35px -5px rgba(15, 23, 42, 0.15), inset 0 1px 0 rgba(255,255,255,1);\n    border-radius: 999px; padding: 0.6rem 1.25rem;\n    display: flex; align-items: center; gap: 0.5rem;\n    font-size: 0.85rem; font-weight: 800; color: var(--brand-900);\n    z-index: 20; animation: capy-float 6s ease-in-out infinite alternate;\n  }\n  .sticker-1 { top: 10%; left: -5%; animation-delay: 0s; }\n\n  .capy-art-hero-content {\n    position: relative; z-index: 10; max-width: 56rem; margin: 0 auto;\n    display: flex; flex-direction: column; align-items: center;\n  }\n\n  .capy-art-lockup {\n    display: inline-flex; align-items: center; gap: 1.25rem; \n    padding: 0.6rem 1.75rem; background: rgba(255, 255, 255, 0.85); \n    backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);\n    border: 1px solid rgba(226, 232, 240, 0.8); border-radius: 999px; \n    box-shadow: 0 10px 25px -5px rgba(99, 102, 241, 0.1), inset 0 1px 0 rgba(255, 255, 255, 1);\n    margin-bottom: 2.5rem; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n  }\n\n  .capy-art-lockup:hover { transform: translateY(-3px); box-shadow: 0 15px 35px -5px rgba(99, 102, 241, 0.15), inset 0 1px 0 rgba(255, 255, 255, 1); }\n  .capy-lockup-capytech { width: 150px; }\n  .capy-lockup-articulate { width: 150px; }\n\n  .capy-art-divider { display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; }\n  .capy-art-divider svg { width: 1.1rem; height: 1.1rem; color: var(--slate-600); stroke-width: 3; }\n\n  .capy-art-headline { font-size: 3.5rem; font-weight: 800; line-height: 1.1; color: var(--brand-900); letter-spacing: -0.03em; margin-bottom: 1.5rem; }\n  @media (min-width: 1024px) { .capy-art-headline { font-size: 4.5rem; } }\n  .capy-art-gradient { color: var(--brand-600); }\n\n  .capy-art-subhead { font-size: 1.15rem; color: var(--slate-500); line-height: 1.6; max-width: 48rem; margin: 0 auto 2.5rem auto; }\n  @media (min-width: 1024px) { .capy-art-subhead { font-size: 1.25rem; } }\n\n  .capy-art-actions { display: flex; flex-direction: column; gap: 1rem; width: 100%; justify-content: center; margin-bottom: 5rem; }\n  @media (min-width: 640px) { .capy-art-actions { flex-direction: row; width: auto; } }\n\n  .capy-art-ui-mockup {\n    position: relative; z-index: 10; width: 100%; max-width: 1100px; margin: 0 auto;\n    background-color: var(--slate-50); border: 1px solid var(--slate-200);\n    border-radius: 2rem; box-shadow: 0 30px 60px -15px rgba(15, 23, 42, 0.15);\n    aspect-ratio: 16\/9; overflow: hidden; transform: translateY(0); transition: transform 0.5s ease;\n  }\n  .capy-art-ui-mockup:hover { transform: translateY(-10px); box-shadow: 0 40px 70px -15px rgba(15, 23, 42, 0.2); }\n  .capy-art-ui-mockup img { width: 100%; height: 100%; object-fit: cover; }\n\n  \/* --- PART 1.5: BULLETPROOF INFINITE MARQUEE --- *\/\n  .capy-trust-strip { padding: 4rem 0 3rem 0; background-color: var(--white); border-bottom: 1px solid var(--slate-100); text-align: center; position: relative; overflow: hidden; width: 100vw; margin-left: calc(-50vw + 50%); }\n  .capy-trust-strip p { font-size: 0.85rem; font-weight: 800; color: var(--slate-400); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 2.5rem; }\n  .capy-marquee-window { width: 100%; overflow: hidden; position: relative; display: flex; }\n  .capy-marquee-window::before, .capy-marquee-window::after { content: ''; position: absolute; top: 0; width: 150px; height: 100%; z-index: 10; pointer-events: none; }\n  .capy-marquee-window::before { left: 0; background: linear-gradient(to right, var(--white) 0%, transparent 100%); }\n  .capy-marquee-window::after { right: 0; background: linear-gradient(to left, var(--white) 0%, transparent 100%); }\n  .capy-marquee-track { display: flex; width: fit-content; animation: capy-scroll-infinite 40s linear infinite; }\n  .capy-marquee-track:hover { animation-play-state: paused; }\n  .capy-marquee-group { display: flex; align-items: center; padding-right: 4rem; gap: 4rem; flex-shrink: 0; min-width: 100vw; justify-content: space-around; }\n  .capy-marquee-group img { height: 2.5rem; width: auto !important; max-width: none !important; object-fit: contain; opacity: 0.5; filter: grayscale(100%); transition: all 0.3s ease; cursor: pointer; flex-shrink: 0; }\n  .capy-marquee-group img:hover { opacity: 1; filter: grayscale(0%); transform: scale(1.05); }\n  .capy-marquee-group img.capy-logo-large { height: 6rem; }\n  @media (max-width: 767px) { .capy-marquee-group { gap: 2.5rem; padding-right: 2.5rem; } .capy-marquee-group img { height: 1.75rem; } .capy-marquee-group img.capy-logo-large { height: 3rem; } }\n  @keyframes capy-scroll-infinite { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n\n  \/* ==============================================\n     PART 2: THE PARTNER ADVANTAGE\n     ============================================== *\/\n  .capy-advantage-section { padding: 8rem 0; background-color: var(--white); border-top: 1px solid var(--slate-100); position: relative; overflow: hidden; }\n  .capy-adv-header { text-align: center; margin-bottom: 5rem; padding: 0 1.5rem; }\n  .capy-adv-header h2 { font-size: 2.5rem; font-weight: 800; color: var(--brand-900); margin-bottom: 1.5rem; letter-spacing: -0.02em; line-height: 1.1; }\n  @media (min-width: 768px) { .capy-adv-header h2 { font-size: 3.5rem; } }\n  .capy-adv-header p { font-size: 1.15rem; color: var(--slate-500); max-width: 42rem; margin: 0 auto; line-height: 1.6; }\n\n  .capy-adv-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; }\n  @media (min-width: 1024px) {\n    .capy-adv-grid { grid-template-columns: repeat(2, 1fr); gap: 2.5rem; }\n    .capy-adv-card.capy-adv-featured { grid-column: span 2; flex-direction: row-reverse; }\n    .capy-adv-card.capy-adv-featured .capy-adv-visual { width: 55%; height: auto; min-height: 400px; }\n    .capy-adv-card.capy-adv-featured .capy-adv-content { width: 45%; padding: 4rem; justify-content: center; }\n  }\n\n  .capy-adv-card { border-radius: 1.5rem; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); position: relative; z-index: 1; display: flex; flex-direction: column; border: none; overflow: hidden; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.9), 0 10px 25px -5px rgba(15, 23, 42, 0.02); }\n  .capy-adv-card:hover { transform: translateY(-8px); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 1), 0 25px 50px -12px rgba(15, 23, 42, 0.08); z-index: 10; }\n  .capy-card-pastel-blue { background-color: #f0f6ff; } .capy-card-pastel-purple { background-color: #f5f3ff; } .capy-card-pastel-green { background-color: #ecfdf5; }\n\n  .capy-adv-visual { width: 100%; height: 260px; position: relative; overflow: hidden; background-color: rgba(255, 255, 255, 0.4); display: flex; align-items: center; justify-content: center; }\n  .capy-adv-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); }\n  .capy-adv-card:hover .capy-adv-visual img { transform: scale(1.05); }\n\n  .capy-adv-content { padding: 2.5rem; display: flex; flex-direction: column; flex-grow: 1; }\n  .capy-adv-icon { width: 3.5rem; height: 3.5rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; transition: transform 0.3s ease; }\n  .capy-adv-card:hover .capy-adv-icon { transform: scale(1.1) rotate(-5deg); }\n  .capy-adv-icon svg { width: 1.75rem; height: 1.75rem; }\n\n  .capy-card-pastel-blue .capy-adv-icon { background-color: #dbeafe; color: #3b82f6; }\n  .capy-card-pastel-purple .capy-adv-icon { background-color: #ede9fe; color: #8b5cf6; }\n  .capy-card-pastel-green .capy-adv-icon { background-color: #d1fae5; color: #10b981; }\n\n  .capy-adv-title { font-size: 1.35rem; font-weight: 800; color: var(--brand-900); margin-bottom: 1rem; letter-spacing: -0.01em; line-height: 1.3; }\n  .capy-adv-text { font-size: 1rem; color: var(--slate-600); line-height: 1.6; margin: 0; }\n\n  \/* ==============================================\n     PART 3: THE ARTICULATE 360 SUITE \n     ============================================== *\/\n  .capy-suite-section { padding: 8rem 0; background-color: var(--white); position: relative; overflow: hidden; }\n  .capy-suite-header { text-align: center; margin-bottom: 5rem; padding: 0 1.5rem; }\n  .capy-suite-header h2 { font-size: 2.5rem; font-weight: 800; color: var(--brand-900); margin-bottom: 1.5rem; letter-spacing: -0.02em; line-height: 1.1; }\n  @media (min-width: 768px) { .capy-suite-header h2 { font-size: 3.5rem; } }\n  .capy-gradient-text-blue { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, var(--brand-600), #2563Eb); }\n  .capy-suite-header p { font-size: 1.15rem; color: var(--slate-500); max-width: 42rem; margin: 0 auto; line-height: 1.6; }\n\n  .capy-suite-grid-v2 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 2rem; }\n  @media (min-width: 1024px) { .capy-suite-grid-v2 { grid-template-columns: 1fr 1fr; gap: 2.5rem; } }\n  .capy-suite-card-v2 { background: var(--white); border: 1px solid var(--slate-200); border-radius: 1.25rem; padding: 3rem 2.5rem; position: relative; transition: box-shadow 0.3s ease, transform 0.3s ease; display: flex; flex-direction: column; overflow: hidden; }\n  .capy-suite-card-v2:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -12px rgba(15, 23, 42, 0.08); border-color: var(--slate-300); }\n  .capy-suite-tag { display: inline-block; align-self: flex-start; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate-500); border: 1px solid var(--slate-200); border-radius: 100px; padding: 0.35rem 0.85rem; margin-bottom: 2.5rem; }\n  .capy-suite-app-row { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }\n  .capy-suite-monogram { width: 3.5rem; height: 3.5rem; border-radius: 0.75rem; border: 1px solid var(--slate-200); background: var(--slate-50); display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 800; color: var(--brand-900); letter-spacing: 0.05em; flex-shrink: 0; }\n  .capy-suite-app-name { font-size: 1.75rem; font-weight: 800; color: var(--brand-900); line-height: 1; letter-spacing: -0.02em; }\n  .capy-suite-app-sub { font-size: 0.85rem; color: var(--slate-500); font-weight: 500; margin-top: 0.35rem; }\n  .capy-suite-desc-v2 { font-size: 1.05rem; color: var(--slate-600); line-height: 1.6; font-weight: 400; margin-bottom: 2rem; }\n  .capy-suite-rule { height: 1px; width: 100%; background: var(--slate-100); margin-bottom: 2rem; }\n  .capy-suite-feats { display: flex; flex-direction: column; gap: 1.5rem; position: relative; z-index: 10; }\n  .capy-suite-feat-item { display: flex; gap: 1rem; align-items: flex-start; }\n  .capy-suite-check { width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 1px solid var(--slate-200); background: var(--slate-50); display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 0.15rem; }\n  .capy-suite-check svg { width: 0.85rem; height: 0.85rem; color: var(--slate-600); }\n  .capy-suite-ft-text h4 { font-size: 1.05rem; font-weight: 700; color: var(--brand-900); margin: 0 0 0.25rem 0; }\n  .capy-suite-ft-text p { font-size: 0.95rem; color: var(--slate-500); line-height: 1.5; font-weight: 400; margin: 0; }\n  .capy-suite-num { position: absolute; bottom: 2rem; right: 2rem; text-align: right; pointer-events: none; z-index: 0; }\n  .capy-suite-num-big { font-size: 4rem; font-weight: 800; color: rgba(15, 23, 42, 0.03); line-height: 1; letter-spacing: -0.05em; }\n  .capy-suite-num-lbl { font-size: 0.65rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--slate-400); margin-top: 0.25rem; }\n\n  .capy-eco-grid-v2 { display: grid; grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 4rem; }\n  @media (min-width: 1024px) { .capy-eco-grid-v2 { grid-template-columns: 1fr 1fr; gap: 2rem; } }\n  .capy-eco-card-v2 { background: var(--slate-50); border: 1px solid var(--slate-200); border-radius: 1rem; padding: 2.5rem; display: flex; gap: 1.25rem; align-items: flex-start; transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease; }\n  .capy-eco-card-v2:hover { background: var(--white); border-color: var(--slate-300); transform: translateY(-2px); box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.05); }\n  .capy-eco-ico-v2 { width: 3rem; height: 3rem; border-radius: 0.75rem; background: var(--white); border: 1px solid var(--slate-200); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--brand-900); box-shadow: 0 2px 4px rgba(15, 23, 42, 0.02); }\n  .capy-eco-ico-v2 svg { width: 1.5rem; height: 1.5rem; }\n  .capy-eco-title-v2 { font-size: 1.15rem; font-weight: 800; color: var(--brand-900); margin-bottom: 0.35rem; }\n  .capy-eco-desc-v2 { font-size: 0.95rem; color: var(--slate-500); line-height: 1.6; margin: 0; }\n\n  \/* ==============================================\n     PART 4: THE TRAINING ACADEMY \n     ============================================== *\/\n  .capy-academy-section { padding: 8rem 0; background-color: var(--brand-900); position: relative; overflow: hidden; }\n  .capy-academy-glow { position: absolute; width: 800px; height: 800px; background: radial-gradient(circle, rgba(99, 102, 241, 0.3) 0%, rgba(168, 85, 247, 0.15) 30%, transparent 70%); top: -200px; left: -200px; pointer-events: none; z-index: 0; }\n  .capy-academy-grid { display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; position: relative; z-index: 10; }\n  @media (min-width: 1024px) { .capy-academy-grid { grid-template-columns: 1.1fr 0.9fr; gap: 6rem; } }\n  .capy-academy-content h2 { font-size: 2.5rem; font-weight: 800; line-height: 1.1; color: var(--white); letter-spacing: -0.02em; margin-bottom: 1.25rem; }\n  @media (min-width: 768px) { .capy-academy-content h2 { font-size: 3.5rem; } }\n  .capy-academy-content p { font-size: 1.125rem; color: var(--slate-400); line-height: 1.6; margin-bottom: 3rem; }\n  @media (min-width: 768px) { .capy-academy-content p { font-size: 1.25rem; } }\n  .capy-academy-features { display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 3rem; }\n  .capy-academy-card { background-color: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.05); border-radius: 1rem; padding: 1.5rem; display: flex; gap: 1.25rem; align-items: flex-start; transition: all 0.3s ease; }\n  .capy-academy-card:hover { background-color: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.15); transform: translateX(8px); }\n  .capy-academy-icon { flex-shrink: 0; width: 3rem; height: 3rem; border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.05); }\n  .capy-academy-icon svg { width: 1.5rem; height: 1.5rem; }\n  .capy-icon-fund { color: #60a5fa; box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.3); } \n  .capy-icon-adv { color: #c084fc; box-shadow: inset 0 0 0 1px rgba(192, 132, 252, 0.3); } \n  .capy-icon-arab { color: #34d399; box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.3); } \n  .capy-academy-text h4 { font-size: 1.125rem; font-weight: 700; color: var(--white); margin: 0 0 0.35rem 0; }\n  .capy-academy-text p { font-size: 0.95rem; color: var(--slate-400); line-height: 1.6; margin: 0; }\n  .capy-academy-actions { display: flex; flex-direction: column; gap: 1rem; }\n  @media (min-width: 640px) { .capy-academy-actions { flex-direction: row; } }\n  .capy-btn-glass { background-color: rgba(255, 255, 255, 0.05); color: var(--white) !important; border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(8px); }\n  .capy-btn-glass:hover { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.2); transform: translateY(-3px); }\n  .capy-academy-visual { position: relative; width: 100%; aspect-ratio: 4\/5; max-height: 700px; border-radius: 1.5rem; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); border: 1px solid rgba(255, 255, 255, 0.1); }\n  @media (min-width: 1024px) { .capy-academy-visual { aspect-ratio: auto; height: 100%; } }\n  .capy-academy-visual img { width: 100%; height: 100%; object-fit: cover; border-radius: 1.5rem; }\n  .capy-delivery-badge { position: absolute; bottom: 2rem; left: -2rem; background: rgba(15, 23, 42, 0.65); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); padding: 1.5rem; border-radius: 1.25rem; border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5); z-index: 20; max-width: 320px; animation: capy-float 6s ease-in-out infinite; }\n  @media (max-width: 767px) { .capy-delivery-badge { left: 1rem; right: 1rem; bottom: -2rem; max-width: none; } }\n  .capy-delivery-badge h5 { font-size: 0.85rem; font-weight: 800; color: #93c5fd; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 0.75rem 0; }\n  .capy-delivery-list { display: flex; flex-direction: column; gap: 0.5rem; }\n  .capy-delivery-list span { display: flex; align-items: center; gap: 0.75rem; font-size: 0.95rem; color: var(--white); font-weight: 600; }\n  .capy-delivery-list svg { color: #4ade80; width: 1.25rem; height: 1.25rem; }\n\n  \/* ==============================================\n     PART 5: THE SAFETY NET \n     ============================================== *\/\n  .capy-safetynet-section { padding: 6rem 1.5rem; background: linear-gradient(135deg, var(--brand-900) 0%, #1e293b 100%); border-top: 1px solid rgba(255, 255, 255, 0.05); text-align: center; position: relative; overflow: hidden; }\n  .capy-safetynet-glow { position: absolute; top: -50%; left: 50%; transform: translateX(-50%); width: 800px; height: 800px; background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 60%); border-radius: 50%; pointer-events: none; z-index: 0; }\n  .capy-safetynet-content { position: relative; z-index: 10; max-width: 48rem; margin: 0 auto; }\n  .capy-safetynet-content h2 { font-size: 2rem; font-weight: 800; color: var(--white); margin-bottom: 1.25rem; letter-spacing: -0.02em; line-height: 1.2; }\n  @media (min-width: 768px) { .capy-safetynet-content h2 { font-size: 2.75rem; } }\n  .capy-safetynet-content p { font-size: 1.125rem; color: var(--slate-300); line-height: 1.6; margin-bottom: 2.5rem; }\n  .capy-safetynet-content .capy-btn-glass { border-color: rgba(255, 255, 255, 0.2); }\n  .capy-safetynet-content .capy-btn-glass:hover { background-color: var(--brand-600); border-color: var(--brand-600); }\n\n  \/* ==============================================\n     PART 6: THE GRAND FINALE \n     ============================================== *\/\n  .capy-finale-section { background-color: var(--brand-900); padding-top: 8rem; position: relative; overflow: hidden; }\n  .capy-cta-card { background-color: rgba(30, 41, 59, 0.6); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 2rem; padding: 4rem 2rem; text-align: center; position: relative; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); margin-bottom: 6rem; overflow: hidden; }\n  @media (min-width: 768px) { .capy-cta-card { padding: 6rem 4rem; } }\n  .capy-cta-glow-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: radial-gradient(circle at center, rgba(59, 130, 246, 0.2) 0%, transparent 70%); pointer-events: none; z-index: 0; }\n  .capy-cta-content { position: relative; z-index: 10; max-width: 48rem; margin: 0 auto; }\n  .capy-cta-card h2 { font-size: 2.5rem; font-weight: 800; line-height: 1.1; color: var(--white); margin-bottom: 1.5rem; letter-spacing: -0.02em; }\n  @media (min-width: 768px) { .capy-cta-card h2 { font-size: 3.5rem; } }\n  .capy-gradient-text-light { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to right, #93c5fd, #c4b5fd); }\n  .capy-cta-card p { font-size: 1.125rem; color: var(--slate-300); line-height: 1.6; margin-bottom: 3rem; }\n  .capy-cta-actions { display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center; }\n  @media (min-width: 640px) { .capy-cta-actions { flex-direction: row; gap: 1.5rem; } }\n  .capy-btn-solid { display: inline-flex; align-items: center; justify-content: center; padding: 1.125rem 2rem; font-size: 1.05rem; font-weight: 700; border-radius: 1rem; text-decoration: none; background-color: var(--brand-600); color: var(--white) !important; border: 1px solid var(--brand-600); box-shadow: 0 10px 25px -5px rgba(37, 99, 235, 0.4); transition: all 0.3s ease; width: 100%; cursor: pointer; }\n  .capy-btn-solid:hover { background-color: var(--brand-500); transform: translateY(-3px); box-shadow: 0 15px 30px -5px rgba(37, 99, 235, 0.5); }\n  @media (min-width: 640px) { .capy-btn-solid { width: auto; } }\n\n  .capy-footer-master { border-top: 1px solid rgba(255, 255, 255, 0.05); padding: 5rem 0 2rem 0; }\n  .capy-footer-grid { display: grid; grid-template-columns: 1fr; gap: 3rem; margin-bottom: 4rem; }\n  @media (min-width: 768px) { .capy-footer-grid { grid-template-columns: 1fr 1fr; } .capy-footer-form-col { grid-column: span 2; } }\n  @media (min-width: 1024px) { .capy-footer-grid { grid-template-columns: 1.2fr 1fr 1.5fr; gap: 4rem; } .capy-footer-form-col { grid-column: span 1; } }\n  .capy-footer-brand p { color: var(--slate-400); font-size: 0.95rem; line-height: 1.6; margin: 1.5rem 0; max-width: 20rem; }\n  .capy-footer-logo { width: 160px; height: auto; }\n  .capy-footer-contact-list { display: flex; flex-direction: column; gap: 0.75rem; }\n  .capy-footer-contact-list span { display: flex; align-items: center; gap: 0.75rem; color: var(--slate-300); font-size: 0.9rem; }\n  .capy-footer-contact-list svg { width: 1.2rem; height: 1.2rem; color: var(--brand-500); }\n  .capy-footer-master h4 { color: var(--white); font-size: 1.1rem; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 1.5rem; }\n  .capy-footer-links { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n  .capy-footer-links a { color: var(--slate-400); text-decoration: none; font-size: 0.9rem; transition: color 0.2s; }\n  .capy-footer-links a:hover { color: var(--white); }\n\n  .capy-footer-form .wpcf7-form-control.wpcf7-text, .capy-footer-form .wpcf7-form-control.wpcf7-textarea, .capy-footer-form .wpcf7-form-control.wpcf7-select { width: 100%; box-sizing: border-box; padding: 0.875rem 1rem; border-radius: 0.75rem; background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--white); font-family: var(--font-sans); font-size: 0.9rem; outline: none; transition: all 0.3s; margin-bottom: 0.75rem; }\n  .capy-footer-form .wpcf7-form-control::placeholder { color: var(--slate-500); }\n  .capy-footer-form .wpcf7-form-control:focus { border-color: var(--brand-500); background-color: rgba(255, 255, 255, 0.08); }\n  .capy-footer-form .wpcf7-form-control.wpcf7-textarea { resize: vertical; min-height: 80px; }\n  .capy-footer-form .wpcf7-submit { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 1.125rem 2rem !important; font-size: 1.05rem !important; font-weight: 700 !important; border-radius: 1rem !important; background-color: var(--brand-600) !important; color: var(--white) !important; border: 1px solid var(--brand-600) !important; transition: all 0.3s ease !important; width: 100% !important; cursor: pointer !important; margin-top: 0.5rem !important; }\n  .capy-footer-form .wpcf7-submit:hover { background-color: var(--brand-500) !important; transform: translateY(-3px) !important; box-shadow: 0 15px 30px -5px rgba(37, 99, 235, 0.5) !important; }\n\n  .capy-footer-bottom { text-align: center; gap: 1rem; padding-top: 2rem; border-top: 1px solid rgba(255, 255, 255, 0.05); color: var(--slate-500); font-size: 0.85rem; }\n  @media (min-width: 640px) { .capy-footer-bottom { flex-direction: row; justify-content: space-between; } }\n  .capy-legal-links { display: flex; gap: 1.5rem; }\n  .capy-legal-links a { color: var(--slate-500); text-decoration: none; transition: color 0.2s; }\n  .capy-legal-links a:hover { color: var(--white); }\n\n  \/* --- MODAL STYLES --- *\/\n  .capy-modal-overlay { position: fixed; inset: 0; background-color: rgba(15, 23, 42, 0.75); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 1.5rem; opacity: 0; visibility: hidden; transition: all 0.3s ease; }\n  .capy-modal-overlay.capy-modal-active { opacity: 1; visibility: visible; }\n  .capy-modal-box.capy-modal-split { background-color: var(--white); width: 100%; max-width: 850px; border-radius: 1.5rem; padding: 0; position: relative; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); transform: scale(0.95) translateY(20px); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); display: flex; flex-direction: column; overflow: hidden; }\n  .capy-modal-overlay.capy-modal-active .capy-modal-box { transform: scale(1) translateY(0); }\n  .capy-modal-visual { display: none; }\n  .capy-modal-content { padding: 2.5rem 2rem; position: relative; }\n  @media (min-width: 768px) {\n    .capy-modal-box.capy-modal-split { flex-direction: row; }\n    .capy-modal-visual { display: flex; width: 45%; background-image: linear-gradient(to bottom, rgba(15, 23, 42, 0.1), rgba(15, 23, 42, 0.9)), url('https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/capytech-lms-form-bg.webp'); background-size: cover; background-position: left; flex-direction: column; justify-content: flex-end; padding: 2.5rem; }\n    .capy-modal-visual-text h4 { font-size: 1.5rem; font-weight: 700; color: var(--white); margin-bottom: 0.5rem; line-height: 1.2; }\n    .capy-modal-visual-text p { font-size: 0.95rem; color: var(--slate-300); line-height: 1.5; margin: 0; }\n    .capy-modal-content { width: 55%; padding: 3rem; }\n  }\n  .capy-modal-close { position: absolute; top: 1.5rem; right: 1.5rem; background: transparent; border: none; color: var(--slate-400); cursor: pointer; transition: color 0.2s ease; z-index: 10; }\n  .capy-modal-close:hover { color: var(--slate-900); }\n  .capy-modal-header { text-align: center; margin-bottom: 2rem; }\n  .capy-modal-icon { width: 3rem; height: 3rem; background-color: var(--brand-50); color: var(--brand-600); border-radius: 0.75rem; display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem auto; }\n  .capy-modal-header h3 { font-size: 1.5rem; font-weight: 800; color: var(--brand-900); margin-bottom: 0.5rem; letter-spacing: -0.02em; }\n  .capy-modal-header p { font-size: 0.95rem; color: var(--slate-500); line-height: 1.5; margin: 0; }\n  .capy-modal-content .wpcf7-form-control.wpcf7-text, .capy-modal-content .wpcf7-form-control.wpcf7-textarea, .capy-modal-content .wpcf7-form-control.wpcf7-select { width: 100%; padding: 0.875rem 1rem; border-radius: 0.75rem; border: 1px solid var(--slate-200); background-color: var(--slate-50); font-size: 0.95rem; font-family: var(--font-sans); color: var(--slate-900); transition: all 0.2s ease; outline: none; box-sizing: border-box; margin-bottom: 1rem; }\n  .capy-modal-content .wpcf7-form-control.wpcf7-textarea { resize: vertical; min-height: 100px; }\n  .capy-modal-content .wpcf7-form-control:focus { background-color: var(--white); border-color: var(--brand-500); box-shadow: 0 0 0 3px var(--brand-100); }\n  .capy-modal-content .wpcf7 form .wpcf7-submit { display: block !important; width: 100% !important; padding: 1rem !important; font-size: 1rem !important; background-color: var(--brand-600) !important; color: var(--white) !important; border: none !important; border-radius: 0.75rem !important; font-weight: 700 !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important; }\n  .capy-modal-content .wpcf7 form .wpcf7-submit:hover { background-color: var(--brand-500) !important; transform: translateY(-2px); }\n  .wpcf7 form .wpcf7-spinner { display: none !important; }\n  .wpcf7 form.submitting .wpcf7-submit { opacity: 0.7 !important; pointer-events: none; }\n\n  \/* ==============================================\n     FINAL POLISH: MOBILE RESPONSIVENESS\n     ============================================== *\/\n  @media (max-width: 767px) {\n    .capy-art-hero { padding: 6rem 0 3rem 0 !important; }\n    .capy-advantage-section, .capy-suite-section, .capy-academy-section, .capy-safetynet-section, .capy-finale-section { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }\n    .capy-art-headline { font-size: 2.15rem !important; line-height: 1.2 !important; margin-bottom: 1.25rem !important; padding: 0 0.5rem; }\n    .capy-adv-header h2, .capy-suite-header h2, .capy-academy-content h2, .capy-safetynet-content h2, .capy-cta-card h2 { font-size: 2rem !important; line-height: 1.25 !important; margin-bottom: 1rem !important; }\n    .capy-art-subhead, .capy-adv-header p, .capy-suite-header p, .capy-academy-content p, .capy-safetynet-content p, .capy-cta-card p { font-size: 1rem !important; line-height: 1.65 !important; margin-bottom: 2.5rem !important; padding: 0 0.5rem; }\n    .capy-art-lockup { padding: 0.75rem 1.25rem !important; gap: 0.75rem !important; margin-bottom: 2rem !important; }\n    .capy-lockup-capytech, .capy-lockup-articulate { width: 100px !important; height: auto !important; }\n    .capy-art-divider { width: 1.75rem !important; height: 1.75rem !important; }\n    .capy-art-divider svg { width: 0.85rem !important; height: 0.85rem !important; }\n    .capy-ui-sticker { display: none !important; }\n    .capy-art-actions { gap: 1rem !important; margin-bottom: 3rem !important; padding: 0 1rem; }\n    .capy-art-actions .capy-btn { width: 100% !important; padding: 1.125rem !important; font-size: 1rem !important; }\n    .capy-adv-content { padding: 1.75rem !important; }\n    .capy-adv-visual { height: 220px !important; } \n    .capy-suite-card-v2 { padding: 1.75rem !important; }\n    .capy-suite-tag { margin-bottom: 1.5rem !important; }\n    .capy-suite-app-name { font-size: 1.5rem !important; }\n    .capy-suite-desc-v2 { font-size: 1rem !important; margin-bottom: 1.5rem !important; }\n    .capy-suite-num { bottom: 1rem !important; right: 1rem !important; }\n    .capy-suite-num-big { font-size: 2.5rem !important; }\n    .capy-eco-card-v2 { padding: 1.5rem !important; flex-direction: column !important; gap: 1rem !important; }\n    .capy-academy-card { padding: 1.5rem !important; flex-direction: column !important; gap: 1rem !important; }\n    .capy-cta-card { padding: 2.5rem 1.5rem !important; border-radius: 1.5rem !important; }\n    .capy-cta-actions { width: 100% !important; gap: 1rem !important; }\n    .capy-cta-actions .capy-btn-solid, .capy-cta-actions .capy-btn-glass, .capy-cta-actions .capy-btn-outline-green { width: 100% !important; padding: 1.125rem !important; font-size: 1rem !important; }\n    .capy-delivery-badge { position: relative !important; bottom: 0 !important; left: 0 !important; right: 0 !important; margin-top: -1.5rem !important; border-radius: 1rem !important; padding: 1.25rem !important; }\n    \n    \/* ==============================================\n       MOBILE GPU PERFORMANCE RELIEF (The 100 Score Fix)\n       Kills heavy paint calculations to fix scroll lag\n       ============================================== *\/\n       \n    \/* 1. Hide massive blurred glowing orbs that drain VRAM *\/\n    .capy-art-glow,\n    .capy-academy-glow,\n    .capy-safetynet-glow,\n    .capy-cta-glow-bg {\n      display: none !important;\n    }\n\n    \/* 2. Remove frosted glass on cards and fallback to a sleek solid color *\/\n    .capy-cta-card,\n    .capy-delivery-badge,\n    .capy-art-lockup {\n      backdrop-filter: none !important;\n      -webkit-backdrop-filter: none !important;\n    }\n    \n    \/* Give the CTA card a solid dark background since glass is off *\/\n    .capy-cta-card {\n      background-color: #1e293b !important; \n    }\n\n    \/* 3. Force Hardware Acceleration on scroll animations *\/\n    .capy-reveal, \n    .capy-reveal-up, \n    .capy-reveal-left, \n    .capy-reveal-right {\n      transform: translateZ(0); \n      -webkit-transform: translateZ(0);\n    }\n\n    \/* 4. TICKER LAG FIX: Kill the grayscale filter and use basic compositing *\/\n    .capy-marquee-track {\n      transform: translateZ(0);\n      -webkit-transform: translateZ(0);\n    }\n    \n    .capy-marquee-group img {\n      filter: none !important; \n      opacity: 0.7 !important; \/* Softens them since grayscale is off *\/\n      transform: translateZ(0);\n      -webkit-transform: translateZ(0);\n    }\n  \n  }\n<\/style>\n\n<div class=\"capy-custom-wrapper\">\n<section class=\"capy-art-hero\">\n    <div class=\"capy-art-glow\"><\/div>\n    <div class=\"capy-container\">\n      \n      <div class=\"capy-art-hero-content\">\n        \n        <div class=\"capy-art-lockup capy-hero-load-up\">\n            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png\" alt=\"Capytech\" class=\"capy-lockup-capytech\">\n            <div class=\"capy-art-divider\">\n              <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line>\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line>\n              <\/svg>\n            <\/div>\n            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/articulate-logo.svg\" alt=\"Articulate 360\" class=\"capy-lockup-articulate\">\n        <\/div>\n\n        <h1 class=\"capy-art-headline capy-hero-load-up capy-hero-delay-1\">\n          Empower Your Team with <br>\n          <span class=\"capy-art-gradient\">Articulate 360.<\/span>\n        <\/h1>\n\n        <p class=\"capy-art-subhead capy-hero-load-up capy-hero-delay-2\">\n          As your official Articulate 360 partner in the Middle East, we help you master the world's leading e-learning authoring suite. Buy your licences locally, skip the procurement headaches, and empower your team with our expert-led training programs.\n        <\/p>\n\n        <div class=\"capy-art-actions capy-hero-load-up capy-hero-delay-3\">\n          <a href=\"#modal\" class=\"capy-btn capy-btn-primary\">Get a Licence Quote<\/a>\n          <a href=\"#programs\" class=\"capy-btn capy-btn-secondary\">Explore Training Programs<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"capy-hero-load-up capy-hero-delay-3\" style=\"position: relative; max-width: 1100px; margin: 0 auto; width: 100%;\">\n        \n        <div class=\"capy-ui-sticker sticker-1\">\n          <svg style=\"width:1.2rem;height:1.2rem;color:#10b981;\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n          Published Successfully\n        <\/div>\n\n        <div class=\"capy-art-ui-mockup\">\n          <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/articulate-partner-hero.webp\" alt=\"Articulate 360 partner interface\" fetchpriority=\"high\">\n        <\/div>\n      <\/div>\n\n      <div class=\"capy-reveal-up capy-delay-3\" style=\"position: relative; max-width: 1100px; margin: 0 auto; width: 100%;\">\n        \n        <div class=\"capy-trust-strip\">\n          <p class=\"capy-reveal-up\">Trusted by leading L&D teams across the GCC<\/p>\n          \n          <div class=\"capy-marquee-window capy-reveal-up capy-delay-1\">\n            <div class=\"capy-marquee-track\">\n              \n              <div class=\"capy-marquee-group\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-google.webp\" alt=\"Google\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-microsoft.webp\" alt=\"Microsoft\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-mercedes-benz.webp\" alt=\"Mercedes-Benz\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-starbucks.webp\" alt=\"Starbucks\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-redfin.webp\" alt=\"Redfin\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-mit.png\" alt=\"Massachusetts Institute of Technology\" class=\"capy-logo-large\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-adidas.webp\" alt=\"Adidas\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-publix.webp\" alt=\"Publix\">\n              <\/div>\n       \n              <div class=\"capy-marquee-group\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-google.webp\" alt=\"Google\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-microsoft.webp\" alt=\"Microsoft\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-mercedes-benz.webp\" alt=\"Mercedes-Benz\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-starbucks.webp\" alt=\"Starbucks\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-redfin.webp\" alt=\"Redfin\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-mit.png\" alt=\"Massachusetts Institute of Technology\" class=\"capy-logo-large\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-adidas.webp\" alt=\"Adidas\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-publix.webp\" alt=\"Publix\">\n              <\/div>\n       \n            <\/div>\n          <\/div>\n        <\/div>\n        \n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<section class=\"capy-advantage-section\">\n    <div class=\"capy-container\">\n      \n      <div class=\"capy-adv-header capy-reveal-up\">\n        <h2>Why Choose a Local <br><span class=\"capy-gradient-text-blue\">Articulate 360 partner?<\/span><\/h2>\n        <p>Don't just buy a software login. Partner with the regional experts who use Articulate 360 every single day.<\/p>\n      <\/div>\n\n      <div class=\"capy-adv-grid\">\n        \n        <div class=\"capy-adv-card capy-adv-featured capy-card-pastel-blue capy-reveal-up capy-delay-1\">\n          <div class=\"capy-adv-visual\">\n            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/Procurement.webp\" alt=\"Articulate 360 partner procurement interface\">\n          <\/div>\n          \n          <div class=\"capy-adv-content\">\n            <div class=\"capy-adv-icon\">\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z\"><\/path><\/svg>\n            <\/div>\n            <h3 class=\"capy-adv-title\">Frictionless Local Procurement<\/h3>\n            <p class=\"capy-adv-text\">Skip the international vendor setup and currency conversions. We provide local invoicing, dedicated account management, and a seamless purchasing process tailored for GCC organisations.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"capy-adv-card capy-card-pastel-purple capy-reveal-up capy-delay-2\">\n          <div class=\"capy-adv-visual\">\n            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/support.webp\" alt=\"Articulate 360 partner support team\">\n          <\/div>\n\n          <div class=\"capy-adv-content\">\n            <div class=\"capy-adv-icon\">\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"><\/path><\/svg>\n            <\/div>\n            <h3 class=\"capy-adv-title\">Articulate 360 partner Support<\/h3>\n            <p class=\"capy-adv-text\">Say goodbye to waiting 24 hours for a US time-zone email reply. Get fast, reliable support from a team that operates on your schedule and understands your business landscape.<\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"capy-adv-card capy-card-pastel-green capy-reveal-up capy-delay-3\">\n          <div class=\"capy-adv-visual\">\n            <!-- SWAPPED UNSPLASH LINK: Update to your real uploaded image -->\n            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/expert.webp\" alt=\"Articulate 360 partner training workshop\">\n          <\/div>\n\n          <div class=\"capy-adv-content\">\n            <div class=\"capy-adv-icon\">\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n            <\/div>\n            <h3 class=\"capy-adv-title\">Expert Enablement<\/h3>\n            <p class=\"capy-adv-text\">We don\u2019t just hand you the keys; we teach you how to drive. As master developers ourselves, we offer hands-on training to ensure your team actually gets maximum ROI from the software.<\/p>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<section class=\"capy-suite-section\">\n  <div class=\"capy-container\" style=\"max-width: 1080px;\">\n    \n    <div class=\"capy-suite-header capy-reveal-up\">\n      <h2>One Subscription. <br><span class=\"capy-gradient-text-blue\">Infinite Possibilities.<\/span><\/h2>\n      <p>When you purchase a licence through an <strong>Articulate 360 partner<\/strong>, your team gets instant access to an entire ecosystem of <a href=\"https:\/\/articulate.com\/360\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: var(--brand-600); text-decoration: underline;\">creator tools<\/a>.<\/p>\n    <\/div>\n\n    <div class=\"capy-suite-grid-v2\">\n      \n      <div class=\"capy-suite-card-v2 capy-reveal-up capy-delay-1\">\n        <div class=\"capy-suite-tag\">Deep, Custom & Immersive<\/div>\n        \n        <div class=\"capy-suite-app-row\">\n          <div class=\"capy-suite-monogram\">SL<\/div>\n          <div>\n            <div class=\"capy-suite-app-name\">Storyline 360<\/div>\n            <div class=\"capy-suite-app-sub\">Desktop authoring<\/div>\n          <\/div>\n        <\/div>\n        \n        <p class=\"capy-suite-desc-v2\">The industry standard for building custom, highly interactive courses for complex training scenarios.<\/p>\n        \n        <div class=\"capy-suite-rule\"><\/div>\n        \n        <div class=\"capy-suite-feats\">\n          <div class=\"capy-suite-feat-item\">\n            <div class=\"capy-suite-check\">\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\n            <\/div>\n            <div class=\"capy-suite-ft-text\">\n              <h4>Limitless Interactivity<\/h4>\n              <p>Build complex branching scenarios, software simulations, and advanced gamification using intuitive triggers.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"capy-suite-feat-item\">\n            <div class=\"capy-suite-check\">\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\n            <\/div>\n            <div class=\"capy-suite-ft-text\">\n              <h4>Total Control<\/h4>\n              <p>Create bespoke user interfaces and custom learning journeys that match your brand perfectly.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"capy-suite-num\">\n          <div class=\"capy-suite-num-big\">\u221e<\/div>\n          <div class=\"capy-suite-num-lbl\">interactions<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"capy-suite-card-v2 capy-reveal-up capy-delay-2\">\n        <div class=\"capy-suite-tag\">Fast, Fluid & Mobile-First<\/div>\n        \n        <div class=\"capy-suite-app-row\">\n          <div class=\"capy-suite-monogram\">RS<\/div>\n          <div>\n            <div class=\"capy-suite-app-name\">Rise 360<\/div>\n            <div class=\"capy-suite-app-sub\">Browser-based authoring<\/div>\n          <\/div>\n        <\/div>\n        \n        <p class=\"capy-suite-desc-v2\">The ultimate authoring tool for rapid, gorgeous, web-based course creation directly in your browser.<\/p>\n        \n        <div class=\"capy-suite-rule\"><\/div>\n        \n        <div class=\"capy-suite-feats\">\n          <div class=\"capy-suite-feat-item\">\n            <div class=\"capy-suite-check\">\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\n            <\/div>\n            <div class=\"capy-suite-ft-text\">\n              <h4>Speed to Market<\/h4>\n              <p>SMEs build beautiful, scrolling microlearning modules in minutes, with zero code required.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"capy-suite-feat-item\">\n            <div class=\"capy-suite-check\">\n              <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"\/><\/svg>\n            <\/div>\n            <div class=\"capy-suite-ft-text\">\n              <h4>Fully Responsive<\/h4>\n              <p>Courses auto-adapt flawlessly across every device, from ultra-wide monitors to smartphones.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n        \n        <div class=\"capy-suite-num\">\n          <div class=\"capy-suite-num-big\">100%<\/div>\n          <div class=\"capy-suite-num-lbl\">responsive<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"capy-eco-grid-v2\">\n      <div class=\"capy-eco-card-v2 capy-reveal-up capy-delay-1\">\n        <div class=\"capy-eco-ico-v2\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"capy-eco-title-v2\">Review 360<\/div>\n          <p class=\"capy-eco-desc-v2\">Speed up sign-off. Stakeholders leave timestamped comments directly on slides, with no login needed.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"capy-eco-card-v2 capy-reveal-up capy-delay-2\">\n        <div class=\"capy-eco-ico-v2\">\n          <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg>\n        <\/div>\n        <div>\n          <div class=\"capy-eco-title-v2\">Content Library 360<\/div>\n          <p class=\"capy-eco-desc-v2\">Built-in access to 12M+ high-quality images, icons, videos, and customisable characters.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<section class=\"capy-academy-section\" id=\"programs\">\n    <div class=\"capy-academy-glow\"><\/div>\n    <div class=\"capy-container\">\n      \n      <div class=\"capy-academy-grid\">\n        \n        <div class=\"capy-academy-content capy-reveal-left\">\n          <h2>Master the Software with Your <br><span class=\"capy-gradient-text-blue\">Articulate 360 partner.<\/span><\/h2>\n          <p>A tool is only as good as the person using it. Our Articulate Training Academy is designed to take your L&D team from absolute beginners to confident, independent e-learning developers.<\/p>\n\n          <div class=\"capy-academy-features\">\n            \n            <div class=\"capy-academy-card capy-reveal-up capy-delay-1\">\n              <div class=\"capy-academy-icon capy-icon-fund\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n              <\/div>\n              <div class=\"capy-academy-text\">\n                <h4>Fundamentals Training<\/h4>\n                <p>Perfect for new teams. We cover the basics of both Rise 360 and Storyline 360, teaching your staff how to build, publish, and track their very first interactive module.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"capy-academy-card capy-reveal-up capy-delay-2\">\n              <div class=\"capy-academy-icon capy-icon-adv\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"><\/path><\/svg>\n              <\/div>\n              <div class=\"capy-academy-text\">\n                <h4>Advanced Masterclasses<\/h4>\n                <p>For teams ready to level up. We dive deep into custom variables, advanced triggers, gamification logic, and modern UI\/UX design principles.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"capy-academy-card capy-reveal-up capy-delay-3\">\n              <div class=\"capy-academy-icon capy-icon-arab\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n              <\/div>\n              <div class=\"capy-academy-text\">\n                <h4>Arabic Localisation Workshops<\/h4>\n                <p>The Middle East requires specific skills. We teach your developers the exact methods we use to flawlessly format RTL Arabic text and fix native alignment issues.<\/p>\n              <\/div>\n            <\/div>\n\n          <\/div>\n\n          <div class=\"capy-academy-actions capy-reveal-up capy-delay-3\">\n            <a href=\"#modal\" class=\"capy-btn capy-btn-glass\">Book a Training Consultation<\/a>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"capy-academy-visual capy-reveal-right capy-delay-2\">\n          <!-- SWAPPED UNSPLASH LINK: Update to your real uploaded image -->\n          <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/08\/partner.webp\" alt=\"Articulate 360 partner training workshop\">\n          \n          <div class=\"capy-delivery-badge\">\n            <h5>Flexible Delivery Options<\/h5>\n            <div class=\"capy-delivery-list\">\n              <span>\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                Live Virtual Cohorts (Zoom\/Teams)\n              <\/span>\n              <span>\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\n                On-Site Corporate Workshops\n              <\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n<section class=\"capy-safetynet-section\">\n    <div class=\"capy-safetynet-glow\"><\/div>\n    <div class=\"capy-container\">\n      \n      <div class=\"capy-safetynet-content capy-reveal-up\">\n        <h2>Got a Project Too Big for <br><span class=\"capy-gradient-text-blue\">Your Team?<\/span><\/h2>\n        \n        <p>Even the best in-house teams get overwhelmed. Because Capytech is your <strong>Articulate 360 partner<\/strong>, you always have a safety net. If you have a massive compliance rollout or need a highly complex gamified module built on a tight deadline, our agency team can step in and build it for you using the exact same software.<\/p>\n        \n        <a href=\"https:\/\/capytech.com\/en\/custom-e-learning-development\/\" class=\"capy-btn capy-btn-glass\">\n          Learn About Custom Development\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<section class=\"cxa-faq\" id=\"faq\">\n  <style>\n    .cxa-faq{background:#f8fafc;padding:5rem 1.5rem;color:#0f172a;font-family:inherit}\n    .cxa-faq .cxa-wrap{max-width:1100px;margin:0 auto}\n    .cxa-faq .cxa-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin-bottom:.75rem}\n    .cxa-faq h2{font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 1rem;color:#0f172a}\n    .cxa-faq .cxa-intro{font-size:1.08rem;line-height:1.7;color:#475569;max-width:760px;margin:0 0 2.5rem}\n    .cxa-faq .cxa-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:1.25rem}\n    .cxa-faq .cxa-plan{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;box-shadow:0 10px 30px rgba(15,23,42,.06)}\n    .cxa-faq .cxa-plan h3{font-size:1.3rem;font-weight:800;margin:0 0 .35rem;color:#0f172a}\n    .cxa-faq .cxa-plan .cxa-for{font-weight:600;color:#2563eb;margin:0 0 .9rem;font-size:.95rem}\n    .cxa-faq .cxa-plan ul{margin:0;padding-left:1.1rem;color:#475569;line-height:1.7}\n    .cxa-faq .cxa-tools{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 4rem}\n    .cxa-faq .cxa-tools a{display:inline-block;border:1px solid #cbd5e1;border-radius:999px;padding:.55rem 1.1rem;color:#0f172a;text-decoration:none;font-weight:600;background:#fff}\n    .cxa-faq .cxa-tools a:hover,.cxa-faq .cxa-tools a:focus{border-color:#2563eb;color:#2563eb}\n    .cxa-faq details{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:0 0 .75rem;overflow:hidden}\n    .cxa-faq summary{cursor:pointer;list-style:none;padding:1.15rem 3rem 1.15rem 1.4rem;font-weight:700;font-size:1.05rem;position:relative;color:#0f172a}\n    .cxa-faq summary::-webkit-details-marker{display:none}\n    .cxa-faq summary::after{content:\"+\";position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:#2563eb}\n    .cxa-faq details[open] summary::after{content:\"\\2212\"}\n    .cxa-faq details p{margin:0;padding:0 1.4rem 1.25rem;color:#475569;line-height:1.7}\n    .cxa-faq details a{color:#2563eb}\n    @media (max-width:760px){.cxa-faq{padding:3.5rem 1rem}.cxa-faq .cxa-plans{grid-template-columns:1fr}}\n  <\/style>\n  <div class=\"cxa-wrap\">\n    <span class=\"cxa-eyebrow\">Licences<\/span>\n    <h2>Articulate 360 Teams or Personal?<\/h2>\n    <p class=\"cxa-intro\">Both plans give you the full set of Articulate 360 apps. The difference is who owns and manages the licence. We help you pick the right plan and the right number of seats, then invoice you locally.<\/p>\n    <div class=\"cxa-plans\">\n      <div class=\"cxa-plan\">\n        <h3>Articulate 360 Teams<\/h3>\n        <p class=\"cxa-for\">For organisations and L&amp;D teams<\/p>\n        <ul>\n          <li>Seats owned by your organisation and managed in one place<\/li>\n          <li>Reassign a seat when someone changes role or leaves<\/li>\n          <li>Shared review and collaboration across your team<\/li>\n          <li>The plan most companies in the GCC choose<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"cxa-plan\">\n        <h3>Articulate 360 Personal<\/h3>\n        <p class=\"cxa-for\">For freelancers and independent developers<\/p>\n        <ul>\n          <li>One licence for one person<\/li>\n          <li>The same authoring apps, Storyline 360 and Rise 360<\/li>\n          <li>Suits contractors who build courses for several clients<\/li>\n          <li>Easy to move to Teams later as you grow<\/li>\n        <\/ul>\n      <\/div>\n    <\/div>\n    <div class=\"cxa-tools\">\n      <a href=\"\/en\/storyline-360\/\">Storyline 360<\/a>\n      <a href=\"\/en\/rise-360\/\">Rise 360<\/a>\n      <a href=\"\/en\/articulate-ai-assistant-localization\/\">AI Assistant and Localization<\/a>\n      <a href=\"\/en\/articulate-licence-chooser\/\">Which licence do I need?<\/a>\n      <a href=\"\/en\/custom-e-learning-development\/\">Custom e-learning development<\/a>\n      <a href=\"\/en\/ai-powered-lms\/\">Siraj LMS<\/a>\n      <a href=\"\/en\/contact\/\">Ask for a licence quote<\/a>\n    <\/div>\n\n    <span class=\"cxa-eyebrow\">FAQ<\/span>\n    <h2>Buying Articulate 360 in the Middle East<\/h2>\n    <p class=\"cxa-intro\">The questions L&amp;D and procurement teams ask us most before they buy.<\/p>\n\n    <details><summary>Is Capytech an official Articulate partner?<\/summary><p>Yes. Capytech is an official Articulate partner in the Middle East. We supply Articulate 360 licences to organisations across the UAE, Saudi Arabia and the wider GCC, and we use the same software every day to build courses for our own clients.<\/p><\/details>\n    <details><summary>Why buy Articulate 360 through a partner rather than online?<\/summary><p>You get a local invoice, a named account manager and help choosing the right plan and seat count. We also set your team up, train them, and stay on hand in your time zone when questions come up after go live.<\/p><\/details>\n    <details><summary>Should we choose Teams or Personal?<\/summary><p>Choose Teams if the licences belong to your organisation: seats are managed centrally and can be moved between people. Personal is for one individual, usually a freelancer. If you are not sure, tell us how many people will build courses and we will recommend a set up.<\/p><\/details>\n    <details><summary>What is included in Articulate 360?<\/summary><p>Storyline 360, Rise 360, Review 360 and the Content Library, plus Articulate's own training webinars. Articulate adds and changes features and add-ons over time, such as AI Assistant and Localization, so we confirm exactly what your plan includes when we send your quote.<\/p><\/details>\n    <details><summary>Do Storyline 360 and Rise 360 work in Arabic?<\/summary><p>Yes, both support right to left text. Arabic courses need care with fonts, alignment and mirrored layouts, which is why we run Arabic localisation workshops that teach your developers the methods we use on our own Arabic projects.<\/p><\/details>\n    <details><summary>Will the courses work in our LMS?<\/summary><p>Yes. Storyline 360 and Rise 360 publish to the standard formats, including SCORM 1.2, SCORM 2004 and xAPI, so courses run in any standards based LMS, including <a href=\"\/en\/ai-powered-lms\/\">Siraj, our own AI-powered LMS<\/a>.<\/p><\/details>\n    <details><summary>How much does Articulate 360 cost?<\/summary><p>The price depends on the plan, the number of seats and the term, so we do not publish prices on this site. <a href=\"\/en\/contact\/\">Ask for a licence quote<\/a> and we will send you a written quote for your organisation.<\/p><\/details>\n    <details><summary>Can you train our team?<\/summary><p>Yes. We run fundamentals training for new teams, advanced masterclasses for experienced developers, and Arabic localisation workshops, live online or as on site workshops for your organisation.<\/p><\/details>\n    <details><summary>Can you build courses for us as well?<\/summary><p>Yes. If a project is too big or too urgent for your team, our developers can build it in Articulate 360 and hand over the source files so your team can maintain it. See <a href=\"\/en\/custom-e-learning-development\/\">custom e-learning development<\/a>.<\/p><\/details>\n    <details><summary>Can you manage our renewals?<\/summary><p>Yes. We keep track of your renewal date, check how many seats you are really using, and help you add or remove seats at renewal so you only pay for what your team needs.<\/p><\/details>\n  <\/div>\n  <script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[\n{\"@type\":\"Question\",\"name\":\"Is Capytech an official Articulate partner?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Capytech is an official Articulate partner in the Middle East. We supply Articulate 360 licences to organisations across the UAE, Saudi Arabia and the wider GCC, and we use the same software every day to build courses for our own clients.\"}},\n{\"@type\":\"Question\",\"name\":\"Why buy Articulate 360 through a partner rather than online?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"You get a local invoice, a named account manager and help choosing the right plan and seat count. We also set your team up, train them, and stay on hand in your time zone when questions come up after go live.\"}},\n{\"@type\":\"Question\",\"name\":\"Should we choose Teams or Personal?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Choose Teams if the licences belong to your organisation: seats are managed centrally and can be moved between people. Personal is for one individual, usually a freelancer. If you are not sure, tell us how many people will build courses and we will recommend a set up.\"}},\n{\"@type\":\"Question\",\"name\":\"What is included in Articulate 360?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Storyline 360, Rise 360, Review 360 and the Content Library, plus Articulate's own training webinars. Articulate adds and changes features and add-ons over time, such as AI Assistant and Localization, so we confirm exactly what your plan includes when we send your quote.\"}},\n{\"@type\":\"Question\",\"name\":\"Do Storyline 360 and Rise 360 work in Arabic?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, both support right to left text. Arabic courses need care with fonts, alignment and mirrored layouts, which is why we run Arabic localisation workshops that teach your developers the methods we use on our own Arabic projects.\"}},\n{\"@type\":\"Question\",\"name\":\"Will the courses work in our LMS?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Storyline 360 and Rise 360 publish to the standard formats, including SCORM 1.2, SCORM 2004 and xAPI, so courses run in any standards based LMS, including Siraj, our own AI-powered LMS.\"}},\n{\"@type\":\"Question\",\"name\":\"How much does Articulate 360 cost?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"The price depends on the plan, the number of seats and the term, so we do not publish prices on this site. Ask for a licence quote and we will send you a written quote for your organisation.\"}},\n{\"@type\":\"Question\",\"name\":\"Can you train our team?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. We run fundamentals training for new teams, advanced masterclasses for experienced developers, and Arabic localisation workshops, live online or as on site workshops for your organisation.\"}},\n{\"@type\":\"Question\",\"name\":\"Can you build courses for us as well?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. If a project is too big or too urgent for your team, our developers can build it in Articulate 360 and hand over the source files so your team can maintain it.\"}},\n{\"@type\":\"Question\",\"name\":\"Can you manage our renewals?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. We keep track of your renewal date, check how many seats you are really using, and help you add or remove seats at renewal so you only pay for what your team needs.\"}}\n]}<\/script>\n<\/section>\n\n\n<section class=\"capy-finale-section\">\n    <div class=\"capy-container\">\n      \n      <div class=\"capy-cta-card capy-reveal-up\">\n        <div class=\"capy-cta-glow-bg\"><\/div>\n        \n        <div class=\"capy-cta-content\">\n          <h2>Ready to bring your <br><span class=\"capy-gradient-text-light\">e-learning creation in-house?<\/span><\/h2>\n          <p>Equip your team with the world's best authoring tools and the training to use them.<\/p>\n          \n          <div class=\"capy-cta-actions\">\n            <a href=\"#modal\" class=\"capy-btn-solid\">\n              Request a Licence Quote\n            <\/a>\n            <a href=\"#modal\" class=\"capy-btn capy-btn-glass\">\n              Ask About Group Training\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"capy-footer-master\">\n        <div class=\"capy-footer-grid\">\n          \n          <div class=\"capy-footer-brand capy-reveal-up capy-delay-1\">\n            <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-white-logo.png\" alt=\"Capytech\" class=\"capy-footer-logo\">\n            <p>Official <strong>Articulate 360 partner<\/strong> in the Middle East.<br><br>Capytech is a Dubai-registered e-learning provider with offices in Dubai and Abu Dhabi, building training for organisations across the GCC and around the world, in any language.<\/p>\n            <div class=\"capy-footer-contact-list\">\n              <span><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\"><\/path><\/svg> <a href=\"mailto:contact@capytech.com\" style=\"color:inherit;text-decoration:none;\">contact@capytech.com<\/a><\/span>\n              <span><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg> <a href=\"tel:+971585426893\" style=\"color:inherit;text-decoration:none;\">+971 58 542 6893 (UAE)<\/a><\/span>\n              <span><svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg> PO Box 392823, Dubai, UAE<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"capy-footer-nav capy-reveal-up capy-delay-2\">\n            <h4>Solutions<\/h4>\n             <div class=\"capy-footer-links\">\n                <a href=\"https:\/\/capytech.com\/\">Home<\/a>\n                <a href=\"https:\/\/capytech.com\/en\/custom-e-learning-development\/\">Custom E-learning<\/a>\n                <a href=\"https:\/\/capytech.com\/en\/ai-powered-lms\/\">LMS<\/a>\n                <a href=\"https:\/\/capytech.com\/en\/custom-e-learning-development\/#fasttrack\">FastTrack<\/a>\n                <a href=\"https:\/\/capytech.com\/en\/articulate-360-partner\/\">Articulate 360<\/a>\n                <a href=\"https:\/\/capytech.com\/en\/metaverse\/\">Metaverse<\/a>\n                <a href=\"https:\/\/capytech.com\/en\/accredited-courses\/\">Online Courses<\/a>\n                <a href=\"https:\/\/capytech.com\/en\/blog\/\">Blog<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"capy-footer-form-col capy-reveal-up capy-delay-3\">\n              <h4>Send us a message<\/h4>\n              <div class=\"capy-footer-form\">\n                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f64136-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"64136\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/62173#wpcf7-f64136-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"64136\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f64136-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n<\/p>\n<div style=\"display: none;\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"utm_source\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_source\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_medium\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_medium\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_campaign\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_campaign\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_term\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_term\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_content\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_content\" \/><\/span>\n\t<\/p>\n<\/div>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"How can we help you today?\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n              <\/div>\n          <\/div>\n\n        <\/div>\n\n        <div class=\"capy-footer-bottom\">\n          <div class=\"capy-copyright\">&copy; 2026 Capytech. All rights reserved.<\/div>\n          <div class=\"capy-legal-links\" style=\"justify-content:center;margin-top:0.75rem;\">\n            <a href=\"\/privacy-policy\">Privacy Policy<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <div class=\"capy-modal-overlay\" id=\"capyDemoModal\">\n    <div class=\"capy-modal-box capy-modal-split\">\n      \n      <div class=\"capy-modal-visual\">\n        <div class=\"capy-modal-visual-text\">\n          <h4>Ready to empower your team?<\/h4>\n          <p>Get in touch to secure your official Articulate 360 licences or to book a private training session.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"capy-modal-content\">\n        <button class=\"capy-modal-close\" id=\"capyModalClose\">\n          <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg>\n        <\/button>\n        \n        <div class=\"capy-modal-header\">\n          <div class=\"capy-modal-icon\">\n            <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path d=\"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4\"><\/path><\/svg>\n          <\/div>\n          <h3>Contact Us<\/h3>\n          <p>Fill out the form below and our regional team will be in touch shortly.<\/p>\n        <\/div>\n\n        <div class=\"capy-modal-form-wrapper\">\n          \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f64137-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"64137\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/62173#wpcf7-f64137-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"64137\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.0.2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f64137-o2\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Full Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Work Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Company Name\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span>\n<\/p>\n<div style=\"display: none;\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"utm_source\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_source\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_medium\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_medium\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_campaign\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_campaign\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_term\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_term\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"utm_content\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"utm_content\" \/><\/span>\n\t<\/p>\n<\/div>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"4\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us what you&#039;d like to see in the demo...\" name=\"your-message\"><\/textarea><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Book My Free Demo\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n        <\/div>\n      <\/div>\n      \n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n  (function() {\n    \/\/ 0. SMART SCROLL MANAGEMENT\n    if ('scrollRestoration' in history) {\n      history.scrollRestoration = 'manual';\n    }\n\n    if (window.location.hash) {\n      setTimeout(() => {\n        const targetElement = document.querySelector(window.location.hash);\n        if (targetElement) {\n          targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });\n        }\n      }, 150);\n    } else {\n      window.scrollTo(0, 0);\n    }\n\n    document.addEventListener(\"DOMContentLoaded\", function() {\n      \n      \/\/ 1. SMART SMOOTH SCROLLING\n      document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n          const targetId = this.getAttribute('href');\n          \/\/ Ignore modal triggers\n          if (targetId === '#' || targetId === '#demo' || targetId === '#modal' || targetId === '#capyDemoModal') return; \n          \n          const targetElement = document.querySelector(targetId);\n          if (targetElement) {\n            e.preventDefault(); \n            targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });\n          }\n        });\n      });\n\n      \/\/ 2. REVEAL ANIMATION OBSERVER\n      const revealOptions = { root: null, rootMargin: '0px 0px -50px 0px', threshold: 0.1 };\n      const revealObserver = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting) { entry.target.classList.add('capy-active'); } \n          else if (entry.boundingClientRect.top > 0) { entry.target.classList.remove('capy-active'); }\n        });\n      }, revealOptions);\n      document.querySelectorAll('[class*=\"capy-reveal\"]').forEach(el => revealObserver.observe(el));\n\n      \/\/ 3. MODAL LOGIC (one delegated listener: works for the header, late-loaded buttons and every CTA)\n      const modal = document.getElementById('capyDemoModal');\n      if (modal) {\n        const openModal  = () => { modal.classList.add('capy-modal-active'); document.body.style.overflow = 'hidden'; };\n        const closeModal = () => { modal.classList.remove('capy-modal-active'); document.body.style.overflow = ''; };\n\n        document.addEventListener('click', (e) => {\n          if (e.target.closest('a[href$=\"#modal\"], a[href$=\"#capyDemoModal\"], a[href$=\"#demo\"]')) { e.preventDefault(); openModal(); return; }\n          if (e.target.closest('#capyModalClose') || e.target === modal) closeModal();\n        });\n        document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeModal(); });\n      }\n\n    });\n  })();\n<\/script>\n\n<\/body>\n<\/html>\n\n<!-- Migrated from Elementor Pro Custom CSS (2026-10-12) -->\n<style id=\"capy-migrated-pro-css\">\n\/* Page Settings > Custom CSS *\/\n.x-navbar-inner {\n    background-color: #000!important;\n}\n#menu-main-menu li {\n    background-color: #000!important;\n}\n\n*[lang=\"ar\"] \n    .wpcf7 p {\n    margin-bottom: 0.32825em;\n    direction: rtl;\n}\n\n*[lang=\"ar\"] \n.wpcf7-form-control.wpcf7-submit {\n    background-color: #f3a739;\n    color: #fff;\n    border: 1px solid #f3a739;\n    font-weight: 600;\n    font-family: 'Mulish Regular';\n    float: right;\n}\n\n\n*[lang=\"ar\"]\n.elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {\n    float: right;\n    text-align: right;\n}\n\n[lang=\"ar\"] .elementor-accordion-item {\n   text-align: right!important;\n}\n<\/style>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Empower Your Team with Articulate 360. As your official Articulate 360 partner in the Middle East, we help you master the world&#8217;s leading e-learning authoring suite. Buy your licences locally, skip the procurement headaches, and empower your team with our expert-led training programs. Get a Licence Quote Explore Training Programs Published Successfully Trusted by leading L&#038;D teams across the GCC &#8230; <\/p>\n<div><a href=\"https:\/\/capytech.com\/en\/articulate-360-partner\/\" class=\"more-link\">Read More<\/a><\/div>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-blank-5.php","meta":{"footnotes":""},"class_list":["post-62173","page","type-page","status-publish","hentry","no-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.1 (Yoast SEO v24.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Official Articulate 360 Partner in the UAE and GCC | Capytech<\/title>\n<meta name=\"description\" content=\"Buy Articulate 360 licences locally from an official partner in the UAE, with onboarding, Storyline and Rise training and Arabic localisation support.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/capytech.com\/en\/articulate-360-partner\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Official Articulate 360 Partner in the UAE and GCC | Capytech\" \/>\n<meta property=\"og:description\" content=\"Buy Articulate 360 licences locally from an official partner in the UAE, with onboarding, Storyline and Rise training and Arabic localisation support.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capytech.com\/en\/articulate-360-partner\/\" \/>\n<meta property=\"og:site_name\" content=\"Capytech\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/capytech\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-27T18:41:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capytech.com\/articulate-360-partner\/\",\"url\":\"https:\/\/capytech.com\/articulate-360-partner\/\",\"name\":\"Official Articulate 360 Partner in the UAE and GCC | Capytech\",\"isPartOf\":{\"@id\":\"https:\/\/capytech.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/capytech.com\/articulate-360-partner\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/capytech.com\/articulate-360-partner\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png\",\"datePublished\":\"2025-04-24T02:19:27+00:00\",\"dateModified\":\"2026-10-27T18:41:49+00:00\",\"description\":\"Buy Articulate 360 licences locally from an official partner in the UAE, with onboarding, Storyline and Rise training and Arabic localisation support.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capytech.com\/articulate-360-partner\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capytech.com\/articulate-360-partner\/#primaryimage\",\"url\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png\",\"contentUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/capytech.com\/en\/#website\",\"url\":\"https:\/\/capytech.com\/en\/\",\"name\":\"Capytech\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/capytech.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/capytech.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/capytech.com\/en\/#organization\",\"name\":\"Capytech\",\"url\":\"https:\/\/capytech.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png\",\"contentUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png\",\"width\":2443,\"height\":629,\"caption\":\"Capytech\"},\"image\":{\"@id\":\"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/capytech\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Official Articulate 360 Partner in the UAE and GCC | Capytech","description":"Buy Articulate 360 licences locally from an official partner in the UAE, with onboarding, Storyline and Rise training and Arabic localisation support.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/capytech.com\/en\/articulate-360-partner\/","og_locale":"en_US","og_type":"article","og_title":"Official Articulate 360 Partner in the UAE and GCC | Capytech","og_description":"Buy Articulate 360 licences locally from an official partner in the UAE, with onboarding, Storyline and Rise training and Arabic localisation support.","og_url":"https:\/\/capytech.com\/en\/articulate-360-partner\/","og_site_name":"Capytech","article_publisher":"https:\/\/www.facebook.com\/capytech","article_modified_time":"2026-10-27T18:41:49+00:00","og_image":[{"url":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capytech.com\/articulate-360-partner\/","url":"https:\/\/capytech.com\/articulate-360-partner\/","name":"Official Articulate 360 Partner in the UAE and GCC | Capytech","isPartOf":{"@id":"https:\/\/capytech.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/capytech.com\/articulate-360-partner\/#primaryimage"},"image":{"@id":"https:\/\/capytech.com\/articulate-360-partner\/#primaryimage"},"thumbnailUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png","datePublished":"2025-04-24T02:19:27+00:00","dateModified":"2026-10-27T18:41:49+00:00","description":"Buy Articulate 360 licences locally from an official partner in the UAE, with onboarding, Storyline and Rise training and Arabic localisation support.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capytech.com\/articulate-360-partner\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capytech.com\/articulate-360-partner\/#primaryimage","url":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png","contentUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png"},{"@type":"WebSite","@id":"https:\/\/capytech.com\/en\/#website","url":"https:\/\/capytech.com\/en\/","name":"Capytech","description":"","publisher":{"@id":"https:\/\/capytech.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/capytech.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/capytech.com\/en\/#organization","name":"Capytech","url":"https:\/\/capytech.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png","contentUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2021\/10\/CapytechLogo_V2_2020.png","width":2443,"height":629,"caption":"Capytech"},"image":{"@id":"https:\/\/capytech.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/capytech"]}]}},"_links":{"self":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/62173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/comments?post=62173"}],"version-history":[{"count":125,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/62173\/revisions"}],"predecessor-version":[{"id":65829,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/62173\/revisions\/65829"}],"wp:attachment":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/media?parent=62173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}