{"id":62170,"date":"2025-04-23T04:49:20","date_gmt":"2025-04-23T04:49:20","guid":{"rendered":"https:\/\/capytech.com\/?page_id=62170"},"modified":"2026-10-27T18:41:44","modified_gmt":"2026-10-27T18:41:44","slug":"storyline-360","status":"publish","type":"page","link":"https:\/\/capytech.com\/en\/storyline-360\/","title":{"rendered":"Articulate Storyline"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"62170\" class=\"elementor elementor-62170\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f3e669b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f3e669b\" 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-64c0bf5\" data-id=\"64c0bf5\" 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-5b76749 elementor-widget elementor-widget-html\" data-id=\"5b76749\" 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\/03\/lms-form-image.jpg'); 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=\"Storyline 360 course being published by a Capytech developer\" class=\"capy-lockup-articulate\">\n        <\/div>\n\n        <h1 class=\"capy-art-headline capy-hero-load-up capy-hero-delay-1\">Storyline 360 licences and training in the <br><span class=\"capy-art-gradient\">UAE and GCC.<\/span><\/h1>\n\n        <p class=\"capy-art-subhead capy-hero-load-up capy-hero-delay-2\">Storyline 360 is the Articulate 360 app for highly interactive e-learning: branching scenarios, software simulations and assessments. As an official Articulate partner in the Middle East, we supply it with local invoicing, train your team to use it, and build Storyline courses for you when you need extra hands.<\/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=\"\/en\/articulate-360-partner\/#programs\" class=\"capy-btn capy-btn-secondary\">See Storyline Training<\/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\/03\/articulate.webp\" alt=\"Storyline 360 course being published by a Capytech developer\" 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&amp;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?_=20160213081640\" alt=\"Google\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-microsoft.webp?_=20250730202122\" alt=\"Microsoft\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-mercedes-benz.webp?_=20230111203159\" alt=\"Mercedes-Benz\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-starbucks.webp?_=20170312192423\" 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?_=20260321152738\" 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?_=20160213081640\" alt=\"Google\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-microsoft.webp?_=20250730202122\" alt=\"Microsoft\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-mercedes-benz.webp?_=20230111203159\" alt=\"Mercedes-Benz\">\n                <img decoding=\"async\" src=\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/10\/logo-starbucks.webp?_=20170312192423\" 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?_=20260321152738\" 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<style>\n  .cxs{font-family:inherit;color:#0f172a}\n  .cxs-sec{padding:5rem 1.5rem}\n  .cxs-light{background:#ffffff}\n  .cxs-soft{background:#f8fafc}\n  .cxs-dark{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:#e2e8f0}\n  .cxs-wrap{max-width:1100px;margin:0 auto}\n  .cxs-eyebrow{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2563eb;margin-bottom:.75rem}\n  .cxs-dark .cxs-eyebrow{color:#60a5fa}\n  .cxs 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  .cxs-dark h2{color:#ffffff}\n  .cxs-intro{font-size:1.08rem;line-height:1.7;color:#475569;max-width:760px;margin:0 0 2.5rem}\n  .cxs-dark .cxs-intro,.cxs-dark p{color:#cbd5e1}\n  .cxs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}\n  .cxs-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.6rem;box-shadow:0 10px 30px rgba(15,23,42,.06)}\n  .cxs-card h3{font-size:1.15rem;font-weight:800;margin:0 0 .5rem;color:#0f172a}\n  .cxs-card p{margin:0;color:#475569;line-height:1.65}\n  .cxs-card a{display:inline-block;margin-top:1rem;color:#2563eb;font-weight:700;text-decoration:none}\n  .cxs-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#eff6ff;color:#2563eb;font-weight:800;margin-bottom:.9rem}\n  .cxs-tablewrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(148,163,184,.25)}\n  .cxs table{width:100%;border-collapse:collapse;min-width:620px}\n  .cxs th,.cxs td{padding:1rem 1.2rem;text-align:left;border-bottom:1px solid rgba(148,163,184,.18);line-height:1.55;vertical-align:top}\n  .cxs th{color:#ffffff;font-weight:800;background:rgba(37,99,235,.18)}\n  .cxs td{color:#cbd5e1}\n  .cxs td:first-child{color:#ffffff;font-weight:700}\n  .cxs-note{margin-top:1.25rem;font-size:.98rem}\n  .cxs-split{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}\n  .cxs-list{margin:0;padding:0;list-style:none}\n  .cxs-list li{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.9rem 1.1rem;margin-bottom:.6rem;color:#334155;font-weight:600}\n  .cxs-btn{display:inline-block;background:#2563eb;color:#fff;font-weight:700;padding:.85rem 1.4rem;border-radius:10px;text-decoration:none;margin-top:.5rem}\n  .cxs-btn:hover,.cxs-btn:focus{background:#1d4ed8;color:#fff}\n  .cxs details{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin:0 0 .75rem;overflow:hidden}\n  .cxs 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  .cxs summary::-webkit-details-marker{display:none}\n  .cxs summary::after{content:\"+\";position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:#2563eb}\n  .cxs details[open] summary::after{content:\"\\2212\"}\n  .cxs details p{margin:0;padding:0 1.4rem 1.25rem;color:#475569;line-height:1.7}\n  .cxs details a{color:#2563eb}\n  @media (max-width:900px){.cxs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cxs-split{grid-template-columns:1fr}}\n  @media (max-width:640px){.cxs-sec{padding:3.5rem 1rem}.cxs-grid{grid-template-columns:1fr}}\n<\/style>\n<div class=\"cxs\">\n  <section class=\"cxs-sec cxs-light\">\n    <div class=\"cxs-wrap\">\n      <span class=\"cxs-eyebrow\">What it does<\/span>\n      <h2>When Storyline 360 is the right tool<\/h2>\n      <p class=\"cxs-intro\">Use Storyline 360 when your learners need to practise something, not just read about it. It gives your developers full control over every screen, every interaction and every rule.<\/p>\n      <div class=\"cxs-grid\">\n        <div class=\"cxs-card\"><span class=\"cxs-num\">1<\/span><h3>Branching scenarios<\/h3><p>Put learners in realistic situations, such as a difficult customer conversation or a safety incident, and let their choices change what happens next.<\/p><\/div>\n        <div class=\"cxs-card\"><span class=\"cxs-num\">2<\/span><h3>Software simulations<\/h3><p>Record a system once and turn it into watch, try and test modes, so staff practise in a safe copy before they touch the live system.<\/p><\/div>\n        <div class=\"cxs-card\"><span class=\"cxs-num\">3<\/span><h3>Games and assessments<\/h3><p>Build quizzes, drag and drop activities and scored challenges with your own rules, using variables and triggers.<\/p><\/div>\n        <div class=\"cxs-card\"><span class=\"cxs-num\">4<\/span><h3>Your brand, your layout<\/h3><p>Design every screen from scratch, so courses look like your organisation rather than a template.<\/p><\/div>\n        <div class=\"cxs-card\"><span class=\"cxs-num\">5<\/span><h3>Accessible courses<\/h3><p>Keyboard navigation, screen reader support and closed captions help you build courses that meet accessibility standards such as WCAG.<\/p><\/div>\n        <div class=\"cxs-card\"><span class=\"cxs-num\">6<\/span><h3>Runs in any LMS<\/h3><p>Publish to SCORM, xAPI or cmi5 and run the course in any standards based LMS, including <a href=\"\/en\/ai-powered-lms\/\" style=\"display:inline;margin:0\">Siraj, our own LMS<\/a>.<\/p><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cxs-sec cxs-dark\">\n    <div class=\"cxs-wrap\">\n      <span class=\"cxs-eyebrow\">Compare<\/span>\n      <h2>Storyline 360 or Rise 360?<\/h2>\n      <p class=\"cxs-intro\">Both apps come in the same Articulate 360 subscription, so most teams use both. This is how we decide which one to use on a project.<\/p>\n      <div class=\"cxs-tablewrap\">\n        <table>\n          <thead><tr><th><\/th><th>Storyline 360<\/th><th>Rise 360<\/th><\/tr><\/thead>\n          <tbody>\n            <tr><td>Best for<\/td><td>Deep interaction: scenarios, simulations, games<\/td><td>Fast, clean, mobile friendly courses<\/td><\/tr>\n            <tr><td>Where you build<\/td><td>Desktop app for Windows<\/td><td>In your web browser, on Mac or Windows<\/td><\/tr>\n            <tr><td>Who usually builds<\/td><td>Trained e-learning developers<\/td><td>Subject experts and L&amp;D teams<\/td><\/tr>\n            <tr><td>Design control<\/td><td>Every screen designed from scratch<\/td><td>Ready made blocks that always look tidy<\/td><\/tr>\n            <tr><td>On mobile<\/td><td>Responsive player, laid out slide by slide<\/td><td>Adapts to any screen automatically<\/td><\/tr>\n            <tr><td>Build speed<\/td><td>Slower, with full control<\/td><td>Faster, with less control<\/td><\/tr>\n          <\/tbody>\n        <\/table>\n      <\/div>\n      <p class=\"cxs-note\">You can also drop Storyline interactions into a Rise course, which gives you the speed of Rise with the depth of Storyline where it matters.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"cxs-sec cxs-soft\">\n    <div class=\"cxs-wrap cxs-split\">\n      <div>\n        <span class=\"cxs-eyebrow\">Arabic<\/span>\n        <h2>Storyline 360 courses in Arabic<\/h2>\n        <p class=\"cxs-intro\">Storyline 360 supports right to left text, but a good Arabic course needs more than switching the text direction. Our Arabic localisation workshops teach your developers the methods we use on our own projects, and we can translate and localise your existing courses into Arabic or any other language.<\/p>\n        <a class=\"cxs-btn\" href=\"\/en\/articulate-360-partner\/#programs\">See our Articulate training<\/a>\n        <a class=\"cxs-btn\" href=\"\/en\/articulate-ai-assistant-localization\/\" style=\"background:#0f172a\">Translate with Articulate Localization<\/a>\n      <\/div>\n      <ul class=\"cxs-list\">\n        <li>Fonts that render Arabic cleanly on every device<\/li>\n        <li>Mirrored layouts, menus and navigation<\/li>\n        <li>Mixed Arabic and English terms that read correctly<\/li>\n        <li>Numbers, dates and units checked in the player<\/li>\n        <li>Voiceover and captions in Arabic<\/li>\n      <\/ul>\n    <\/div>\n  <\/section>\n\n  <section class=\"cxs-sec cxs-light\">\n    <div class=\"cxs-wrap\">\n      <span class=\"cxs-eyebrow\">How we help<\/span>\n      <h2>Buy it, learn it, or let us build it<\/h2>\n      <p class=\"cxs-intro\">As an official Articulate partner in the Middle East, we support you whichever way you want to work.<\/p>\n      <div class=\"cxs-grid\">\n        <div class=\"cxs-card\"><h3>Licences<\/h3><p>Storyline 360 comes with Articulate 360 Teams or Personal. We invoice locally, help you choose the right number of seats and look after your renewals.<\/p><a href=\"\/en\/articulate-360-partner\/\">Licence options<\/a><\/div>\n        <div class=\"cxs-card\"><h3>Training<\/h3><p>From building a first module to advanced triggers, variables and design, live online or as workshops for your team.<\/p><a href=\"\/en\/articulate-360-partner\/#programs\">Training programmes<\/a><\/div>\n        <div class=\"cxs-card\"><h3>Development<\/h3><p>Short on time or people? Our developers build the course in Storyline 360 and hand over the source files so your team can keep it up to date.<\/p><a href=\"\/en\/custom-e-learning-development\/\">Custom e-learning<\/a><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"cxs-sec cxs-soft\" id=\"faq\">\n    <div class=\"cxs-wrap\">\n      <span class=\"cxs-eyebrow\">FAQ<\/span>\n      <h2>Storyline 360 questions<\/h2>\n      <p class=\"cxs-intro\">What teams in the UAE and the GCC ask us before they start with Storyline 360.<\/p>\n      <details><summary>Can we buy Storyline 360 on its own?<\/summary><p>Storyline 360 is sold as part of an Articulate 360 subscription, which also includes Rise 360, Review 360 and the Content Library. We supply Articulate 360 Teams and Personal licences to organisations across the GCC.<\/p><\/details>\n      <details><summary>Is there a free trial?<\/summary><p>Yes. Articulate offers a free 30 day trial of Articulate 360, which includes Storyline 360. <a href=\"\/en\/contact\/\">Talk to us<\/a> and we will help you get the most out of the trial before you decide.<\/p><\/details>\n      <details><summary>Does Storyline 360 run on a Mac?<\/summary><p>Storyline 360 is a Windows desktop app. Mac users usually run it in a Windows virtual machine. Rise 360 runs in any web browser on Mac or Windows.<\/p><\/details>\n      <details><summary>How long does it take to learn Storyline 360?<\/summary><p>Most people can build a simple module after a few days of guided practice. Advanced triggers, variables and custom design take longer, which is why we run fundamentals training and advanced masterclasses.<\/p><\/details>\n      <details><summary>Can Storyline 360 courses be in Arabic?<\/summary><p>Yes. Storyline 360 supports right to left text. Arabic courses need care with fonts, mirrored layouts and mixed Arabic and English terms, and our Arabic localisation workshops cover exactly that.<\/p><\/details>\n      <details><summary>Will Storyline courses work in our LMS?<\/summary><p>Yes. Storyline 360 publishes to SCORM 1.2, SCORM 2004, xAPI and cmi5, so courses run in any standards based LMS, including <a href=\"\/en\/ai-powered-lms\/\">Siraj, our AI-powered LMS<\/a>.<\/p><\/details>\n      <details><summary>Can you update our old Storyline or PowerPoint courses?<\/summary><p>Yes. We update older Storyline files, turn PowerPoint decks into interactive courses, and translate existing courses into Arabic or any other language. See <a href=\"\/en\/custom-e-learning-development\/\">custom e-learning development<\/a>.<\/p><\/details>\n      <details><summary>How much does a Storyline 360 licence 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.<\/p><\/details>\n    <\/div>\n  <\/section>\n  <script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[\n{\"@type\":\"Question\",\"name\":\"Can we buy Storyline 360 on its own?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Storyline 360 is sold as part of an Articulate 360 subscription, which also includes Rise 360, Review 360 and the Content Library. We supply Articulate 360 Teams and Personal licences to organisations across the GCC.\"}},\n{\"@type\":\"Question\",\"name\":\"Is there a free trial?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Articulate offers a free 30 day trial of Articulate 360, which includes Storyline 360. Talk to us and we will help you get the most out of the trial before you decide.\"}},\n{\"@type\":\"Question\",\"name\":\"Does Storyline 360 run on a Mac?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Storyline 360 is a Windows desktop app. Mac users usually run it in a Windows virtual machine. Rise 360 runs in any web browser on Mac or Windows.\"}},\n{\"@type\":\"Question\",\"name\":\"How long does it take to learn Storyline 360?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Most people can build a simple module after a few days of guided practice. Advanced triggers, variables and custom design take longer, which is why we run fundamentals training and advanced masterclasses.\"}},\n{\"@type\":\"Question\",\"name\":\"Can Storyline 360 courses be in Arabic?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Storyline 360 supports right to left text. Arabic courses need care with fonts, mirrored layouts and mixed Arabic and English terms, and our Arabic localisation workshops cover exactly that.\"}},\n{\"@type\":\"Question\",\"name\":\"Will Storyline courses work in our LMS?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. Storyline 360 publishes to SCORM 1.2, SCORM 2004, xAPI and cmi5, so courses run in any standards based LMS, including Siraj, our AI-powered LMS.\"}},\n{\"@type\":\"Question\",\"name\":\"Can you update our old Storyline or PowerPoint courses?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes. We update older Storyline files, turn PowerPoint decks into interactive courses, and translate existing courses into Arabic or any other language.\"}},\n{\"@type\":\"Question\",\"name\":\"How much does a Storyline 360 licence 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.\"}}\n]}<\/script>\n<\/div>\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 build with <br><span class=\"capy-gradient-text-light\">Storyline 360?<\/span><\/h2>\n          <p>Get Storyline 360 as part of Articulate 360, with local invoicing and training for your team.<\/p>\n          \n          <div class=\"capy-cta-actions\">\n            <a href=\"#modal\" class=\"capy-btn-solid\">Request a Licence Quote<\/a>\n            <a href=\"#modal\" class=\"capy-btn capy-btn-glass\">Ask About Storyline Training<\/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\/62170#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\">\u00a9 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\/62170#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>Storyline 360 licences and training in the UAE and GCC. Storyline 360 is the Articulate 360 app for highly interactive e-learning: branching scenarios, software simulations and assessments. As an official Articulate partner in the Middle East, we supply it with local invoicing, train your team to use it, and build Storyline courses for you when you need extra hands. Get &#8230; <\/p>\n<div><a href=\"https:\/\/capytech.com\/en\/storyline-360\/\" 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-62170","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>Storyline 360 Licences and Training in the UAE and GCC | Capytech<\/title>\n<meta name=\"description\" content=\"Storyline 360 from an official Articulate partner in the Middle East: local invoicing, training for your team, Arabic courses and expert Storyline development.\" \/>\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\/storyline-360\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Storyline 360 Licences and Training in the UAE and GCC | Capytech\" \/>\n<meta property=\"og:description\" content=\"Storyline 360 from an official Articulate partner in the Middle East: local invoicing, training for your team, Arabic courses and expert Storyline development.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capytech.com\/en\/storyline-360\/\" \/>\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:44+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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capytech.com\/storyline-360\/\",\"url\":\"https:\/\/capytech.com\/storyline-360\/\",\"name\":\"Storyline 360 Licences and Training in the UAE and GCC | Capytech\",\"isPartOf\":{\"@id\":\"https:\/\/capytech.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/capytech.com\/storyline-360\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/capytech.com\/storyline-360\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png\",\"datePublished\":\"2025-04-23T04:49:20+00:00\",\"dateModified\":\"2026-10-27T18:41:44+00:00\",\"description\":\"Storyline 360 from an official Articulate partner in the Middle East: local invoicing, training for your team, Arabic courses and expert Storyline development.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capytech.com\/storyline-360\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capytech.com\/storyline-360\/#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":"Storyline 360 Licences and Training in the UAE and GCC | Capytech","description":"Storyline 360 from an official Articulate partner in the Middle East: local invoicing, training for your team, Arabic courses and expert Storyline development.","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\/storyline-360\/","og_locale":"en_US","og_type":"article","og_title":"Storyline 360 Licences and Training in the UAE and GCC | Capytech","og_description":"Storyline 360 from an official Articulate partner in the Middle East: local invoicing, training for your team, Arabic courses and expert Storyline development.","og_url":"https:\/\/capytech.com\/en\/storyline-360\/","og_site_name":"Capytech","article_publisher":"https:\/\/www.facebook.com\/capytech","article_modified_time":"2026-10-27T18:41:44+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":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capytech.com\/storyline-360\/","url":"https:\/\/capytech.com\/storyline-360\/","name":"Storyline 360 Licences and Training in the UAE and GCC | Capytech","isPartOf":{"@id":"https:\/\/capytech.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/capytech.com\/storyline-360\/#primaryimage"},"image":{"@id":"https:\/\/capytech.com\/storyline-360\/#primaryimage"},"thumbnailUrl":"https:\/\/capytech.com\/wp-content\/uploads\/2026\/03\/capytech-colored.png","datePublished":"2025-04-23T04:49:20+00:00","dateModified":"2026-10-27T18:41:44+00:00","description":"Storyline 360 from an official Articulate partner in the Middle East: local invoicing, training for your team, Arabic courses and expert Storyline development.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capytech.com\/storyline-360\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capytech.com\/storyline-360\/#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\/62170","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=62170"}],"version-history":[{"count":40,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/62170\/revisions"}],"predecessor-version":[{"id":65826,"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/pages\/62170\/revisions\/65826"}],"wp:attachment":[{"href":"https:\/\/capytech.com\/en\/wp-json\/wp\/v2\/media?parent=62170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}