{"id":128,"date":"2024-12-03T10:59:30","date_gmt":"2024-12-03T10:59:30","guid":{"rendered":"https:\/\/cyberinnovations.co.uk\/ci\/?page_id=128"},"modified":"2026-06-23T16:39:42","modified_gmt":"2026-06-23T16:39:42","slug":"cygambit","status":"publish","type":"page","link":"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/cygambit\/","title":{"rendered":"CyGamBIT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"128\" class=\"elementor elementor-128\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cf88fa e-con-full e-flex e-con e-parent\" data-id=\"6cf88fa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7da67d1 elementor-widget elementor-widget-html\" data-id=\"7da67d1\" 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<!-- ================================================================\r\n     CyGamBIT PAGE \u2014 Cyber Innovations Ltd.\r\n     Paste into Elementor HTML widget on the CyGamBIT page.\r\n     Wrapper class: .ci-cygambit | CSS vars: --cg-*\r\n     Framing: research output, BU\/CyberASAP credentials, supports CSD\r\n     ================================================================ -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Tilt+Neon&family=Nunito:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* \u2500\u2500 Reset & scope \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit *, .ci-cygambit *::before, .ci-cygambit *::after {\r\n  box-sizing: border-box; margin: 0; padding: 0;\r\n}\r\n.ci-cygambit {\r\n  --cg-magenta:    #b542fa;\r\n  --cg-magenta-dk: #9a30dc;\r\n  --cg-teal:       #26424c;\r\n  --cg-aqua:       #78f7f5;\r\n  --cg-dark:       #16282e;\r\n  --cg-text:       #16282e;\r\n  --cg-mid:        #3a565f;\r\n  --cg-muted:      #506b74;\r\n  --cg-subtle:     #93a8ae;\r\n  --cg-border:     #d0dfe4;\r\n  --cg-surface:    #f5f8f9;\r\n  --cg-white:      #ffffff;\r\n\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 300 !important;\r\n  color: var(--cg-text) !important;\r\n  line-height: 1.65;\r\n}\r\n\r\n\/* \u2500\u2500 Typography \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit h1, .ci-cygambit h2, .ci-cygambit h3, .ci-cygambit h4 {\r\n  font-family: 'Tilt Neon', sans-serif !important;\r\n  font-weight: 400 !important;\r\n  color: var(--cg-text) !important;\r\n  line-height: 1.1;\r\n}\r\n.ci-cygambit p {\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 300 !important;\r\n  color: var(--cg-muted) !important;\r\n}\r\n.ci-cygambit a { text-decoration: none; }\r\n\r\n\/* \u2500\u2500 Layout \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-container {\r\n  max-width: 1120px;\r\n  margin: 0 auto;\r\n  padding: 0 clamp(20px, 5vw, 56px);\r\n}\r\n.ci-cygambit .cg-section         { padding: clamp(56px, 8vw, 96px) 0; }\r\n.ci-cygambit .cg-section.alt     { background: var(--cg-surface); }\r\n.ci-cygambit .cg-section.dark    { background: var(--cg-dark); }\r\n\r\n.ci-cygambit .cg-section.dark h1,\r\n.ci-cygambit .cg-section.dark h2,\r\n.ci-cygambit .cg-section.dark h3,\r\n.ci-cygambit .cg-section.dark h4 { color: var(--cg-white) !important; }\r\n.ci-cygambit .cg-section.dark p  { color: rgba(255,255,255,0.6) !important; }\r\n\r\n\/* \u2500\u2500 Labels \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-label {\r\n  display: inline-flex; align-items: center; gap: 6px;\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 700 !important;\r\n  font-size: 11px !important;\r\n  letter-spacing: 0.14em; text-transform: uppercase;\r\n  color: var(--cg-magenta-dk) !important;\r\n  margin-bottom: 1rem;\r\n}\r\n.ci-cygambit .cg-label-dot {\r\n  width: 6px; height: 6px; border-radius: 50%;\r\n  background: var(--cg-magenta); flex: none; display: inline-block;\r\n}\r\n\r\n\/* \u2500\u2500 Funder badge \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-funder-badge {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 6px 14px 6px 8px;\r\n  border-radius: 100px;\r\n  background: rgba(181,66,250,0.08);\r\n  border: 1px solid rgba(181,66,250,0.22);\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 600 !important;\r\n  font-size: 12px !important;\r\n  letter-spacing: 0.04em;\r\n  color: var(--cg-magenta-dk) !important;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.ci-cygambit .cg-funder-dot {\r\n  width: 20px; height: 20px; border-radius: 6px; flex: none;\r\n  background: linear-gradient(135deg, #78f7f5 0%, #8fa6f6 38%, #b542fa 100%);\r\n}\r\n\r\n\/* \u2500\u2500 Buttons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-btn-primary {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 14px 28px;\r\n  background: var(--cg-magenta);\r\n  color: #fff !important;\r\n  border-radius: 10px;\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 700 !important; font-size: 15px !important;\r\n  transition: background 0.2s, transform 0.15s;\r\n}\r\n.ci-cygambit .cg-btn-primary:hover { background: var(--cg-magenta-dk); transform: translateY(-1px); }\r\n.ci-cygambit .cg-btn-outline {\r\n  display: inline-flex; align-items: center; gap: 8px;\r\n  padding: 13px 26px;\r\n  border: 1.5px solid rgba(255,255,255,0.3);\r\n  color: rgba(255,255,255,0.85) !important;\r\n  border-radius: 10px;\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 600 !important; font-size: 15px !important;\r\n  transition: border-color 0.2s, color 0.2s;\r\n}\r\n.ci-cygambit .cg-btn-outline:hover { border-color: var(--cg-aqua); color: var(--cg-aqua) !important; }\r\n.ci-cygambit .cg-btn-outline.dark-border {\r\n  border-color: var(--cg-border); color: var(--cg-teal) !important;\r\n}\r\n.ci-cygambit .cg-btn-outline.dark-border:hover { border-color: var(--cg-magenta); color: var(--cg-magenta) !important; }\r\n\r\n\/* \u2500\u2500 Hero \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-hero {\r\n  background: var(--cg-dark);\r\n  padding: clamp(64px, 10vw, 116px) 0 0;\r\n  overflow: hidden; position: relative;\r\n}\r\n.ci-cygambit .cg-hero-glow {\r\n  position: absolute; top: -140px; left: -100px;\r\n  width: 600px; height: 600px; border-radius: 50%;\r\n  background: linear-gradient(135deg, #78f7f5 0%, #8fa6f6 38%, #b542fa 100%);\r\n  filter: blur(130px); opacity: 0.11; pointer-events: none;\r\n}\r\n.ci-cygambit .cg-hero-glow-r {\r\n  position: absolute; bottom: 0; right: -140px;\r\n  width: 500px; height: 500px; border-radius: 50%;\r\n  background: linear-gradient(135deg, #b542fa 0%, #8fa6f6 100%);\r\n  filter: blur(140px); opacity: 0.1; pointer-events: none;\r\n}\r\n.ci-cygambit .cg-hero-inner {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: clamp(32px, 5vw, 64px);\r\n  align-items: end;\r\n}\r\n.ci-cygambit .cg-hero-text { padding-bottom: clamp(48px, 7vw, 80px); }\r\n.ci-cygambit .cg-hero-h1 {\r\n  font-family: 'Tilt Neon', sans-serif !important;\r\n  font-size: clamp(48px, 7.5vw, 88px) !important;\r\n  line-height: 1.0; letter-spacing: -0.02em;\r\n  color: #fff !important; margin-bottom: 1.25rem;\r\n}\r\n.ci-cygambit .cg-hero-sub {\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 300 !important;\r\n  font-size: clamp(16px, 2.2vw, 20px) !important;\r\n  line-height: 1.65; color: rgba(255,255,255,0.65) !important;\r\n  margin-bottom: 2.25rem; max-width: 500px;\r\n}\r\n.ci-cygambit .cg-hero-btns { display: flex; flex-wrap: wrap; gap: 12px; }\r\n.ci-cygambit .cg-hero-img {\r\n  align-self: end; border-radius: 18px 18px 0 0;\r\n  overflow: hidden;\r\n  background: linear-gradient(160deg, #1e3540 0%, #26424c 100%);\r\n  min-height: 340px;\r\n}\r\n.ci-cygambit .cg-hero-img img { width: 100%; display: block; }\r\n\r\n\/* \u2500\u2500 Credential strip \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-cred-strip {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n  gap: 1px; background: var(--cg-border);\r\n  border-top: 1px solid var(--cg-border);\r\n  border-bottom: 1px solid var(--cg-border);\r\n}\r\n.ci-cygambit .cg-cred-item {\r\n  background: var(--cg-white); padding: 28px 32px;\r\n  display: flex; gap: 16px; align-items: flex-start;\r\n}\r\n.ci-cygambit .cg-cred-icon {\r\n  width: 40px; height: 40px; border-radius: 11px; flex: none;\r\n  background: linear-gradient(135deg, #78f7f5 0%, #8fa6f6 38%, #b542fa 100%);\r\n  display: flex; align-items: center; justify-content: center;\r\n}\r\n.ci-cygambit .cg-cred-label {\r\n  font-family: 'Tilt Neon', sans-serif !important;\r\n  font-size: 16px !important; color: var(--cg-text) !important;\r\n  margin-bottom: 4px;\r\n}\r\n.ci-cygambit .cg-cred-sub {\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 300 !important; font-size: 13px !important;\r\n  color: var(--cg-muted) !important; line-height: 1.5;\r\n}\r\n\r\n\/* \u2500\u2500 Two-col \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-two-col {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: clamp(32px, 6vw, 80px); align-items: center;\r\n}\r\n.ci-cygambit .cg-two-col.reverse { direction: rtl; }\r\n.ci-cygambit .cg-two-col.reverse > * { direction: ltr; }\r\n.ci-cygambit .cg-two-col-img {\r\n  border-radius: 16px; overflow: hidden;\r\n  border: 1px solid var(--cg-border);\r\n}\r\n.ci-cygambit .cg-two-col-img img { width: 100%; display: block; }\r\n.ci-cygambit .cg-col-title {\r\n  font-family: 'Tilt Neon', sans-serif !important;\r\n  font-size: clamp(26px, 3.5vw, 38px) !important;\r\n  line-height: 1.1; letter-spacing: -0.01em;\r\n  color: var(--cg-text) !important; margin-bottom: 1rem;\r\n}\r\n.ci-cygambit .cg-col-title.light { color: #fff !important; }\r\n.ci-cygambit .cg-col-body { margin-bottom: 1rem; }\r\n.ci-cygambit .cg-col-body:last-of-type { margin-bottom: 1.5rem; }\r\n\r\n\/* \u2500\u2500 Highlight box \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-highlight-box {\r\n  background: rgba(181,66,250,0.07);\r\n  border: 1px solid rgba(181,66,250,0.2);\r\n  border-radius: 14px; padding: 22px 26px; margin-top: 1.75rem;\r\n}\r\n.ci-cygambit .cg-highlight-box-label {\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 700 !important; font-size: 11px !important;\r\n  letter-spacing: 0.14em; text-transform: uppercase;\r\n  color: var(--cg-magenta-dk) !important; margin-bottom: 8px;\r\n}\r\n.ci-cygambit .cg-highlight-box p {\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 400 !important; font-size: 14px !important;\r\n  color: var(--cg-mid) !important; line-height: 1.65; margin: 0;\r\n}\r\n\r\n\/* \u2500\u2500 Video embed \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-video-wrap {\r\n  position: relative; border-radius: 16px; overflow: hidden;\r\n  background: var(--cg-dark);\r\n  box-shadow: 0 16px 48px rgba(22,40,46,0.2);\r\n  aspect-ratio: 16\/9;\r\n  max-width: 840px; margin: 0 auto;\r\n}\r\n.ci-cygambit .cg-video-wrap iframe {\r\n  position: absolute; top: 0; left: 0;\r\n  width: 100%; height: 100%; border: none; display: block;\r\n}\r\n\r\n\/* \u2500\u2500 Research pillars \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-pillars {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n  gap: 20px; margin-top: 2.5rem;\r\n}\r\n.ci-cygambit .cg-pillar {\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 14px; padding: 28px;\r\n  background: rgba(255,255,255,0.04);\r\n}\r\n.ci-cygambit .cg-pillar-num {\r\n  font-family: 'Tilt Neon', sans-serif !important;\r\n  font-size: 13px !important; color: var(--cg-aqua) !important;\r\n  letter-spacing: 0.12em; margin-bottom: 10px;\r\n  text-transform: uppercase;\r\n}\r\n.ci-cygambit .cg-pillar h4 {\r\n  font-family: 'Tilt Neon', sans-serif !important;\r\n  font-size: 17px !important; color: rgba(255,255,255,0.9) !important;\r\n  margin-bottom: 10px;\r\n}\r\n.ci-cygambit .cg-pillar p {\r\n  font-size: 14px !important;\r\n  color: rgba(255,255,255,0.55) !important; line-height: 1.65;\r\n}\r\n\r\n\/* \u2500\u2500 Play section \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-play-box {\r\n  border: 1px solid var(--cg-border);\r\n  border-radius: 18px; overflow: hidden;\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  background: var(--cg-white);\r\n}\r\n.ci-cygambit .cg-play-box-img img {\r\n  width: 100%; height: 100%; object-fit: cover; display: block;\r\n  min-height: 280px;\r\n}\r\n.ci-cygambit .cg-play-box-text {\r\n  padding: clamp(28px, 4vw, 48px);\r\n  display: flex; flex-direction: column; justify-content: center; gap: 16px;\r\n}\r\n.ci-cygambit .cg-play-box-text h3 {\r\n  font-family: 'Tilt Neon', sans-serif !important;\r\n  font-size: clamp(22px, 3vw, 30px) !important;\r\n  color: var(--cg-text) !important; margin-bottom: 0;\r\n}\r\n.ci-cygambit .cg-play-box-text p {\r\n  font-size: 15px !important; line-height: 1.65;\r\n}\r\n\r\n\/* \u2500\u2500 Partner logos \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-partners {\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-wrap: wrap; gap: clamp(28px, 5vw, 60px);\r\n  padding: clamp(32px,5vw,48px) 0;\r\n}\r\n.ci-cygambit .cg-partner-logo {\r\n  display: block; height: 38px; width: auto; max-width: 140px;\r\n  object-fit: contain;\r\n  filter: grayscale(100%) opacity(0.55);\r\n  transition: filter 0.2s;\r\n}\r\n.ci-cygambit .cg-partner-logo:hover { filter: grayscale(0%) opacity(1); }\r\n\r\n\/* \u2500\u2500 CTA banner \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-cta {\r\n  background: var(--cg-dark);\r\n  padding: clamp(56px, 8vw, 96px) 0;\r\n  text-align: center; position: relative; overflow: hidden;\r\n}\r\n.ci-cygambit .cg-cta-glow {\r\n  position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);\r\n  width: 700px; height: 400px; border-radius: 50%;\r\n  background: linear-gradient(135deg, #78f7f5 0%, #8fa6f6 38%, #b542fa 100%);\r\n  filter: blur(120px); opacity: 0.1; pointer-events: none;\r\n}\r\n.ci-cygambit .cg-cta-title {\r\n  font-family: 'Tilt Neon', sans-serif !important;\r\n  font-size: clamp(28px, 4.5vw, 52px) !important;\r\n  color: #fff !important; margin-bottom: 1rem;\r\n}\r\n.ci-cygambit .cg-cta-body {\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 300 !important;\r\n  font-size: clamp(15px, 2vw, 18px) !important;\r\n  color: rgba(255,255,255,0.6) !important;\r\n  max-width: 540px; margin: 0 auto 2.25rem; line-height: 1.65;\r\n}\r\n.ci-cygambit .cg-cta-btns {\r\n  display: flex; flex-wrap: wrap; justify-content: center; gap: 14px;\r\n}\r\n\r\n\/* \u2500\u2500 Section header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n.ci-cygambit .cg-sec-title {\r\n  font-family: 'Tilt Neon', sans-serif !important;\r\n  font-size: clamp(26px, 4vw, 42px) !important;\r\n  line-height: 1.1; letter-spacing: -0.01em;\r\n  color: var(--cg-text) !important; margin-bottom: 1rem;\r\n}\r\n.ci-cygambit .cg-sec-title.light { color: #fff !important; }\r\n.ci-cygambit .cg-sec-body {\r\n  font-family: 'Nunito', sans-serif !important;\r\n  font-weight: 300 !important;\r\n  font-size: clamp(15px, 2vw, 17px) !important;\r\n  line-height: 1.7; color: var(--cg-muted) !important;\r\n  max-width: 700px; margin-bottom: 2.5rem;\r\n}\r\n.ci-cygambit .cg-sec-body.light { color: rgba(255,255,255,0.6) !important; }\r\n\r\n\/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n@media (max-width: 860px) {\r\n  .ci-cygambit .cg-hero-inner { grid-template-columns: 1fr; }\r\n  .ci-cygambit .cg-hero-img { border-radius: 16px; }\r\n  .ci-cygambit .cg-two-col { grid-template-columns: 1fr !important; direction: ltr !important; }\r\n  .ci-cygambit .cg-play-box { grid-template-columns: 1fr; }\r\n  .ci-cygambit .cg-play-box-img { display: none; }\r\n}\r\n@media (max-width: 560px) {\r\n  .ci-cygambit .cg-hero-btns,\r\n  .ci-cygambit .cg-cta-btns { flex-direction: column; }\r\n  .ci-cygambit .cg-cta-btns { align-items: center; }\r\n}\r\n<\/style>\r\n\r\n<div class=\"ci-cygambit\">\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- HERO                                                           -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cg-hero\">\r\n  <div class=\"cg-hero-glow\"><\/div>\r\n  <div class=\"cg-hero-glow-r\"><\/div>\r\n  <div class=\"cg-container\">\r\n    <div class=\"cg-hero-inner\">\r\n\r\n      <div class=\"cg-hero-text\">\r\n        <div class=\"cg-funder-badge\">\r\n          <div class=\"cg-funder-dot\"><\/div>\r\n          Innovate UK CyberASAP &middot; Bournemouth University\r\n        <\/div>\r\n        <h1 class=\"cg-hero-h1\">CyGamBIT<\/h1>\r\n        <p class=\"cg-hero-sub\">A game-based learning platform developed at Bournemouth University and funded through Innovate UK CyberASAP. The research that validated Cyber Innovations' approach to human-layer cybersecurity education.<\/p>\r\n        <div class=\"cg-hero-btns\">\r\n          <a href=\"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/cyber-self-defence\/\" class=\"cg-btn-primary\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\r\n            Explore Cyber Self Defence\r\n          <\/a>\r\n          <a href=\"https:\/\/cyberinnovations.co.uk\/BuildV2\/index.html\" target=\"_blank\" class=\"cg-btn-outline\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\r\n            Play CyGamBIT\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Game characters image -->\r\n      <div class=\"cg-hero-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/cyberinnovations.co.uk\/ci\/wp-content\/uploads\/2024\/12\/BU2_9246-1024x683-1.webp\" alt=\"CyGamBIT game characters\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- RESEARCH CREDENTIALS STRIP                                     -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<div class=\"cg-cred-strip\">\r\n\r\n  <div class=\"cg-cred-item\">\r\n    <div class=\"cg-cred-icon\">\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c3 3 9 3 12 0v-5\"\/><\/svg>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"cg-cred-label\">Bournemouth University<\/div>\r\n      <div class=\"cg-cred-sub\">Developed by Emily Rosenorn-Lanng and Dr Jane Henriksen-Bulmer in the Department of Computing and Informatics<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cg-cred-item\">\r\n    <div class=\"cg-cred-icon\">\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2\"\/><polyline points=\"12 12 12 16\"\/><circle cx=\"12\" cy=\"12\" r=\"1\" fill=\"#fff\"\/><\/svg>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"cg-cred-label\">Innovate UK CyberASAP<\/div>\r\n      <div class=\"cg-cred-sub\">Funded through the NCSC's Cyber Academic Startup Accelerator Programme, validating CyGamBIT's commercial and educational potential<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cg-cred-item\">\r\n    <div class=\"cg-cred-icon\">\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/><path d=\"M2 17l10 5 10-5\"\/><path d=\"M2 12l10 5 10-5\"\/><\/svg>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"cg-cred-label\">Research Methodology<\/div>\r\n      <div class=\"cg-cred-sub\">Grounded in social constructivism, pragmatism, and critical theory; same framework underpinning Cyber Self Defence<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"cg-cred-item\">\r\n    <div class=\"cg-cred-icon\">\r\n      <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\r\n    <\/div>\r\n    <div>\r\n      <div class=\"cg-cred-label\">NCSC Aligned<\/div>\r\n      <div class=\"cg-cred-sub\">Designed to support national cybersecurity resilience objectives and the UK's broader cyber resilience agenda<\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- THE STORY                                                      -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cg-section alt\">\r\n  <div class=\"cg-container\">\r\n    <div class=\"cg-two-col\">\r\n\r\n      <!-- Image -->\r\n      <div class=\"cg-two-col-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/cyberinnovations.co.uk\/ci\/wp-content\/uploads\/2024\/12\/K3BlqMjt_4x-scaled-1.jpg\" alt=\"CyGamBIT game in use\">\r\n      <\/div>\r\n\r\n      <!-- Text -->\r\n      <div>\r\n        <div class=\"cg-label\"><span class=\"cg-label-dot\"><\/span>Where it started<\/div>\r\n        <h2 class=\"cg-col-title\">The research prototype that shaped everything we do<\/h2>\r\n        <p class=\"cg-col-body\">CyGamBIT was the beginning. Developed at Bournemouth University and supported by HEIF funding, it began as a question: could game-based learning make cybersecurity education genuinely effective for people who have no technical background?<\/p>\r\n        <p class=\"cg-col-body\">The answer, validated through the Innovate UK CyberASAP accelerator, was yes. CyGamBIT demonstrated that scenario-based, psychologically informed learning could shift not just awareness, but behaviour. That research directly shaped the Human Layer Kill Chain model and the pedagogical approach now embedded in Cyber Self Defence.<\/p>\r\n        <p class=\"cg-col-body\">CyGamBIT is still available to play. But its most important role today is as evidence: proof that the approach underpinning Cyber Innovations' products is grounded in real research, real testing, and real results.<\/p>\r\n        <div class=\"cg-highlight-box\">\r\n          <div class=\"cg-highlight-box-label\">Research connection<\/div>\r\n          <p>The same multi-ontological framework, the same theoretical models, and the same human-centred design principles that shaped CyGamBIT are now embedded across Cyber Self Defence, the CSD Toolkit, and Cyber Innovations' evaluation methodology.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- VIDEO                                                          -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cg-section\">\r\n  <div class=\"cg-container\">\r\n    <div style=\"text-align:center; max-width:700px; margin:0 auto 2.5rem;\">\r\n      <div class=\"cg-label\" style=\"justify-content:center;\"><span class=\"cg-label-dot\"><\/span>See it in action<\/div>\r\n      <h2 class=\"cg-sec-title\" style=\"max-width:100%;\">CyGamBIT in practice<\/h2>\r\n      <p class=\"cg-sec-body\" style=\"max-width:100%; margin-bottom:0;\">Watch how CyGamBIT works, how players engage with real-world scenarios, and how the game creates the kind of learning conversations that stay with people long after the session ends.<\/p>\r\n    <\/div>\r\n    <div class=\"cg-video-wrap\">\r\n      <iframe\r\n        src=\"https:\/\/www.youtube.com\/embed\/KIdfYlVHltQ\"\r\n        title=\"CyGamBIT in action\"\r\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n        allowfullscreen\r\n        loading=\"lazy\"\r\n      ><\/iframe>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- RESEARCH PILLARS (DARK)                                        -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cg-section dark\" style=\"position:relative; overflow:hidden;\">\r\n  <div style=\"position:absolute; top:-80px; right:-120px; width:480px; height:480px; border-radius:50%; background:linear-gradient(135deg,#78f7f5 0%,#8fa6f6 38%,#b542fa 100%); filter:blur(130px); opacity:0.08; pointer-events:none;\"><\/div>\r\n  <div class=\"cg-container\" style=\"position:relative;\">\r\n\r\n    <div class=\"cg-label\" style=\"color:var(--cg-aqua) !important;\">\r\n      <span style=\"width:6px; height:6px; border-radius:50%; background:var(--cg-aqua); flex:none; display:inline-block;\"><\/span>\r\n      Academic foundation\r\n    <\/div>\r\n    <h2 class=\"cg-sec-title light\" style=\"max-width:700px;\">What the research established<\/h2>\r\n    <p class=\"cg-sec-body light\" style=\"max-width:680px;\">CyGamBIT's development process generated rigorous evidence for the effectiveness of game-based learning in cybersecurity education, with implications that extend well beyond the game itself.<\/p>\r\n\r\n    <div class=\"cg-pillars\">\r\n\r\n      <div class=\"cg-pillar\">\r\n        <div class=\"cg-pillar-num\">01<\/div>\r\n        <h4>Game-based learning works<\/h4>\r\n        <p>CyGamBIT demonstrated measurable improvements in cybersecurity awareness, critical thinking, and knowledge retention compared to traditional awareness methods, particularly in non-technical populations.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cg-pillar\">\r\n        <div class=\"cg-pillar-num\">02<\/div>\r\n        <h4>Human behaviour is the critical layer<\/h4>\r\n        <p>Scenario testing consistently showed that cognitive load, emotional pressure, and social context all shape how people respond to cyber threats, regardless of their technical knowledge. This underpins the Human Layer Kill Chain.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cg-pillar\">\r\n        <div class=\"cg-pillar-num\">03<\/div>\r\n        <h4>Psychological safety enables learning<\/h4>\r\n        <p>Participants in game-based sessions disclosed more, reflected more deeply, and retained more than those in lecture-based formats. The non-threatening structure of play reduces the shame and avoidance that impair real-world incident response.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cg-pillar\">\r\n        <div class=\"cg-pillar-num\">04<\/div>\r\n        <h4>Scalability requires a hybrid model<\/h4>\r\n        <p>CyberASAP validated CyGamBIT's commercial readiness, with a licensing model applicable to schools, MATs, and organisations. The programme confirmed the platform's potential for broad adoption across educational and organisational contexts.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- HOW CYGAMBIT SUPPORTS THE MAIN OFFERING                       -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cg-section alt\">\r\n  <div class=\"cg-container\">\r\n    <div class=\"cg-two-col reverse\">\r\n\r\n      <!-- Text -->\r\n      <div>\r\n        <div class=\"cg-label\"><span class=\"cg-label-dot\"><\/span>Connection to Cyber Self Defence<\/div>\r\n        <h2 class=\"cg-col-title\">From proof-of-concept to flagship programme<\/h2>\r\n        <p class=\"cg-col-body\">CyGamBIT established that game-based, scenario-led approaches can change how people think about cyber threats, and that change persists. Cyber Self Defence takes that finding and scales it into a full training and toolkit ecosystem for organisations.<\/p>\r\n        <p class=\"cg-col-body\">Where CyGamBIT uses game mechanics to surface human behaviour in cyber scenarios, CSD uses the same understanding to design training, playbooks, and response tools that work for real people under real pressure. The theoretical thread is continuous.<\/p>\r\n        <p class=\"cg-col-body\">For organisations who want to explore our approach before committing to a full training programme, CyGamBIT offers a direct, low-barrier way in. Try the game, then talk to us about what Cyber Self Defence could look like for your team.<\/p>\r\n        <div style=\"display:flex; flex-wrap:wrap; gap:12px; margin-top:1.5rem;\">\r\n          <a href=\"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/cyber-self-defence\/\" class=\"cg-btn-primary\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\r\n            Explore Cyber Self Defence\r\n          <\/a>\r\n          <a href=\"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/contact\/\" class=\"cg-btn-outline dark-border\">Talk to us<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CyGamBIT logo -->\r\n      <div class=\"cg-two-col-img\" style=\"background: linear-gradient(160deg, #eef6f8 0%, #f5f8f9 100%); padding: 40px; display:flex; align-items:center; justify-content:center; min-height:320px;\">\r\n        <img decoding=\"async\" src=\"https:\/\/cyberinnovations.co.uk\/ci\/wp-content\/uploads\/2024\/11\/CyGamBIT-Landscape-Logo-with-lock-icons-full-colour.webp\" alt=\"CyGamBIT\" style=\"max-width:360px; width:100%; border:none;\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- PLAY THE GAME                                                  -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cg-section\">\r\n  <div class=\"cg-container\">\r\n\r\n    <div class=\"cg-label\" style=\"margin-bottom:0.75rem;\"><span class=\"cg-label-dot\"><\/span>Try it<\/div>\r\n    <h2 class=\"cg-sec-title\" style=\"max-width:680px; margin-bottom:0.75rem;\">Play CyGamBIT<\/h2>\r\n    <p class=\"cg-sec-body\" style=\"margin-bottom:2rem;\">CyGamBIT is freely available to play. Whether you want to experience the research firsthand, run it with your team, or use it as a conversation starter before exploring Cyber Self Defence, it is open and accessible.<\/p>\r\n\r\n    <div class=\"cg-play-box\">\r\n      <div class=\"cg-play-box-img\">\r\n        <img decoding=\"async\" src=\"https:\/\/cyberinnovations.co.uk\/ci\/wp-content\/uploads\/2024\/12\/CyGamBIT-Game-Image-Characters.jpg\" alt=\"CyGamBIT characters\">\r\n      <\/div>\r\n      <div class=\"cg-play-box-text\">\r\n        <h3>Launch CyGamBIT<\/h3>\r\n        <p>The game runs in your browser. No installation required. Work through real-world scenarios, make decisions under pressure, and see how the human layer determines outcomes.<\/p>\r\n        <p>After playing, if you want to understand how this translates into a full organisational training programme, get in touch.<\/p>\r\n        <div style=\"display:flex; flex-wrap:wrap; gap:12px;\">\r\n          <a href=\"https:\/\/cyberinnovations.co.uk\/BuildV2\/index.html\" target=\"_blank\" style=\"display:inline-flex; align-items:center; gap:8px; padding:14px 28px; background:var(--cg-magenta); color:#fff !important; border-radius:10px; font-family:'Nunito',sans-serif !important; font-weight:700 !important; font-size:15px !important; text-decoration:none; transition:background 0.2s;\">\r\n            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"5 3 19 12 5 21 5 3\"\/><\/svg>\r\n            Play now\r\n          <\/a>\r\n          <a href=\"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/contact\/\" style=\"display:inline-flex; align-items:center; gap:8px; padding:13px 26px; border:1.5px solid var(--cg-border); color:var(--cg-teal) !important; border-radius:10px; font-family:'Nunito',sans-serif !important; font-weight:600 !important; font-size:15px !important; text-decoration:none; transition:border-color 0.2s, color 0.2s;\">Book a facilitated session<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- PARTNER STRIP                                                  -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section style=\"background: var(--cg-surface); border-top: 1px solid var(--cg-border); border-bottom: 1px solid var(--cg-border);\">\r\n  <div class=\"cg-container\">\r\n    <p style=\"text-align:center; font-family:'Nunito',sans-serif !important; font-weight:600 !important; font-size:11px !important; letter-spacing:0.14em; text-transform:uppercase; color:var(--cg-subtle) !important; padding-top:clamp(28px,4vw,44px); margin-bottom:20px;\">Developed with and funded by<\/p>\r\n    <div class=\"cg-partners\" style=\"padding-top:0;\">\r\n      <img decoding=\"async\" src=\"https:\/\/cyberinnovations.co.uk\/ci\/wp-content\/uploads\/2026\/06\/Innovate-UK-logo.png\" alt=\"Innovate UK\" class=\"cg-partner-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/cyberinnovations.co.uk\/ci\/wp-content\/uploads\/2024\/09\/thumbnail_CyberASAP_Lockup_Blue_RGB.webp\" alt=\"CyberASAP\" class=\"cg-partner-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/cyberinnovations.co.uk\/ci\/wp-content\/uploads\/2025\/08\/COLOUR_Landscape-scaled.jpg\" alt=\"Bournemouth University\" class=\"cg-partner-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/cyberinnovations.co.uk\/ci\/wp-content\/uploads\/2026\/06\/DSIT_Lesser_Arms_Stacked_HEX-768x510-1.webp\" alt=\"DSIT\" class=\"cg-partner-logo\" style=\"height:50px; max-width:50px;\">\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<!-- CTA BANNER                                                     -->\r\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n<section class=\"cg-cta\">\r\n  <div class=\"cg-cta-glow\"><\/div>\r\n  <div class=\"cg-container\" style=\"position:relative;\">\r\n    <div class=\"cg-label\" style=\"justify-content:center; color:var(--cg-aqua) !important; margin-bottom:1.25rem;\">\r\n      <span style=\"width:6px; height:6px; border-radius:50%; background:var(--cg-aqua); flex:none; display:inline-block;\"><\/span>\r\n      What comes next\r\n    <\/div>\r\n    <h2 class=\"cg-cta-title\">Ready to build on the research?<\/h2>\r\n    <p class=\"cg-cta-body\">CyGamBIT shows what is possible when cybersecurity education is grounded in real research. Cyber Self Defence takes it further: a full training programme and toolkit ecosystem for organisations that want to build genuine human-layer resilience.<\/p>\r\n    <div class=\"cg-cta-btns\">\r\n      <a href=\"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/cyber-self-defence\/\" class=\"cg-btn-primary\">\r\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14m-7-7 7 7-7 7\"\/><\/svg>\r\n        Explore Cyber Self Defence\r\n      <\/a>\r\n      <a href=\"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/contact\/\" class=\"cg-btn-outline\">Book a discovery call<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<\/div><!-- \/.ci-cygambit -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Innovate UK CyberASAP &middot; Bournemouth University CyGamBIT A game-based learning platform developed at Bournemouth University and funded through Innovate UK [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-128","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/wp-json\/wp\/v2\/pages\/128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":49,"href":"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions"}],"predecessor-version":[{"id":916,"href":"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/wp-json\/wp\/v2\/pages\/128\/revisions\/916"}],"wp:attachment":[{"href":"https:\/\/cyberinnovations.co.uk\/ci\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}