{"id":6915,"date":"2026-10-05T12:09:25","date_gmt":"2026-10-05T12:09:25","guid":{"rendered":"https:\/\/kshuttle.io\/kshuttle-ia\/"},"modified":"2026-10-28T11:20:33","modified_gmt":"2026-10-28T11:20:33","slug":"kshuttle-ia","status":"publish","type":"page","link":"https:\/\/kshuttle.io\/en\/kshuttle-ia\/","title":{"rendered":"kShuttle AI | AI for the ExRP\u00ae platform"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6915\" class=\"elementor elementor-6915 elementor-5974\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-87e3a45 e-con-full e-flex e-con e-child\" data-id=\"87e3a45\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1ec01fd e-con-full e-flex e-con e-child\" data-id=\"1ec01fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0d4bf80 e-con-full e-flex e-con e-child\" data-id=\"0d4bf80\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-722955c e-con-full e-flex e-con e-child\" data-id=\"722955c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0f08177 e-flex e-con-boxed e-con e-child\" data-id=\"0f08177\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-816e559 elementor-widget elementor-widget-spacer\" data-id=\"816e559\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3dbe44 elementor-widget elementor-widget-html\" data-id=\"b3dbe44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"ks-ai-signature\">\r\n\r\n  <div class=\"ks-ai-signature__pill\">\r\n\r\n    <div class=\"ks-ai-signature__content\">\r\n\r\n      <span class=\"ks-ai-signature__kshuttle\">\r\n        kShuttle\r\n      <\/span>\r\n\r\n      <span class=\"ks-ai-signature__ai\">\r\n        AI\r\n      <\/span>\r\n\r\n      <span\r\n        class=\"ks-ai-signature__sparkle\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <svg\r\n          viewBox=\"0 0 100 100\"\r\n          role=\"presentation\"\r\n        >\r\n\r\n          <path\r\n            class=\"ks-ai-signature__star ks-ai-signature__star--main\"\r\n            d=\"\r\n              M50 5\r\n              C53 30 65 43 90 50\r\n              C65 57 53 70 50 95\r\n              C47 70 35 57 10 50\r\n              C35 43 47 30 50 5\r\n              Z\r\n            \"\r\n          \/>\r\n\r\n          <path\r\n            class=\"ks-ai-signature__star ks-ai-signature__star--small\"\r\n            d=\"\r\n              M78 4\r\n              C79 13 84 18 93 20\r\n              C84 22 79 27 78 36\r\n              C77 27 72 22 63 20\r\n              C72 18 77 13 78 4\r\n              Z\r\n            \"\r\n          \/>\r\n\r\n        <\/svg>\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   BASE\r\n========================================= *\/\r\n\r\n.ks-ai-signature,\r\n.ks-ai-signature * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n.ks-ai-signature {\r\n\r\n  --ks-ai-navy: #213268;\r\n\r\n\/* Gradient kShuttle AI *\/\r\n--ks-ai-red: #BA4A4A;\r\n--ks-ai-yellow: #E5F36C;\r\n--ks-ai-green: #6ADD7D;\r\n--ks-ai-blue: #4877DC;\r\n--ks-ai-purple: #AA4CE1;\r\n--ks-ai-pink: #E83E60;\r\n\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  padding: 40px 20px;\r\n\r\n  overflow: visible;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CAPSULE\r\n========================================= *\/\r\n\r\n.ks-ai-signature__pill {\r\n\r\n  position: relative;\r\n\r\n  width: min(100%, 920px);\r\n\r\n  min-height: 190px;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  padding: 30px 40px;\r\n\r\n  \/*\r\n    Surface du pill.\r\n    Tr\u00e8s l\u00e9g\u00e8re variation pour \u00e9viter\r\n    un blanc compl\u00e8tement plat.\r\n  *\/\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      rgba(255,255,255,0.99) 0%,\r\n      rgba(255,255,255,0.95) 60%,\r\n      rgba(244,247,255,0.92) 100%\r\n    );\r\n\r\n  \/*\r\n    Bordure de base tr\u00e8s fine.\r\n    Le vrai effet lumineux est cr\u00e9\u00e9\r\n    par les pseudo-\u00e9l\u00e9ments ensuite.\r\n  *\/\r\n\r\n  border:\r\n    1px solid\r\n    rgba(33,50,104,0.50);\r\n\r\n  border-radius: 999px;\r\n\r\n  \/*\r\n    IMPORTANT :\r\n    visible pour laisser le halo\r\n    d\u00e9passer de la capsule.\r\n  *\/\r\n\r\n  overflow: visible;\r\n\r\n  isolation: isolate;\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,0.95),\r\n    inset 0 0 22px rgba(173,197,244,0.055),\r\n    0 12px 40px rgba(33,50,104,0.045);\r\n\r\n  opacity: 0;\r\n\r\n  transform: scaleX(0.72);\r\n\r\n  transform-origin: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BORDURE LUMINEUSE\r\n========================================= *\/\r\n\r\n.ks-ai-signature__pill::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: -2px;\r\n\r\n  border-radius: inherit;\r\n\r\n  padding: 2px;\r\n\r\n  pointer-events: none;\r\n\r\n  z-index: 0;\r\n\r\n  \/*\r\n    Lumi\u00e8re plus intense sur certaines\r\n    portions seulement.\r\n  *\/\r\n\r\n  background:\r\n  linear-gradient(\r\n    110deg,\r\n    rgba(186,74,74,0.58) 0%,\r\n    rgba(229,243,108,0.72) 18%,\r\n    rgba(106,221,125,0.72) 36%,\r\n    rgba(72,119,220,0.82) 58%,\r\n    rgba(170,76,225,0.78) 77%,\r\n    rgba(232,62,96,0.68) 92%,\r\n    rgba(186,74,74,0.58) 100%\r\n  );\r\n\r\n  background-size:\r\n    220%\r\n    220%;\r\n\r\n\r\n  \/*\r\n    On masque le centre :\r\n    seul le contour reste visible.\r\n  *\/\r\n\r\n  -webkit-mask:\r\n    linear-gradient(#000 0 0)\r\n    content-box,\r\n    linear-gradient(#000 0 0);\r\n\r\n  -webkit-mask-composite:\r\n    xor;\r\n\r\n  mask-composite:\r\n    exclude;\r\n\r\n  opacity: 0.9;\r\n\r\n  animation:\r\n    ks-ai-border-flow\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HALO AUTOUR DE LA BORDURE\r\n========================================= *\/\r\n\r\n.ks-ai-signature__pill::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: -7px;\r\n\r\n  border-radius: inherit;\r\n\r\n  padding: 6px;\r\n\r\n  pointer-events: none;\r\n\r\n  z-index: -1;\r\n\r\n  background:\r\n  linear-gradient(\r\n    110deg,\r\n    rgba(186,74,74,0.18) 0%,\r\n    rgba(229,243,108,0.20) 18%,\r\n    rgba(106,221,125,0.22) 36%,\r\n    rgba(72,119,220,0.32) 58%,\r\n    rgba(170,76,225,0.28) 77%,\r\n    rgba(232,62,96,0.22) 92%,\r\n    rgba(186,74,74,0.18) 100%\r\n  );\r\n\r\n  background-size:\r\n    220%\r\n    220%;\r\n\r\n  -webkit-mask:\r\n    linear-gradient(#000 0 0)\r\n    content-box,\r\n    linear-gradient(#000 0 0);\r\n\r\n  -webkit-mask-composite:\r\n    xor;\r\n\r\n  mask-composite:\r\n    exclude;\r\n\r\n  filter:\r\n    blur(7px);\r\n\r\n  opacity:\r\n    0.34;\r\n\r\n  animation:\r\n    ks-ai-border-flow\r\n    8s\r\n    ease-in-out\r\n    infinite\r\n    alternate;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENU\r\n========================================= *\/\r\n\r\n.ks-ai-signature__content {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  gap:\r\n    clamp(\r\n      20px,\r\n      4vw,\r\n      40px\r\n    );\r\n\r\n  white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   KSHUTTLE\r\n========================================= *\/\r\n\r\n.ks-ai-signature__kshuttle {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    var(--ks-ai-navy);\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      40px,\r\n      9.5vw,\r\n      110px\r\n    );\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 0.9;\r\n\r\n  letter-spacing: -0.065em;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateY(16px);\r\n\r\n  clip-path:\r\n    inset(\r\n      0\r\n      100%\r\n      0\r\n      0\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   AI\r\n========================================= *\/\r\n\r\n.ks-ai-signature__ai {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    var(--ks-ai-navy);\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(\r\n      40px,\r\n      9.5vw,\r\n      110px\r\n    );\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 0.9;\r\n\r\n  letter-spacing: -0.06em;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translateX(-18px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SPARKLE\r\n========================================= *\/\r\n\r\n.ks-ai-signature__sparkle {\r\n\r\n  position: relative;\r\n\r\n  width:\r\n    clamp(\r\n      40px,\r\n      7vw,\r\n      86px\r\n    );\r\n\r\n  height:\r\n    clamp(\r\n      40px,\r\n      7vw,\r\n      86px\r\n    );\r\n\r\n  flex: 0 0 auto;\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    scale(0.45)\r\n    rotate(-10deg);\r\n\r\n}\r\n\r\n\r\n.ks-ai-signature__sparkle svg {\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  overflow: visible;\r\n\r\n}\r\n\r\n\r\n.ks-ai-signature__star {\r\n\r\n  fill:\r\n    var(--ks-ai-navy);\r\n\r\n  transform-box:\r\n    fill-box;\r\n\r\n  transform-origin:\r\n    center;\r\n\r\n}\r\n\r\n\r\n.ks-ai-signature__star--small {\r\n\r\n  opacity:\r\n    0.88;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ANIMATION D'ENTR\u00c9E\r\n========================================= *\/\r\n\r\n.ks-ai-signature.is-visible\r\n.ks-ai-signature__pill {\r\n\r\n  animation:\r\n    ks-ai-pill-in\r\n    0.9s\r\n    cubic-bezier(\r\n      0.16,\r\n      1,\r\n      0.3,\r\n      1\r\n    )\r\n    forwards;\r\n\r\n}\r\n\r\n\r\n.ks-ai-signature.is-visible\r\n.ks-ai-signature__kshuttle {\r\n\r\n  animation:\r\n    ks-ai-word-reveal\r\n    0.9s\r\n    cubic-bezier(\r\n      0.16,\r\n      1,\r\n      0.3,\r\n      1\r\n    )\r\n    0.42s\r\n    forwards;\r\n\r\n}\r\n\r\n\r\n.ks-ai-signature.is-visible\r\n.ks-ai-signature__ai {\r\n\r\n  animation:\r\n    ks-ai-ai-in\r\n    0.65s\r\n    cubic-bezier(\r\n      0.16,\r\n      1,\r\n      0.3,\r\n      1\r\n    )\r\n    1.02s\r\n    forwards;\r\n\r\n}\r\n\r\n\r\n.ks-ai-signature.is-visible\r\n.ks-ai-signature__sparkle {\r\n\r\n  animation:\r\n    ks-ai-sparkle-in\r\n    0.7s\r\n    cubic-bezier(\r\n      0.16,\r\n      1,\r\n      0.3,\r\n      1\r\n    )\r\n    1.38s\r\n    forwards;\r\n\r\n}\r\n\r\n\r\n\/* respiration du symbole *\/\r\n\r\n.ks-ai-signature.is-visible\r\n.ks-ai-signature__star--main {\r\n\r\n  animation:\r\n    ks-ai-star-breathe\r\n    3.6s\r\n    ease-in-out\r\n    2.05s\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n.ks-ai-signature.is-visible\r\n.ks-ai-signature__star--small {\r\n\r\n  animation:\r\n    ks-ai-star-small-breathe\r\n    3.6s\r\n    ease-in-out\r\n    2.25s\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   KEYFRAMES\r\n========================================= *\/\r\n\r\n@keyframes ks-ai-pill-in {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      scaleX(0.72);\r\n\r\n  }\r\n\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      scaleX(1);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/*\r\n  Tr\u00e8s l\u00e9ger d\u00e9placement de la lumi\u00e8re\r\n  sur la bordure.\r\n*\/\r\n\r\n@keyframes ks-ai-border-flow {\r\n\r\n  0% {\r\n\r\n    background-position:\r\n      0%\r\n      50%;\r\n\r\n  }\r\n\r\n\r\n  100% {\r\n\r\n    background-position:\r\n      100%\r\n      50%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes ks-ai-word-reveal {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateY(16px);\r\n\r\n    clip-path:\r\n      inset(\r\n        0\r\n        100%\r\n        0\r\n        0\r\n      );\r\n\r\n  }\r\n\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateY(0);\r\n\r\n    clip-path:\r\n      inset(\r\n        0\r\n        0\r\n        0\r\n        0\r\n      );\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes ks-ai-ai-in {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translateX(-18px);\r\n\r\n    filter:\r\n      blur(8px);\r\n\r\n  }\r\n\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      translateX(0);\r\n\r\n    filter:\r\n      blur(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes ks-ai-sparkle-in {\r\n\r\n  0% {\r\n\r\n    opacity: 0;\r\n\r\n    transform:\r\n      scale(0.45)\r\n      rotate(-10deg);\r\n\r\n    filter:\r\n      blur(7px);\r\n\r\n  }\r\n\r\n\r\n  65% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      scale(1.14)\r\n      rotate(3deg);\r\n\r\n    filter:\r\n      blur(0);\r\n\r\n  }\r\n\r\n\r\n  100% {\r\n\r\n    opacity: 1;\r\n\r\n    transform:\r\n      scale(1)\r\n      rotate(0);\r\n\r\n    filter:\r\n      blur(0);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes ks-ai-star-breathe {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:\r\n      scale(1);\r\n\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    transform:\r\n      scale(1.08);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes ks-ai-star-small-breathe {\r\n\r\n  0%,\r\n  100% {\r\n\r\n    transform:\r\n      scale(1);\r\n\r\n    opacity:\r\n      0.88;\r\n\r\n  }\r\n\r\n\r\n  50% {\r\n\r\n    transform:\r\n      scale(0.82);\r\n\r\n    opacity:\r\n      0.55;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLETTE\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .ks-ai-signature__pill {\r\n\r\n    min-height:\r\n      150px;\r\n\r\n    padding:\r\n      26px\r\n      38px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__kshuttle,\r\n  .ks-ai-signature__ai {\r\n\r\n    font-size:\r\n      clamp(\r\n        40px,\r\n        8.5vw,\r\n        78px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__sparkle {\r\n\r\n    width:\r\n      54px;\r\n\r\n    height:\r\n      54px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ks-ai-signature {\r\n\r\n    padding:\r\n      24px\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__pill {\r\n\r\n    width:\r\n      100%;\r\n\r\n    min-height:\r\n      104px;\r\n\r\n    padding:\r\n      18px\r\n      22px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__content {\r\n\r\n    gap:\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Typo volontairement plus r\u00e9duite\r\n    que dans ta version actuelle.\r\n  *\/\r\n\r\n  .ks-ai-signature__kshuttle,\r\n  .ks-ai-signature__ai {\r\n\r\n    font-size:\r\n      clamp(\r\n        30px,\r\n        9.5vw,\r\n        48px\r\n      );\r\n\r\n    letter-spacing:\r\n      -0.055em;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__sparkle {\r\n\r\n    width:\r\n      36px;\r\n\r\n    height:\r\n      36px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    Halo l\u00e9g\u00e8rement r\u00e9duit sur mobile\r\n    pour \u00e9viter un effet trop fort.\r\n  *\/\r\n\r\n  .ks-ai-signature__pill::after {\r\n\r\n    inset:\r\n      -5px;\r\n\r\n    filter:\r\n      blur(5px);\r\n\r\n    opacity:\r\n      0.28;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PETIT MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .ks-ai-signature {\r\n\r\n    padding:\r\n      18px\r\n      10px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__pill {\r\n\r\n    min-height:\r\n      82px;\r\n\r\n    padding:\r\n      15px\r\n      16px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__content {\r\n\r\n    gap:\r\n      8px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__kshuttle,\r\n  .ks-ai-signature__ai {\r\n\r\n    font-size:\r\n      clamp(\r\n        25px,\r\n        8.8vw,\r\n        38px\r\n      );\r\n\r\n    letter-spacing:\r\n      -0.05em;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__sparkle {\r\n\r\n    width:\r\n      28px;\r\n\r\n    height:\r\n      28px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__pill::before {\r\n\r\n    inset:\r\n      -1.5px;\r\n\r\n    padding:\r\n      1.5px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__pill::after {\r\n\r\n    inset:\r\n      -4px;\r\n\r\n    padding:\r\n      4px;\r\n\r\n    filter:\r\n      blur(4px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ACCESSIBILIT\u00c9\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ks-ai-signature__pill,\r\n  .ks-ai-signature__kshuttle,\r\n  .ks-ai-signature__ai,\r\n  .ks-ai-signature__sparkle {\r\n\r\n    opacity:\r\n      1 !important;\r\n\r\n    transform:\r\n      none !important;\r\n\r\n    clip-path:\r\n      none !important;\r\n\r\n    filter:\r\n      none !important;\r\n\r\n    animation:\r\n      none !important;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-signature__pill::before,\r\n  .ks-ai-signature__pill::after {\r\n\r\n    animation:\r\n      none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(() => {\r\n\r\n  const elements =\r\n    document.querySelectorAll(\r\n      \".ks-ai-signature:not([data-ai-ready])\"\r\n    );\r\n\r\n\r\n  elements.forEach((element) => {\r\n\r\n    element.dataset.aiReady =\r\n      \"true\";\r\n\r\n\r\n    const reducedMotion =\r\n      window.matchMedia(\r\n        \"(prefers-reduced-motion: reduce)\"\r\n      ).matches;\r\n\r\n\r\n    if (reducedMotion) {\r\n\r\n      element.classList.add(\r\n        \"is-visible\"\r\n      );\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    const observer =\r\n      new IntersectionObserver(\r\n\r\n        (entries) => {\r\n\r\n          entries.forEach((entry) => {\r\n\r\n            if (\r\n              entry.isIntersecting\r\n            ) {\r\n\r\n              element.classList.add(\r\n                \"is-visible\"\r\n              );\r\n\r\n              observer.unobserve(\r\n                element\r\n              );\r\n\r\n            }\r\n\r\n          });\r\n\r\n        },\r\n\r\n        {\r\n          threshold:\r\n            0.35\r\n        }\r\n\r\n      );\r\n\r\n\r\n    observer.observe(\r\n      element\r\n    );\r\n\r\n  });\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2126b79 elementor-widget elementor-widget-spacer\" data-id=\"2126b79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5ee240 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"c5ee240\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Agentic AI working for your strategy,\napplications that evolve with your challenges.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2273c2 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f2273c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p dir=\"ltr\">kShuttle AI extends the capabilities of the ExRP\u00ae platform, helping you design, evolve and run your business, regulatory and operational processes more efficiently.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5083b6 elementor-widget elementor-widget-spacer\" data-id=\"d5083b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-286322b elementor-widget elementor-widget-html\" data-id=\"286322b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   kShuttle AI \u2014 STAR BURST\r\n========================================= *\/\r\n\r\n.ks-ai-star-burst {\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  width: 1px;\r\n  height: 1px;\r\n  z-index: 999999;\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* \u00c9TOILE *\/\r\n\r\n.ks-ai-star {\r\n  position: absolute;\r\n\r\n  width: var(--size);\r\n  height: var(--size);\r\n\r\n  left: calc(var(--size) \/ -2);\r\n  top: calc(var(--size) \/ -2);\r\n\r\n  background: var(--color);\r\n\r\n  clip-path: polygon(\r\n    50% 0%,\r\n    59% 36%,\r\n    100% 50%,\r\n    59% 64%,\r\n    50% 100%,\r\n    41% 64%,\r\n    0% 50%,\r\n    41% 36%\r\n  );\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    translate(0, 0)\r\n    scale(0.2)\r\n    rotate(0deg);\r\n\r\n  filter:\r\n    drop-shadow(\r\n      0 0 5px\r\n      rgba(101, 119, 214, 0.16)\r\n    );\r\n\r\n  animation:\r\n    ks-ai-star-explode\r\n    var(--duration)\r\n    cubic-bezier(.16, 1, .3, 1)\r\n    forwards;\r\n}\r\n\r\n\r\n\/* Quelques \u00e9toiles plus fines *\/\r\n\r\n.ks-ai-star.is-small {\r\n  clip-path: polygon(\r\n    50% 0%,\r\n    56% 42%,\r\n    100% 50%,\r\n    56% 58%,\r\n    50% 100%,\r\n    44% 58%,\r\n    0% 50%,\r\n    44% 42%\r\n  );\r\n}\r\n\r\n\r\n\/* HALO CENTRAL *\/\r\n\r\n.ks-ai-star-ring {\r\n  position: absolute;\r\n\r\n  width: 18px;\r\n  height: 18px;\r\n\r\n  left: -9px;\r\n  top: -9px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(101, 119, 214, 0.45);\r\n\r\n  opacity: 0;\r\n\r\n  transform:\r\n    scale(0.4);\r\n\r\n  animation:\r\n    ks-ai-ring-expand\r\n    700ms\r\n    cubic-bezier(.16, 1, .3, 1)\r\n    forwards;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ANIMATIONS\r\n========================================= *\/\r\n\r\n@keyframes ks-ai-star-explode {\r\n\r\n  0% {\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translate(0, 0)\r\n      scale(0.2)\r\n      rotate(0deg);\r\n  }\r\n\r\n  12% {\r\n    opacity: 1;\r\n  }\r\n\r\n  62% {\r\n    opacity: 0.95;\r\n\r\n    transform:\r\n      translate(\r\n        calc(var(--x) * 0.82),\r\n        calc(var(--y) * 0.82)\r\n      )\r\n      scale(var(--scale))\r\n      rotate(\r\n        calc(var(--rotation) * 0.82)\r\n      );\r\n  }\r\n\r\n  82% {\r\n    opacity: 0.65;\r\n\r\n    transform:\r\n      translate(\r\n        calc(var(--x) * 0.95),\r\n        calc(var(--y) * 0.95)\r\n      )\r\n      scale(\r\n        calc(var(--scale) * 0.88)\r\n      )\r\n      rotate(\r\n        calc(var(--rotation) * 0.95)\r\n      );\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n\r\n    transform:\r\n      translate(\r\n        var(--x),\r\n        var(--y)\r\n      )\r\n      scale(\r\n        calc(var(--scale) * 0.72)\r\n      )\r\n      rotate(var(--rotation));\r\n  }\r\n\r\n}\r\n\r\n\r\n@keyframes ks-ai-ring-expand {\r\n\r\n  0% {\r\n    opacity: 0;\r\n    transform: scale(0.4);\r\n  }\r\n\r\n  20% {\r\n    opacity: 0.55;\r\n  }\r\n\r\n  100% {\r\n    opacity: 0;\r\n    transform: scale(7);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ACCESSIBILIT\u00c9 *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ks-ai-star,\r\n  .ks-ai-star-ring {\r\n    display: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(() => {\r\n\r\n  const COLORS = [\r\n    \"#213268\",\r\n    \"#6577d6\",\r\n    \"#adc5f4\",\r\n    \"#d8e3ff\",\r\n    \"#ffffff\"\r\n  ];\r\n\r\n\r\n  function createBurst(x, y) {\r\n\r\n    const burst =\r\n      document.createElement(\"div\");\r\n\r\n    burst.className =\r\n      \"ks-ai-star-burst\";\r\n\r\n    burst.style.left =\r\n      x + \"px\";\r\n\r\n    burst.style.top =\r\n      y + \"px\";\r\n\r\n\r\n    \/* halo *\/\r\n\r\n    const ring =\r\n      document.createElement(\"span\");\r\n\r\n    ring.className =\r\n      \"ks-ai-star-ring\";\r\n\r\n    burst.appendChild(ring);\r\n\r\n\r\n    \/* \u00e9toiles *\/\r\n\r\n    const amount =\r\n      26;\r\n\r\n\r\n    for (\r\n      let i = 0;\r\n      i < amount;\r\n      i++\r\n    ) {\r\n\r\n      const star =\r\n        document.createElement(\"span\");\r\n\r\n      star.className =\r\n        \"ks-ai-star\";\r\n\r\n\r\n      if (\r\n        Math.random() > 0.55\r\n      ) {\r\n\r\n        star.classList.add(\r\n          \"is-small\"\r\n        );\r\n\r\n      }\r\n\r\n\r\n      const angle =\r\n        Math.random() *\r\n        Math.PI *\r\n        2;\r\n\r\n\r\n      const distance =\r\n        45 +\r\n        Math.random() *\r\n        115;\r\n\r\n\r\n      const xMove =\r\n        Math.cos(angle) *\r\n        distance;\r\n\r\n\r\n      const yMove =\r\n        Math.sin(angle) *\r\n        distance;\r\n\r\n\r\n      const size =\r\n        5 +\r\n        Math.random() *\r\n        12;\r\n\r\n\r\n      const duration =\r\n        550 +\r\n        Math.random() *\r\n        450;\r\n\r\n\r\n      const rotation =\r\n        -140 +\r\n        Math.random() *\r\n        280;\r\n\r\n\r\n      const scale =\r\n        0.55 +\r\n        Math.random() *\r\n        0.9;\r\n\r\n\r\n      const color =\r\n        COLORS[\r\n          Math.floor(\r\n            Math.random() *\r\n            COLORS.length\r\n          )\r\n        ];\r\n\r\n\r\n      star.style.setProperty(\r\n        \"--x\",\r\n        xMove + \"px\"\r\n      );\r\n\r\n      star.style.setProperty(\r\n        \"--y\",\r\n        yMove + \"px\"\r\n      );\r\n\r\n      star.style.setProperty(\r\n        \"--size\",\r\n        size + \"px\"\r\n      );\r\n\r\n      star.style.setProperty(\r\n        \"--duration\",\r\n        duration + \"ms\"\r\n      );\r\n\r\n      star.style.setProperty(\r\n        \"--rotation\",\r\n        rotation + \"deg\"\r\n      );\r\n\r\n      star.style.setProperty(\r\n        \"--scale\",\r\n        scale\r\n      );\r\n\r\n      star.style.setProperty(\r\n        \"--color\",\r\n        color\r\n      );\r\n\r\n\r\n      burst.appendChild(\r\n        star\r\n      );\r\n\r\n    }\r\n\r\n\r\n    document.body.appendChild(\r\n      burst\r\n    );\r\n\r\n\r\n    window.setTimeout(\r\n      () => {\r\n        burst.remove();\r\n      },\r\n      1200\r\n    );\r\n\r\n  }\r\n\r\n\r\n  document.addEventListener(\r\n    \"click\",\r\n    (event) => {\r\n\r\n      const trigger =\r\n        event.target.closest(\r\n          \".ks-ai-burst-trigger\"\r\n        );\r\n\r\n\r\n      if (!trigger) {\r\n        return;\r\n      }\r\n\r\n\r\n      const button =\r\n        trigger.matches(\"a, button\")\r\n          ? trigger\r\n          : trigger.querySelector(\r\n              \"a, button, .elementor-button\"\r\n            );\r\n\r\n\r\n      const target =\r\n        button || trigger;\r\n\r\n\r\n      const rect =\r\n        target.getBoundingClientRect();\r\n\r\n\r\n      const centerX =\r\n        rect.left +\r\n        rect.width \/ 2;\r\n\r\n\r\n      const centerY =\r\n        rect.top +\r\n        rect.height \/ 2;\r\n\r\n\r\n      createBurst(\r\n        centerX,\r\n        centerY\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<a class=\"elementor-element elementor-element-ac5ebc3 animated-slow e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"ac5ebc3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeIn&quot;}\" href=\"#plus\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3715ea elementor-widget elementor-widget-text-editor\" data-id=\"f3715ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Read more<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc64d40 picto ks-ai-burst-trigger elementor-widget elementor-widget-image\" data-id=\"bc64d40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"#build-apps\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"25\" height=\"31\" src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/02\/picto-more.png\" class=\"attachment-large size-large wp-image-526\" alt=\"\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1e96896 e-con-full e-flex e-con e-parent\" data-id=\"1e96896\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-032a500 elementor-widget elementor-widget-html\" data-id=\"032a500\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* =========================================\r\n   CARTES BUILD \/ REBUILD \/ AUGMENT\r\n========================================= *\/\r\n\r\n.ks-ai-feature-card {\r\n    width: 100% !important;\r\n\r\n    min-height: 100px !important;\r\n    height: 100px !important;\r\n\r\n    padding: 16px 24px !important;\r\n\r\n    display: flex !important;\r\n    flex-direction: row !important;\r\n    flex-wrap: nowrap !important;\r\n\r\n    align-items: center !important;\r\n\r\n    gap: 22px !important;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NUM\u00c9RO\r\n   On ne lui impose PLUS de largeur fixe\r\n========================================= *\/\r\n\r\n.ks-ai-feature-index {\r\n    flex: 0 0 auto !important;\r\n\r\n    width: auto !important;\r\n    min-width: max-content !important;\r\n    max-width: none !important;\r\n\r\n    overflow: visible !important;\r\n}\r\n\r\n\r\n\/* pr\u00e9serve aussi le contenu Elementor *\/\r\n\r\n.ks-ai-feature-index .elementor-widget-container {\r\n    width: auto !important;\r\n    overflow: visible !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TITRE\r\n========================================= *\/\r\n\r\n.ks-ai-feature-name {\r\n    flex: 0 0 auto !important;\r\n\r\n    width: auto !important;\r\n    min-width: 85px !important;\r\n    max-width: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION\r\n   r\u00e9cup\u00e8re tout l'espace restant\r\n========================================= *\/\r\n\r\n.ks-ai-feature-copy {\r\n    flex: 1 1 320px !important;\r\n\r\n    width: auto !important;\r\n    min-width: 0 !important;\r\n    max-width: none !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .ks-ai-feature-card {\r\n        height: auto !important;\r\n        min-height: 0 !important;\r\n\r\n        flex-wrap: wrap !important;\r\n\r\n        padding: 18px !important;\r\n\r\n        gap: 10px 14px !important;\r\n    }\r\n\r\n\r\n    .ks-ai-feature-index {\r\n        flex: 0 0 auto !important;\r\n    }\r\n\r\n\r\n    .ks-ai-feature-name {\r\n        min-width: 0 !important;\r\n    }\r\n\r\n\r\n    .ks-ai-feature-copy {\r\n        flex: 0 0 100% !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5e1cace animated-slow elementor-invisible elementor-widget elementor-widget-html\" data-id=\"5e1cace\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"build-apps\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"ks-ai-build\">\r\n\r\n  <div class=\"ks-ai-build__inner\">\r\n\r\n    <!-- ======================================\r\n         LEFT COLUMN\r\n    ======================================= -->\r\n\r\n    <div class=\"ks-ai-build__left\">\r\n\r\n      <!-- EYEBROW -->\r\n      <div class=\"ks-ai-build__eyebrow\">\r\n        From Idea to Application\r\n      <\/div>\r\n\r\n      <!-- TITLE -->\r\n      <h2 class=\"ks-ai-build__title\">\r\n        Structure First. Then Automate.\r\n      <\/h2>\r\n\r\n      <!-- INTRODUCTION -->\r\n      <p class=\"ks-ai-build__intro\">\r\n        Starting from your business needs, existing resources and business rules, kShuttle AI supports the structuring and design of applications in ExRP<sup>\u00ae<\/sup>,\r\n        <strong>\r\n          This approach makes them easier to document, evolve and deploy.\r\n        <\/strong>\r\n      <\/p>\r\n\r\n      <!-- ======================================\r\n           BENEFITS\r\n      ======================================= -->\r\n\r\n      <div class=\"ks-ai-build__benefits\">\r\n\r\n        <!-- BENEFIT 1 -->\r\n        <div class=\"ks-ai-build__benefit\">\r\n\r\n          <div class=\"ks-ai-build__benefit-pill\">\r\n            <span>Business-aligned<\/span>\r\n          <\/div>\r\n\r\n          <p>\r\n            Applications that meet your needs\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- BENEFIT 2 -->\r\n        <div class=\"ks-ai-build__benefit\">\r\n\r\n          <div class=\"ks-ai-build__benefit-pill\">\r\n            <span>AI-accelerated<\/span>\r\n          <\/div>\r\n\r\n          <p>\r\n            Less effort, more value\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- BENEFIT 3 -->\r\n        <div class=\"ks-ai-build__benefit\">\r\n\r\n          <div class=\"ks-ai-build__benefit-pill\">\r\n            <span>Controlled &amp; traceable<\/span>\r\n          <\/div>\r\n\r\n          <p>\r\n            Reliable, verified results\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <!-- BENEFIT 4 -->\r\n        <div class=\"ks-ai-build__benefit\">\r\n\r\n          <div class=\"ks-ai-build__benefit-pill\">\r\n            <span>Expert-designed<\/span>\r\n          <\/div>\r\n\r\n          <p>\r\n            AI that serves your expertise\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- ======================================\r\n           CTA\r\n      ======================================= -->\r\n\r\n      <a\r\n        class=\"ks-ai-build__cta\"\r\n        href=\"https:\/\/kshuttle.io\/en\/request-demo\/\"\r\n      >\r\n\r\n        <span>\r\n          Discuss Your Project\r\n        <\/span>\r\n\r\n        <span\r\n          class=\"ks-ai-build__cta-arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          &rarr;\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- ======================================\r\n         RIGHT COLUMN \u2014 FLOW\r\n    ======================================= -->\r\n\r\n    <div class=\"ks-ai-build__flow\">\r\n\r\n      <!-- ======================================\r\n           CARD 1 \u2014 BUSINESS LOGIC\r\n      ======================================= -->\r\n\r\n      <div class=\"ks-ai-build__card ks-ai-build__card--business\">\r\n\r\n        <!-- MAIN ICON -->\r\n        <div class=\"ks-ai-build__icon-ring\">\r\n\r\n          <div class=\"ks-ai-build__icon-core\">\r\n\r\n            <img decoding=\"async\"\r\n              class=\"ks-ai-build__main-icon\"\r\n              src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Logique-Metier.svg\"\r\n              alt=\"\"\r\n              aria-hidden=\"true\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CONTENT -->\r\n        <div class=\"ks-ai-build__card-content\">\r\n\r\n          <h3>\r\n            Business Logic\r\n          <\/h3>\r\n\r\n          <p>\r\n            Your needs, your rules, your processes\r\n          <\/p>\r\n\r\n          <!-- TAGS -->\r\n          <div class=\"ks-ai-build__tags\">\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Group-150.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              BUSINESS RULES\r\n            <\/span>\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/git-pull-request.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              WORKFLOW\r\n            <\/span>\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Vector.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              CONTROLS\r\n            <\/span>\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Group-151.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              REPORTING\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- PLUS -->\r\n      <div class=\"ks-ai-build__plus\" aria-hidden=\"true\">\r\n        +\r\n      <\/div>\r\n\r\n      <!-- ======================================\r\n           CARD 2 \u2014 AI + APP BUILDER\r\n      ======================================= -->\r\n\r\n      <div class=\"ks-ai-build__card ks-ai-build__card--ai\">\r\n\r\n        <!-- MAIN ICON -->\r\n        <div class=\"ks-ai-build__icon-ring\">\r\n\r\n          <div class=\"ks-ai-build__icon-core\">\r\n\r\n            <img decoding=\"async\"\r\n              class=\"ks-ai-build__main-icon ks-ai-build__main-icon--appbuilder\"\r\n              src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Capture-decran-2026-10-06-114630.png\"\r\n              alt=\"\"\r\n              aria-hidden=\"true\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CONTENT -->\r\n        <div class=\"ks-ai-build__card-content\">\r\n\r\n          <h3>\r\n            kShuttle AI + App Builder\r\n          <\/h3>\r\n\r\n          <p>\r\n            Structuring business resources, modelling and generating applications.\r\n          <\/p>\r\n\r\n          <!-- TAGS -->\r\n          <div class=\"ks-ai-build__tags\">\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Group-153-1.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              MODELLING\r\n            <\/span>\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Group-154-1.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              AI GENERATION\r\n            <\/span>\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/database.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              RESOURCES\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- PLUS -->\r\n      <div class=\"ks-ai-build__plus\" aria-hidden=\"true\">\r\n        +\r\n      <\/div>\r\n\r\n      <!-- ======================================\r\n           CARD 3 \u2014 EXRP APPLICATION\r\n      ======================================= -->\r\n\r\n      <a\r\n        class=\"ks-ai-build__card ks-ai-build__card--exrp ks-ai-build__card--link\"\r\n        href=\"https:\/\/kshuttle.io\/en\/regulatory-business-data-platform\/\"\r\n        aria-label=\"Explore ExRP applications\"\r\n      >\r\n\r\n        <!-- MAIN ICON -->\r\n        <div class=\"ks-ai-build__icon-ring\">\r\n\r\n          <div class=\"ks-ai-build__icon-core\">\r\n\r\n            <img decoding=\"async\"\r\n              class=\"ks-ai-build__main-icon ks-ai-build__main-icon--exrp\"\r\n              src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/09\/Logo-ExRP.jpg\"\r\n              alt=\"\"\r\n              aria-hidden=\"true\"\r\n              loading=\"lazy\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CONTENT -->\r\n        <div class=\"ks-ai-build__card-content\">\r\n\r\n          <h3>\r\n            ExRP<sup>\u00ae<\/sup> Application\r\n          <\/h3>\r\n\r\n          <p>\r\n            A ready-to-use kShuttle application\r\n          <\/p>\r\n\r\n          <!-- TAGS -->\r\n          <div class=\"ks-ai-build__tags\">\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/monitor.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              SCREENS\r\n            <\/span>\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/hard-drive.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              DATA\r\n            <\/span>\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/file-plus.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              SCRIPTS &amp; PLUGINS\r\n            <\/span>\r\n\r\n            <span>\r\n              <img decoding=\"async\"\r\n                src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/lock.svg\"\r\n                alt=\"\"\r\n                aria-hidden=\"true\"\r\n              >\r\n              SECURITY\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- CLICK INDICATOR -->\r\n        <span\r\n          class=\"ks-ai-build__card-arrow\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          &#8599;\r\n        <\/span>\r\n\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   RESET\r\n========================================= *\/\r\n\r\n.ks-ai-build,\r\n.ks-ai-build *,\r\n.ks-ai-build *::before,\r\n.ks-ai-build *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================\r\n   BASE\r\n========================================= *\/\r\n\r\n.ks-ai-build {\r\n  --ks-navy: #213268;\r\n  --ks-text: #2b2f3c;\r\n  --ks-muted: #73757e;\r\n\r\n  --ai-red: #BA4A4A;\r\n  --ai-yellow: #E5F36C;\r\n  --ai-green: #6ADD7D;\r\n  --ai-blue: #4877DC;\r\n  --ai-purple: #AA4CE1;\r\n  --ai-pink: #E83E60;\r\n\r\n  width: 100%;\r\n  padding: clamp(64px, 7vw, 100px) 24px;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   INNER GRID\r\n========================================= *\/\r\n\r\n.ks-ai-build__inner {\r\n  width: min(100%, 1180px);\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, 1.05fr)\r\n    minmax(0, .95fr);\r\n\r\n  column-gap: clamp(40px, 6vw, 80px);\r\n  align-items: center;\r\n}\r\n\r\n\/* =========================================\r\n   LEFT COLUMN\r\n========================================= *\/\r\n\r\n.ks-ai-build__left {\r\n  min-width: 0;\r\n  max-width: 570px;\r\n}\r\n\r\n\/* =========================================\r\n   EYEBROW\r\n   16PX \u2014 SEMIBOLD 600\r\n========================================= *\/\r\n\r\n.ks-ai-build .ks-ai-build__eyebrow {\r\n  display: block;\r\n\r\n  margin: 0 0 12px !important;\r\n  padding: 0 !important;\r\n\r\n  color: #707176 !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    Arial,\r\n    sans-serif !important;\r\n\r\n  font-size: 16px !important;\r\n  font-weight: 600 !important;\r\n  line-height: 1.4 !important;\r\n\r\n  letter-spacing: 0;\r\n  text-transform: none;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN TITLE\r\n========================================= *\/\r\n\r\n.ks-ai-build__title {\r\n  margin: 0 0 20px !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--ks-navy) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size:\r\n    clamp(30px, 3.1vw, 36px) !important;\r\n\r\n  line-height: 1.12 !important;\r\n  font-weight: 600 !important;\r\n\r\n  letter-spacing: -.035em;\r\n}\r\n\r\n\/* =========================================\r\n   INTRODUCTION\r\n========================================= *\/\r\n\r\n.ks-ai-build__intro {\r\n  max-width: 550px;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--ks-text) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size: 16px !important;\r\n  line-height: 1.72 !important;\r\n  font-weight: 400 !important;\r\n\r\n  letter-spacing: -.01em;\r\n}\r\n\r\n.ks-ai-build__intro strong {\r\n  font-weight: 650 !important;\r\n}\r\n\r\n.ks-ai-build sup {\r\n  position: relative;\r\n  top: -.3em;\r\n\r\n  font-size: .55em;\r\n  line-height: 0;\r\n}\r\n\r\n\/* =========================================\r\n   BENEFITS GRID\r\n========================================= *\/\r\n\r\n.ks-ai-build__benefits {\r\n  width: min(100%, 500px);\r\n\r\n  margin-top:\r\n    clamp(42px, 5vw, 58px);\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, minmax(0, 1fr));\r\n\r\n  column-gap:\r\n    clamp(22px, 3vw, 48px);\r\n\r\n  row-gap: 36px;\r\n}\r\n\r\n\/* =========================================\r\n   BENEFIT\r\n========================================= *\/\r\n\r\n.ks-ai-build__benefit {\r\n  min-width: 0;\r\n\r\n  transition:\r\n    transform .3s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ks-ai-build__benefit:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* =========================================\r\n   BENEFIT GRADIENT PILL\r\n========================================= *\/\r\n\r\n.ks-ai-build__benefit-pill {\r\n  display: inline-block;\r\n\r\n  width: max-content;\r\n  max-width: 100%;\r\n\r\n  padding: 1px;\r\n  border-radius: 999px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      100deg,\r\n      var(--ai-red),\r\n      var(--ai-yellow),\r\n      var(--ai-green),\r\n      var(--ai-blue),\r\n      var(--ai-purple),\r\n      var(--ai-pink)\r\n    );\r\n}\r\n\r\n.ks-ai-build__benefit-pill span {\r\n  min-height: 23px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  padding: 3px 13px;\r\n  border-radius: inherit;\r\n\r\n  background: #ffffff;\r\n\r\n  color: var(--ks-navy) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(12px, 1.1vw, 15px);\r\n\r\n  line-height: 1.2;\r\n  font-weight: 400;\r\n\r\n  white-space: normal;\r\n}\r\n\r\n\/* =========================================\r\n   BENEFIT TEXT\r\n========================================= *\/\r\n\r\n.ks-ai-build__benefit p {\r\n  margin: 11px 0 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--ks-muted) !important;\r\n\r\n  font-size: 16px !important;\r\n  line-height: 1.35 !important;\r\n  font-weight: 400 !important;\r\n}\r\n\r\n\/* =========================================\r\n   CTA\r\n========================================= *\/\r\n\r\n.ks-ai-build__cta {\r\n  width: min(100%, 278px);\r\n  min-height: 50px;\r\n\r\n  margin-top:\r\n    clamp(54px, 6vw, 68px);\r\n\r\n  padding: 0 24px;\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 14px;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: var(--ks-navy);\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.2;\r\n  font-weight: 600;\r\n\r\n  text-decoration: none !important;\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(33,50,104,.12);\r\n\r\n  transition:\r\n    transform .3s cubic-bezier(.16,1,.3,1),\r\n    box-shadow .3s ease,\r\n    background .3s ease;\r\n}\r\n\r\n.ks-ai-build__cta:hover {\r\n  background: #2f408a;\r\n\r\n  color: #ffffff !important;\r\n\r\n  transform: translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 16px 35px rgba(33,50,104,.19);\r\n}\r\n\r\n\/* =========================================\r\n   CTA ARROW\r\n========================================= *\/\r\n\r\n.ks-ai-build__cta-arrow {\r\n  display: inline-block;\r\n\r\n  width: 0;\r\n  overflow: hidden;\r\n\r\n  opacity: 0;\r\n\r\n  transform: translateX(-6px);\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    width .3s ease,\r\n    transform .3s ease;\r\n}\r\n\r\n.ks-ai-build__cta:hover\r\n.ks-ai-build__cta-arrow,\r\n.ks-ai-build__cta:focus-visible\r\n.ks-ai-build__cta-arrow {\r\n  width: 16px;\r\n  opacity: 1;\r\n\r\n  transform: translateX(0);\r\n}\r\n\r\n\/* =========================================\r\n   RIGHT FLOW\r\n========================================= *\/\r\n\r\n.ks-ai-build__flow {\r\n  width: 100%;\r\n  max-width: 520px;\r\n\r\n  min-width: 0;\r\n  justify-self: end;\r\n}\r\n\r\n\/* =========================================\r\n   CARD BASE\r\n========================================= *\/\r\n\r\n.ks-ai-build__card {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  min-height: 120px;\r\n\r\n  padding: 18px 22px;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    66px minmax(0, 1fr);\r\n\r\n  column-gap: 18px;\r\n  align-items: center;\r\n\r\n  border: 1px solid transparent;\r\n  border-radius: 24px;\r\n\r\n  overflow: hidden;\r\n\r\n  color: inherit;\r\n  text-decoration: none !important;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.16,1,.3,1),\r\n    box-shadow .35s ease,\r\n    border-color .35s ease,\r\n    background .35s ease;\r\n}\r\n\r\n\/* =========================================\r\n   CARD BACKGROUNDS\r\n========================================= *\/\r\n\r\n.ks-ai-build__card--business {\r\n  background: #f0f3fc;\r\n}\r\n\r\n.ks-ai-build__card--ai {\r\n  background: #f5f6fb;\r\n}\r\n\r\n.ks-ai-build__card--exrp {\r\n  background: #fbfbfc;\r\n}\r\n\r\n\/* =========================================\r\n   CARD HOVER\r\n========================================= *\/\r\n\r\n.ks-ai-build__card:hover {\r\n  transform: translateY(-5px);\r\n\r\n  border-color:\r\n    rgba(72,119,220,.14);\r\n\r\n  box-shadow:\r\n    0 18px 42px rgba(33,50,104,.09);\r\n}\r\n\r\n.ks-ai-build__card--business:hover {\r\n  background: #edf1fb;\r\n}\r\n\r\n.ks-ai-build__card--ai:hover {\r\n  background: #f1f3fb;\r\n}\r\n\r\n.ks-ai-build__card--exrp:hover {\r\n  background: #f8f9fd;\r\n\r\n  border-color:\r\n    rgba(170,76,225,.18);\r\n}\r\n\r\n\/* =========================================\r\n   MAIN ICON GRADIENT RING\r\n========================================= *\/\r\n\r\n.ks-ai-build__icon-ring {\r\n  width: 66px;\r\n  height: 66px;\r\n\r\n  padding: 1.5px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    conic-gradient(\r\n      var(--ai-red),\r\n      var(--ai-yellow),\r\n      var(--ai-green),\r\n      var(--ai-blue),\r\n      var(--ai-purple),\r\n      var(--ai-pink),\r\n      var(--ai-red)\r\n    );\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ks-ai-build__card:hover\r\n.ks-ai-build__icon-ring {\r\n  transform:\r\n    rotate(8deg) scale(1.04);\r\n}\r\n\r\n\/* =========================================\r\n   ICON WHITE CORE\r\n========================================= *\/\r\n\r\n.ks-ai-build__icon-core {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #ffffff;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN ICON IMAGE\r\n========================================= *\/\r\n\r\n.ks-ai-build__main-icon {\r\n  width: 30px;\r\n  height: 30px;\r\n\r\n  display: block;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  object-fit: contain;\r\n  object-position: center;\r\n}\r\n\r\n.ks-ai-build__main-icon--appbuilder {\r\n  width: 46px;\r\n  height: 46px;\r\n}\r\n\r\n.ks-ai-build__main-icon--exrp {\r\n  width: 38px;\r\n  height: 38px;\r\n}\r\n\r\n\/* =========================================\r\n   CARD CONTENT\r\n========================================= *\/\r\n\r\n.ks-ai-build__card-content {\r\n  min-width: 0;\r\n}\r\n\r\n\/* =========================================\r\n   CARD TITLE\r\n========================================= *\/\r\n\r\n.ks-ai-build__card-content h3 {\r\n  margin: 0 0 7px !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--ks-navy) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size: 18px !important;\r\n  line-height: 1.22 !important;\r\n  font-weight: 650 !important;\r\n\r\n  letter-spacing: -.015em;\r\n}\r\n\r\n\/* =========================================\r\n   CARD DESCRIPTION\r\n========================================= *\/\r\n\r\n.ks-ai-build__card-content > p {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--ks-muted) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size: 15px !important;\r\n  line-height: 1.4 !important;\r\n  font-weight: 400 !important;\r\n}\r\n\r\n\/* =========================================\r\n   TAGS CONTAINER\r\n========================================= *\/\r\n\r\n.ks-ai-build__tags {\r\n  margin-top: 14px;\r\n\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n\r\n  align-items: center;\r\n\r\n  gap: 6px;\r\n  max-width: 100%;\r\n}\r\n\r\n\/* =========================================\r\n   TAG PILLS\r\n========================================= *\/\r\n\r\n.ks-ai-build__tags span {\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 5px;\r\n\r\n  min-width: 0;\r\n  max-width: 100%;\r\n\r\n  padding: 6px 9px;\r\n  border-radius: 999px;\r\n\r\n  background: rgba(255,255,255,.94);\r\n\r\n  color: #526083 !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(8px, .65vw, 10px);\r\n\r\n  line-height: 1.2;\r\n  font-weight: 500;\r\n\r\n  white-space: nowrap;\r\n  flex: 0 0 auto;\r\n}\r\n\r\n\/* =========================================\r\n   TAG ICONS\r\n========================================= *\/\r\n\r\n.ks-ai-build__tags span img {\r\n  width: 12px;\r\n  height: 12px;\r\n\r\n  flex: 0 0 auto;\r\n\r\n  display: block;\r\n\r\n  object-fit: contain;\r\n  object-position: center;\r\n}\r\n\r\n\/* =========================================\r\n   PLUS SIGNS\r\n========================================= *\/\r\n\r\n.ks-ai-build__plus {\r\n  height: 70px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  color: rgba(33,50,104,.21);\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif;\r\n\r\n  font-size: 38px;\r\n  line-height: 1;\r\n  font-weight: 300;\r\n\r\n  user-select: none;\r\n}\r\n\r\n\/* =========================================\r\n   CARD LINK ARROW\r\n========================================= *\/\r\n\r\n.ks-ai-build__card-arrow {\r\n  position: absolute;\r\n\r\n  top: 18px;\r\n  right: 20px;\r\n\r\n  color: var(--ai-blue);\r\n\r\n  font-size: 18px;\r\n  line-height: 1;\r\n\r\n  opacity: 0;\r\n\r\n  transform: translate(-4px,4px);\r\n\r\n  transition:\r\n    opacity .3s ease,\r\n    transform .3s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ks-ai-build__card--link:hover\r\n.ks-ai-build__card-arrow,\r\n.ks-ai-build__card--link:focus-visible\r\n.ks-ai-build__card-arrow {\r\n  opacity: 1;\r\n  transform: translate(0,0);\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .ks-ai-build__inner {\r\n    column-gap: 32px;\r\n  }\r\n\r\n  .ks-ai-build__benefits {\r\n    column-gap: 20px;\r\n  }\r\n\r\n  .ks-ai-build__card {\r\n    padding: 18px;\r\n    column-gap: 14px;\r\n  }\r\n\r\n  .ks-ai-build__tags span {\r\n    font-size: 9px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   STACKED TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 880px) {\r\n\r\n  .ks-ai-build {\r\n    padding: 60px 22px;\r\n  }\r\n\r\n  .ks-ai-build__inner {\r\n    grid-template-columns:\r\n      minmax(0, 1fr);\r\n\r\n    row-gap: 58px;\r\n  }\r\n\r\n  .ks-ai-build__left {\r\n    max-width: 620px;\r\n  }\r\n\r\n  .ks-ai-build__flow {\r\n    width: min(100%, 620px);\r\n    max-width: 620px;\r\n\r\n    justify-self: start;\r\n  }\r\n\r\n  .ks-ai-build__benefit-pill span {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .ks-ai-build__tags span {\r\n    font-size: 10px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ks-ai-build {\r\n    padding: 48px 20px;\r\n  }\r\n\r\n  .ks-ai-build .ks-ai-build__eyebrow {\r\n    font-size: 16px !important;\r\n    font-weight: 600 !important;\r\n  }\r\n\r\n  .ks-ai-build__title {\r\n    font-size: 30px !important;\r\n    line-height: 1.12 !important;\r\n  }\r\n\r\n  .ks-ai-build__intro {\r\n    font-size: 16px !important;\r\n    line-height: 1.65 !important;\r\n  }\r\n\r\n  .ks-ai-build__benefits {\r\n    margin-top: 38px;\r\n\r\n    grid-template-columns: 1fr;\r\n    row-gap: 24px;\r\n  }\r\n\r\n  .ks-ai-build__benefit-pill span {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .ks-ai-build__benefit p {\r\n    font-size: 15px !important;\r\n  }\r\n\r\n  .ks-ai-build__cta {\r\n    margin-top: 42px;\r\n  }\r\n\r\n  .ks-ai-build__flow {\r\n    width: 100%;\r\n  }\r\n\r\n  .ks-ai-build__card {\r\n    min-height: 132px;\r\n\r\n    grid-template-columns:\r\n      56px minmax(0,1fr);\r\n\r\n    column-gap: 14px;\r\n\r\n    padding: 18px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .ks-ai-build__icon-ring {\r\n    width: 56px;\r\n    height: 56px;\r\n  }\r\n\r\n  .ks-ai-build__main-icon {\r\n    width: 26px;\r\n    height: 26px;\r\n  }\r\n\r\n  .ks-ai-build__main-icon--appbuilder {\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n\r\n  .ks-ai-build__main-icon--exrp {\r\n    width: 32px;\r\n    height: 32px;\r\n  }\r\n\r\n  .ks-ai-build__card-content h3 {\r\n    font-size: 17px !important;\r\n  }\r\n\r\n  .ks-ai-build__card-content > p {\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .ks-ai-build__tags {\r\n    margin-top: 11px;\r\n    gap: 5px;\r\n  }\r\n\r\n  .ks-ai-build__tags span {\r\n    font-size: 9px;\r\n    padding: 5px 8px;\r\n  }\r\n\r\n  .ks-ai-build__plus {\r\n    height: 46px;\r\n    font-size: 30px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n  .ks-ai-build {\r\n    padding-left: 16px;\r\n    padding-right: 16px;\r\n  }\r\n\r\n  .ks-ai-build__card {\r\n    grid-template-columns:\r\n      48px minmax(0,1fr);\r\n\r\n    column-gap: 12px;\r\n\r\n    padding: 15px 12px;\r\n  }\r\n\r\n  .ks-ai-build__icon-ring {\r\n    width: 48px;\r\n    height: 48px;\r\n  }\r\n\r\n  .ks-ai-build__main-icon {\r\n    width: 23px;\r\n    height: 23px;\r\n  }\r\n\r\n  .ks-ai-build__main-icon--appbuilder {\r\n    width: 35px;\r\n    height: 35px;\r\n  }\r\n\r\n  .ks-ai-build__main-icon--exrp {\r\n    width: 29px;\r\n    height: 29px;\r\n  }\r\n\r\n  .ks-ai-build__card-content h3 {\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  .ks-ai-build__card-content > p {\r\n    font-size: 13px !important;\r\n  }\r\n\r\n  .ks-ai-build__tags {\r\n    gap: 4px;\r\n  }\r\n\r\n  .ks-ai-build__tags span {\r\n    font-size: 8px;\r\n    padding: 5px 7px;\r\n  }\r\n\r\n  .ks-ai-build__tags span img {\r\n    width: 10px;\r\n    height: 10px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   EXTRA SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 360px) {\r\n\r\n  .ks-ai-build__card {\r\n    grid-template-columns:\r\n      42px minmax(0,1fr);\r\n\r\n    column-gap: 10px;\r\n    padding: 14px 10px;\r\n  }\r\n\r\n  .ks-ai-build__icon-ring {\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n\r\n  .ks-ai-build__tags span {\r\n    font-size: 7.5px;\r\n    padding: 4px 6px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   TOUCH DEVICES\r\n========================================= *\/\r\n\r\n@media (hover: none) {\r\n\r\n  .ks-ai-build__card:hover,\r\n  .ks-ai-build__benefit:hover,\r\n  .ks-ai-build__cta:hover {\r\n    transform: none;\r\n  }\r\n\r\n  .ks-ai-build__card:hover\r\n  .ks-ai-build__icon-ring {\r\n    transform: none;\r\n  }\r\n\r\n  .ks-ai-build__card-arrow {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   KEYBOARD ACCESSIBILITY\r\n========================================= *\/\r\n\r\n.ks-ai-build__cta:focus-visible,\r\n.ks-ai-build__card--link:focus-visible {\r\n  outline: 2px solid var(--ai-blue);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ks-ai-build__card,\r\n  .ks-ai-build__icon-ring,\r\n  .ks-ai-build__benefit,\r\n  .ks-ai-build__cta,\r\n  .ks-ai-build__cta-arrow,\r\n  .ks-ai-build__card-arrow {\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92cadc6 e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"92cadc6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-8e4a09f e-con-full animated-slow e-flex elementor-invisible e-con e-child\" data-id=\"8e4a09f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9eb9f54 elementor-widget elementor-widget-spacer\" data-id=\"9eb9f54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d0c0ae9 elementor-widget elementor-widget-heading\" data-id=\"d0c0ae9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Three levels of intervention<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5600c81 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"5600c81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Three ways to augment your processes in ExRP\u00ae<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d260f42 e-con-full e-flex e-con e-child\" data-id=\"d260f42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de90119 elementor-widget elementor-widget-html\" data-id=\"de90119\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"ks-ai-value\" aria-label=\"kShuttle AI capabilities and estimated build effort savings\">\r\n  <div class=\"ks-ai-value__layout\">\r\n\r\n    <!-- VISUAL -->\r\n    <div class=\"ks-ai-value__visual\">\r\n      <img\r\n        class=\"ks-ai-value__visual-img\"\r\n        src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/POST-2-IA-13.png\"\r\n        alt=\"kShuttle AI on the ExRP platform\"\r\n        loading=\"lazy\"\r\n        decoding=\"async\"\r\n      >\r\n      <a class=\"ks-ai-value__demo\" href=\"https:\/\/kshuttle.io\/en\/request-demo\/\">\r\n        Request a demo\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- BUILD \/ RUN \/ AUGMENT -->\r\n    <div class=\"ks-ai-value__features\">\r\n\r\n      <div class=\"ks-ai-value__feature\">\r\n        <span class=\"ks-ai-value__number\" aria-hidden=\"true\">1<\/span>\r\n        <h3 class=\"ks-ai-value__feature-title\">Build<\/h3>\r\n        <p class=\"ks-ai-value__feature-copy\">\r\n         Structure specifications, feed the App Builder, generate components and prepare tests to speed up the design of new business or ad hoc use cases.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ks-ai-value__feature\">\r\n        <span class=\"ks-ai-value__number\" aria-hidden=\"true\">2<\/span>\r\n        <h3 class=\"ks-ai-value__feature-title\">Run<\/h3>\r\n        <p class=\"ks-ai-value__feature-copy\">\r\n          Support helpdesk, administration and the evolution of applications: adapting interfaces, adjusting business rules and workflows, managing data and campaigns, analysing audit logs.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ks-ai-value__feature\">\r\n        <span class=\"ks-ai-value__number\" aria-hidden=\"true\">3<\/span>\r\n        <h3 class=\"ks-ai-value__feature-title\">Augment<\/h3>\r\n        <p class=\"ks-ai-value__feature-copy\">\r\n          Make information easier to access, match data and produce narrative summaries with specialised agents.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- EXPLANATORY NOTE -->\r\n    <p class=\"ks-ai-value__summary\">\r\n      *Estimated reduction in build effort, depending on the\r\n      complexity of the use case.\r\n    <\/p>\r\n\r\n    <!-- ESTIMATED BUILD EFFORT REDUCTIONS -->\r\n    <div class=\"ks-ai-value__stats\" aria-label=\"Estimated build effort reductions\">\r\n\r\n      <!-- STAT 1 -->\r\n      <div class=\"ks-ai-value__stat ks-ai-value__stat--blue\">\r\n        <strong class=\"ks-ai-value__stat-number\">-30*&nbsp;%<\/strong>\r\n        <span class=\"ks-ai-value__stat-copy\">\r\n          <strong>Complex environments<\/strong>\r\n          <span>\r\n            Advanced business rules, tailored workflows\r\n            and extensive customisation\r\n          <\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- STAT 2 -->\r\n      <div class=\"ks-ai-value__stat ks-ai-value__stat--purple\">\r\n        <strong class=\"ks-ai-value__stat-number\">-45*&nbsp;%<\/strong>\r\n        <span class=\"ks-ai-value__stat-copy\">\r\n          <strong>Structured processes<\/strong>\r\n          <span>\r\n            Budget planning, defined business logic\r\n            and moderate configuration\r\n          <\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n      <!-- STAT 3 -->\r\n      <div class=\"ks-ai-value__stat ks-ai-value__stat--coral\">\r\n        <strong class=\"ks-ai-value__stat-number\">-60*&nbsp;%<\/strong>\r\n        <span class=\"ks-ai-value__stat-copy\">\r\n          <strong>Standardised use cases<\/strong>\r\n          <span>\r\n            Recurring reporting, simple models\r\n            and limited customisation\r\n          <\/span>\r\n        <\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   RESET\r\n========================================= *\/\r\n\r\n.ks-ai-value,\r\n.ks-ai-value *,\r\n.ks-ai-value *::before,\r\n.ks-ai-value *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================\r\n   BASE\r\n========================================= *\/\r\n\r\n.ks-ai-value {\r\n  --ks-navy: #213268;\r\n  --ks-blue: #4168f4;\r\n  --ks-text: #242a3a;\r\n  --ks-line: rgba(33,50,104,.10);\r\n\r\n  width: 100%;\r\n  max-width: 1180px;\r\n  margin: 0 auto;\r\n  padding: clamp(50px, 7vw, 100px) 24px;\r\n\r\n  color: var(--ks-text);\r\n  font-family: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN GRID\r\n========================================= *\/\r\n\r\n.ks-ai-value__layout {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0, .78fr)\r\n    minmax(0, 1.65fr);\r\n\r\n  grid-template-areas:\r\n    \"visual features\"\r\n    \"summary stats\";\r\n\r\n  column-gap: clamp(34px, 5vw, 78px);\r\n  row-gap: 28px;\r\n\r\n  align-items: start;\r\n  min-width: 0;\r\n}\r\n\r\n\/* =========================================\r\n   VISUAL\r\n========================================= *\/\r\n\r\n.ks-ai-value__visual {\r\n  grid-area: visual;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  height: 430px;\r\n\r\n  overflow: hidden;\r\n  border-radius: 28px;\r\n\r\n  background: var(--ks-navy);\r\n\r\n  box-shadow:\r\n    0 20px 55px rgba(33,50,104,.08);\r\n}\r\n\r\n.ks-ai-value__visual-img {\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  display: block;\r\n\r\n  object-fit: cover;\r\n  object-position: center;\r\n}\r\n\r\n\/* =========================================\r\n   DEMO BUTTON\r\n========================================= *\/\r\n\r\n.ks-ai-value__demo {\r\n  position: absolute;\r\n  z-index: 2;\r\n\r\n  left: 24px;\r\n  bottom: 22px;\r\n\r\n  min-width: 190px;\r\n  min-height: 44px;\r\n\r\n  padding: 11px 22px;\r\n\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 999px;\r\n\r\n  background: rgba(255,255,255,.96);\r\n  color: var(--ks-navy) !important;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.2;\r\n  font-weight: 600;\r\n\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n\r\n  box-shadow:\r\n    0 8px 24px rgba(0,0,0,.08);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    background .25s ease,\r\n    box-shadow .25s ease;\r\n}\r\n\r\n.ks-ai-value__demo:hover,\r\n.ks-ai-value__demo:focus-visible {\r\n  transform: translateY(-2px);\r\n\r\n  background: #ffffff;\r\n  color: var(--ks-navy) !important;\r\n\r\n  box-shadow:\r\n    0 12px 30px rgba(0,0,0,.12);\r\n}\r\n\r\n\/* =========================================\r\n   BUILD \/ RUN \/ AUGMENT\r\n========================================= *\/\r\n\r\n.ks-ai-value__features {\r\n  grid-area: features;\r\n\r\n  min-width: 0;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n\/* =========================================\r\n   FEATURE\r\n========================================= *\/\r\n\r\n.ks-ai-value__feature {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    44px\r\n    105px\r\n    minmax(0,1fr);\r\n\r\n  align-items: center;\r\n  column-gap: 20px;\r\n\r\n  min-width: 0;\r\n  min-height: 112px;\r\n\r\n  padding: 19px 12px;\r\n\r\n  border-bottom:\r\n    1px solid var(--ks-line);\r\n\r\n  transition:\r\n    background .28s ease,\r\n    transform .28s ease,\r\n    border-color .28s ease;\r\n}\r\n\r\n.ks-ai-value__feature:first-child {\r\n  border-top:\r\n    1px solid var(--ks-line);\r\n}\r\n\r\n\/* =========================================\r\n   FEATURE LEFT INDICATOR\r\n========================================= *\/\r\n\r\n.ks-ai-value__feature::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 0;\r\n  top: 22%;\r\n\r\n  width: 2px;\r\n  height: 56%;\r\n\r\n  border-radius: 99px;\r\n\r\n  background: var(--ks-blue);\r\n\r\n  opacity: 0;\r\n  transform: scaleY(.4);\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n\/* =========================================\r\n   FEATURE HOVER\r\n========================================= *\/\r\n\r\n.ks-ai-value__feature:hover {\r\n  background: rgba(65,104,244,.035);\r\n\r\n  border-color: rgba(65,104,244,.15);\r\n\r\n  transform: translateX(4px);\r\n}\r\n\r\n.ks-ai-value__feature:hover::before {\r\n  opacity: 1;\r\n  transform: scaleY(1);\r\n}\r\n\r\n\/* =========================================\r\n   NUMBER\r\n========================================= *\/\r\n\r\n.ks-ai-value__number {\r\n  width: 42px;\r\n  height: 42px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border:\r\n    1px solid rgba(33,50,104,.25);\r\n\r\n  border-radius: 50%;\r\n\r\n  color: var(--ks-text);\r\n\r\n  font-size: 16px;\r\n  line-height: 1;\r\n\r\n  transition:\r\n    background .25s ease,\r\n    color .25s ease,\r\n    border-color .25s ease;\r\n}\r\n\r\n.ks-ai-value__feature:hover\r\n.ks-ai-value__number {\r\n  color: #ffffff;\r\n\r\n  background: var(--ks-blue);\r\n  border-color: var(--ks-blue);\r\n}\r\n\r\n\/* =========================================\r\n   FEATURE TITLE\r\n========================================= *\/\r\n\r\n.ks-ai-value__feature-title {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--ks-blue) !important;\r\n\r\n  font-family: inherit !important;\r\n  font-size: 19px !important;\r\n  line-height: 1.2 !important;\r\n  font-weight: 500 !important;\r\n\r\n  letter-spacing: -.025em;\r\n}\r\n\r\n\/* =========================================\r\n   FEATURE DESCRIPTION\r\n========================================= *\/\r\n\r\n.ks-ai-value__feature-copy {\r\n  min-width: 0;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--ks-text) !important;\r\n\r\n  font-family: inherit !important;\r\n  font-size: 15px !important;\r\n  line-height: 1.5 !important;\r\n  font-weight: 400 !important;\r\n\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n\/* =========================================\r\n   EXPLANATORY NOTE\r\n========================================= *\/\r\n\r\n.ks-ai-value__summary {\r\n  grid-area: summary;\r\n\r\n  max-width: 340px;\r\n\r\n  margin: 0 !important;\r\n  padding: 0 0 6px 24px;\r\n\r\n  align-self: end;\r\n\r\n  color: rgba(36,42,58,.65) !important;\r\n\r\n  font-size: 14px !important;\r\n  line-height: 1.45 !important;\r\n  font-style: italic;\r\n}\r\n\r\n\/* =========================================\r\n   STATISTICS GRID\r\n========================================= *\/\r\n\r\n.ks-ai-value__stats {\r\n  grid-area: stats;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  align-items: stretch;\r\n\r\n  gap: 14px;\r\n  min-width: 0;\r\n}\r\n\r\n\/* =========================================\r\n   STAT CARD BASE\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat {\r\n  --stat-from: #3156ee;\r\n  --stat-to: #4877dc;\r\n\r\n  --stat-hover-from: #294bd8;\r\n  --stat-hover-to: #4169d5;\r\n\r\n  --stat-shadow: 72,119,220;\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n\r\n  min-width: 0;\r\n  min-height: 232px;\r\n\r\n  padding: 24px 18px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 26px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--stat-from),\r\n      var(--stat-to)\r\n    );\r\n\r\n  color: #ffffff !important;\r\n\r\n  box-shadow:\r\n    0 16px 40px\r\n    rgba(var(--stat-shadow),.14);\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.16,1,.3,1),\r\n    box-shadow .35s ease,\r\n    background .35s ease;\r\n}\r\n\r\n\/* =========================================\r\n   ALL STATS TEXT WHITE\r\n   NUMBERS + TITLES + DESCRIPTIONS\r\n========================================= *\/\r\n\r\n.ks-ai-value .ks-ai-value__stat,\r\n.ks-ai-value .ks-ai-value__stat *,\r\n.ks-ai-value .ks-ai-value__stat:hover,\r\n.ks-ai-value .ks-ai-value__stat:hover * {\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* =========================================\r\n   BLUE CARD\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat--blue {\r\n  --stat-from: #3156ee;\r\n  --stat-to: #4877dc;\r\n\r\n  --stat-hover-from: #294bd8;\r\n  --stat-hover-to: #4169d5;\r\n\r\n  --stat-shadow: 72,119,220;\r\n}\r\n\r\n\/* =========================================\r\n   PINK CARD\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat--purple {\r\n  --stat-from: #b54e64;\r\n  --stat-to: #eab8c3;\r\n\r\n  --stat-hover-from: #a9425e;\r\n  --stat-hover-to: #e4a6b4;\r\n\r\n  --stat-shadow: 170,76,125;\r\n}\r\n\r\n\/* =========================================\r\n   LAVENDER CARD\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat--coral {\r\n  --stat-from: #afb8e7;\r\n  --stat-to: #b1b9de;\r\n\r\n  --stat-hover-from: #9eace0;\r\n  --stat-hover-to: #a5b0df;\r\n\r\n  --stat-shadow: 128,143,208;\r\n}\r\n\r\n\/* =========================================\r\n   DECORATIVE HALO\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 34px;\r\n  right: -48px;\r\n\r\n  width: 100px;\r\n  height: 100px;\r\n\r\n  border-radius: 32px;\r\n\r\n  background:\r\n    rgba(255,255,255,.22);\r\n\r\n  box-shadow:\r\n    0 110px 0 rgba(255,255,255,.12);\r\n\r\n  pointer-events: none;\r\n\r\n  transition:\r\n    transform .45s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n\/* =========================================\r\n   STAT CARD HOVER\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat:hover {\r\n  transform: translateY(-5px);\r\n\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      var(--stat-hover-from),\r\n      var(--stat-hover-to)\r\n    );\r\n\r\n  box-shadow:\r\n    0 24px 55px\r\n    rgba(var(--stat-shadow),.22);\r\n}\r\n\r\n.ks-ai-value__stat:hover::after {\r\n  transform: translateX(-9px);\r\n}\r\n\r\n\/* =========================================\r\n   STAT NUMBER \u2014 WHITE\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat-number {\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  display: block;\r\n\r\n  margin: 0 0 16px;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size:\r\n    clamp(40px,4vw,56px) !important;\r\n\r\n  line-height: 1 !important;\r\n  font-weight: 500 !important;\r\n\r\n  letter-spacing: -.055em;\r\n  white-space: nowrap;\r\n}\r\n\r\n\/* =========================================\r\n   STAT DESCRIPTION \u2014 WHITE\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat-copy {\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  display: block;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: 12px !important;\r\n  line-height: 1.45 !important;\r\n}\r\n\r\n\/* =========================================\r\n   STAT TITLE \u2014 WHITE\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat-copy strong {\r\n  display: block;\r\n\r\n  margin-bottom: 5px;\r\n\r\n  color: #ffffff !important;\r\n\r\n  font-size: 13px !important;\r\n  line-height: 1.3 !important;\r\n  font-weight: 650 !important;\r\n}\r\n\r\n\/* =========================================\r\n   STAT BODY TEXT \u2014 WHITE\r\n========================================= *\/\r\n\r\n.ks-ai-value__stat-copy span {\r\n  display: block;\r\n  color: #ffffff !important;\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1080px) {\r\n\r\n  .ks-ai-value__layout {\r\n    grid-template-columns:\r\n      minmax(0,1fr);\r\n\r\n    grid-template-areas:\r\n      \"visual\"\r\n      \"features\"\r\n      \"stats\"\r\n      \"summary\";\r\n\r\n    gap: 28px;\r\n  }\r\n\r\n  .ks-ai-value__visual {\r\n    width: min(100%,540px);\r\n    height: 390px;\r\n  }\r\n\r\n  .ks-ai-value__feature {\r\n    grid-template-columns:\r\n      44px\r\n      110px\r\n      minmax(0,1fr);\r\n  }\r\n\r\n  .ks-ai-value__stats {\r\n    gap: 16px;\r\n  }\r\n\r\n  .ks-ai-value__summary {\r\n    max-width: 620px;\r\n    padding: 0;\r\n    align-self: auto;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ks-ai-value {\r\n    padding: 54px 16px;\r\n  }\r\n\r\n  .ks-ai-value__visual {\r\n    width: min(100%,440px);\r\n    height: 330px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .ks-ai-value__feature {\r\n    grid-template-columns:\r\n      38px\r\n      82px\r\n      minmax(0,1fr);\r\n\r\n    column-gap: 12px;\r\n\r\n    min-height: 90px;\r\n    padding: 16px 4px;\r\n  }\r\n\r\n  .ks-ai-value__number {\r\n    width: 34px;\r\n    height: 34px;\r\n\r\n    font-size: 14px;\r\n  }\r\n\r\n  .ks-ai-value__feature-title {\r\n    font-size: 16px !important;\r\n  }\r\n\r\n  .ks-ai-value__feature-copy {\r\n    font-size: 13px !important;\r\n  }\r\n\r\n  .ks-ai-value__stats {\r\n    grid-template-columns: 1fr;\r\n    gap: 16px;\r\n  }\r\n\r\n  .ks-ai-value__stat {\r\n    min-height: 170px;\r\n    padding: 24px;\r\n  }\r\n\r\n  .ks-ai-value__stat-number {\r\n    font-size:\r\n      clamp(44px,14vw,60px) !important;\r\n  }\r\n\r\n  .ks-ai-value__stat-copy {\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  .ks-ai-value__stat-copy strong {\r\n    font-size: 15px !important;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n  .ks-ai-value__feature {\r\n    grid-template-columns:\r\n      36px\r\n      minmax(0,1fr);\r\n\r\n    column-gap: 12px;\r\n    row-gap: 7px;\r\n  }\r\n\r\n  .ks-ai-value__feature-copy {\r\n    grid-column: 2;\r\n  }\r\n\r\n  .ks-ai-value__visual {\r\n    height: 290px;\r\n  }\r\n\r\n  .ks-ai-value__demo {\r\n    left: 16px;\r\n    bottom: 16px;\r\n\r\n    min-width: 0;\r\n    min-height: 40px;\r\n\r\n    padding: 9px 16px;\r\n\r\n    font-size: 13px;\r\n  }\r\n\r\n  .ks-ai-value__stat {\r\n    min-height: 165px;\r\n    border-radius: 22px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   TOUCH DEVICES\r\n========================================= *\/\r\n\r\n@media (hover: none) {\r\n\r\n  .ks-ai-value__feature:hover,\r\n  .ks-ai-value__stat:hover,\r\n  .ks-ai-value__demo:hover {\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ks-ai-value__feature,\r\n  .ks-ai-value__feature::before,\r\n  .ks-ai-value__number,\r\n  .ks-ai-value__stat,\r\n  .ks-ai-value__stat::after,\r\n  .ks-ai-value__demo {\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\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<div class=\"elementor-element elementor-element-c935c6f e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"c935c6f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f63348c elementor-widget elementor-widget-html\" data-id=\"f63348c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"ks-ai-agents\">\r\n\r\n  <div class=\"ks-ai-agents__inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         INTRO\r\n    ====================================================== -->\r\n\r\n    <div class=\"ks-ai-agents__intro\">\r\n        \r\n        <div class=\"ks-ai-agents__eyebrow\">\r\n  Targeted use cases\r\n<\/div>\r\n\r\n      <h2 class=\"ks-ai-agents__title\">\r\n        Specialized agents for<br>\r\n        practical use cases within your applications\r\n      <\/h2>\r\n\r\n      <p class=\"ks-ai-agents__description\">\r\n        Within <strong>ExRP\u00ae<\/strong>, kShuttle AI works close to day-to-day business use. Its specialised agents make it easier to access information, run analyses and carry out certain processing tasks in your applications. Depending on the functions authorised, the AI can also help users work with their data and configure their applications.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         AGENT GRID\r\n    ====================================================== -->\r\n\r\n    <div class=\"ks-ai-agents__grid\">\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 1\r\n      ====================================================== -->\r\n\r\n      <article class=\"ks-ai-agents__card ks-ai-agents__card--top\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"ks-ai-agents__icon\"\r\n          src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Group-158.svg\"\r\n          alt=\"\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n        <h3>\r\n          Conversational AI\r\n        <\/h3>\r\n\r\n        <p>\r\n          Guided assistance in a defined context\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 2\r\n      ====================================================== -->\r\n\r\n      <article class=\"ks-ai-agents__card ks-ai-agents__card--top\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"ks-ai-agents__icon\"\r\n          src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/layers.svg\"\r\n          alt=\"\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n        <h3>\r\n          Knowledge base\r\n        <\/h3>\r\n\r\n        <p>\r\n          Query structured documentation\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 3\r\n      ====================================================== -->\r\n\r\n      <article class=\"ks-ai-agents__card ks-ai-agents__card--top\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"ks-ai-agents__icon\"\r\n          src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/move.svg\"\r\n          alt=\"\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n        <h3>\r\n          Semantic matching\r\n        <\/h3>\r\n\r\n        <p>\r\n          Reconcile items or reference data\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 4\r\n      ====================================================== -->\r\n\r\n      <article class=\"ks-ai-agents__card ks-ai-agents__card--bottom\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"ks-ai-agents__icon\"\r\n          src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/book-open.svg\"\r\n          alt=\"\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n        <div class=\"ks-ai-agents__card-text\">\r\n\r\n          <h3>\r\n            Narrative summaries\r\n          <\/h3>\r\n\r\n          <p>\r\n            Turn source content into a clear write-up\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CARD 5\r\n      ====================================================== -->\r\n\r\n      <article class=\"ks-ai-agents__card ks-ai-agents__card--bottom\">\r\n\r\n        <img decoding=\"async\"\r\n          class=\"ks-ai-agents__icon\"\r\n          src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Group-196-1.svg\"\r\n          alt=\"\"\r\n          aria-hidden=\"true\"\r\n        >\r\n\r\n        <div class=\"ks-ai-agents__card-text\">\r\n\r\n          <h3>\r\n            Intelligent middleware\r\n          <\/h3>\r\n\r\n          <p>\r\n            Streamline certain exchanges and processing\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    <\/div>\r\n\r\n    <!-- =====================================================\r\n         CROSS-APPLICATION CAPABILITIES \u2014 RAI \/ MAI\r\n         The PNG icons are configured through the two src attributes.\r\n    ====================================================== -->\r\n\r\n    <div class=\"ks-ai-agents__transversal\">\r\n      <div class=\"ks-ai-agents__transversal-intro\">\r\n        <p class=\"ks-ai-agents__transversal-eyebrow\">Cross-application capabilities<\/p>\r\n        <h3 class=\"ks-ai-agents__transversal-title\">\r\n          Information accessible across your applications\r\n        <\/h3>\r\n        <p class=\"ks-ai-agents__transversal-description\">\r\n          A single question may draw on several applications and data sources. kShuttle\u2019s <strong>RAI and MAI<\/strong> structure how information is identified and how the relevant applications are queried.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ks-ai-agents__transversal-grid\">\r\n        <div class=\"ks-ai-agents__transversal-item\">\r\n          <div class=\"ks-ai-agents__transversal-picto\">\r\n            <!-- Replace only the URL below with your RAI PNG URL -->\r\n            <img decoding=\"async\" src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/RAI.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"ks-ai-agents__transversal-content\">\r\n            <h4>RAI<\/h4>\r\n            <p class=\"ks-ai-agents__transversal-subtitle\">Intelligent Application Repository<\/p>\r\n            <p class=\"ks-ai-agents__transversal-detail\">\r\n              Identify where data and available resources are located\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ks-ai-agents__transversal-item\">\r\n          <div class=\"ks-ai-agents__transversal-picto\">\r\n            <!-- Replace only the URL below with your MAI PNG URL -->\r\n            <img decoding=\"async\" src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/MAI.png\" alt=\"\" aria-hidden=\"true\" loading=\"lazy\">\r\n          <\/div>\r\n          <div class=\"ks-ai-agents__transversal-content\">\r\n            <h4>MAI<\/h4>\r\n            <p class=\"ks-ai-agents__transversal-subtitle\">Intelligent Application Middleware<\/p>\r\n            <p class=\"ks-ai-agents__transversal-detail\">\r\n              Query the relevant applications and coordinate targeted operations\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.ks-ai-agents,\r\n.ks-ai-agents *,\r\n.ks-ai-agents *::before,\r\n.ks-ai-agents *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.ks-ai-agents {\r\n\r\n  --ks-navy: #213268;\r\n  --ks-text: #30333e;\r\n  --ks-muted: #777980;\r\n\r\n  width: 100%;\r\n\r\n  padding:\r\n    clamp(64px, 7vw, 100px)\r\n    24px;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif;\r\n\r\n\r\n  \/* =========================================\r\n     BACKGROUND IMAGE\r\n     Replace only the URL below\r\n  ========================================= *\/\r\n\r\n  background:\r\n    linear-gradient(\r\n      120deg,\r\n      rgba(246,248,253,.92) 0%,\r\n      rgba(238,243,252,.88) 52%,\r\n      rgba(248,249,252,.94) 100%\r\n    ),\r\n    url(\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Website-Container-16.png\");\r\n\r\n\r\n  background-size:\r\n    cover;\r\n\r\n  background-position:\r\n    center center;\r\n\r\n  background-repeat:\r\n    no-repeat;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n\r\n   IMPORTANT :\r\n   max-width keeps the container stable when zooming out.\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__inner {\r\n\r\n  width:\r\n    min(100%, 1120px);\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__intro {\r\n\r\n  width:\r\n    min(100%, 660px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__title {\r\n\r\n  margin:\r\n    0 0 14px !important;\r\n\r\n  padding:\r\n    0 !important;\r\n\r\n  color:\r\n    var(--ks-navy) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size:\r\n    clamp(32px, 3.3vw, 30px) !important;\r\n\r\n  line-height:\r\n    1.08 !important;\r\n\r\n  font-weight:\r\n    600 !important;\r\n\r\n  letter-spacing:\r\n    -.035em;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__description {\r\n\r\n  width:\r\n    min(100%, 620px);\r\n\r\n  margin:\r\n    0 !important;\r\n\r\n  padding:\r\n    0 !important;\r\n\r\n  color:\r\n    var(--ks-text) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size:\r\n    16px !important;\r\n\r\n  line-height:\r\n    1.6 !important;\r\n\r\n  font-weight:\r\n    400 !important;\r\n\r\n  letter-spacing:\r\n    -.005em;\r\n\r\n}\r\n\r\n\r\n.ks-ai-agents__description sup {\r\n\r\n  position:\r\n    relative;\r\n\r\n  top:\r\n    -.3em;\r\n\r\n  font-size:\r\n    .55em;\r\n\r\n  line-height:\r\n    0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   GRID\r\n\r\n   6 invisible columns:\r\n   - top cards = 2 columns each\r\n   - bottom cards = 3 columns each\r\n\r\n   This keeps the cards neatly aligned.\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__grid {\r\n\r\n  width:\r\n    100%;\r\n\r\n  margin-top:\r\n    clamp(34px, 4vw, 46px);\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    repeat(6, minmax(0, 1fr));\r\n\r\n  gap:\r\n    18px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOP CARDS\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__card--top {\r\n\r\n  grid-column:\r\n    span 2;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CARDS\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__card--bottom {\r\n\r\n  grid-column:\r\n    span 3;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD BASE\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__card {\r\n\r\n  position:\r\n    relative;\r\n\r\n  min-width:\r\n    0;\r\n\r\n  min-height:\r\n    145px;\r\n\r\n  padding:\r\n    26px 24px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(33,50,104,.035);\r\n\r\n  border-radius:\r\n    24px;\r\n\r\n  background:\r\n    rgba(255,255,255,.94);\r\n\r\n  box-shadow:\r\n    0 10px 28px\r\n    rgba(33,50,104,.025);\r\n\r\n  transition:\r\n    transform .35s\r\n    cubic-bezier(.16,1,.3,1),\r\n    box-shadow .35s ease,\r\n    border-color .35s ease,\r\n    background .35s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD HOVER\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__card:hover {\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  background:\r\n    #ffffff;\r\n\r\n  border-color:\r\n    rgba(72,119,220,.12);\r\n\r\n  box-shadow:\r\n    0 18px 42px\r\n    rgba(33,50,104,.08);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__icon {\r\n\r\n  width:\r\n    34px;\r\n\r\n  height:\r\n    34px;\r\n\r\n  display:\r\n    block;\r\n\r\n  object-fit:\r\n    contain;\r\n\r\n  object-position:\r\n    center;\r\n\r\n  margin-bottom:\r\n    13px;\r\n\r\n  transition:\r\n    transform .35s\r\n    cubic-bezier(.16,1,.3,1);\r\n\r\n}\r\n\r\n\r\n.ks-ai-agents__card:hover\r\n.ks-ai-agents__icon {\r\n\r\n  transform:\r\n    translateY(-2px)\r\n    scale(1.05);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD TITLE\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__card h3 {\r\n\r\n  margin:\r\n    0 0 7px !important;\r\n\r\n  padding:\r\n    0 !important;\r\n\r\n  color:\r\n    var(--ks-navy) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size:\r\n    16px !important;\r\n\r\n  line-height:\r\n    1.2 !important;\r\n\r\n  font-weight:\r\n    650 !important;\r\n\r\n  letter-spacing:\r\n    -.015em;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CARD COPY\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__card p {\r\n\r\n  max-width:\r\n    240px;\r\n\r\n  margin:\r\n    0 !important;\r\n\r\n  padding:\r\n    0 !important;\r\n\r\n  color:\r\n    var(--ks-muted) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size:\r\n    14px !important;\r\n\r\n  line-height:\r\n    1.35 !important;\r\n\r\n  font-weight:\r\n    400 !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM CARDS\r\n   Horizontal layout, matching the original design\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__card--bottom {\r\n\r\n  min-height:\r\n    110px;\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    40px\r\n    minmax(0, 1fr);\r\n\r\n  column-gap:\r\n    18px;\r\n\r\n  align-items:\r\n    center;\r\n\r\n}\r\n\r\n\r\n.ks-ai-agents__card--bottom\r\n.ks-ai-agents__icon {\r\n\r\n  margin:\r\n    0;\r\n\r\n}\r\n\r\n\r\n.ks-ai-agents__card--bottom\r\n.ks-ai-agents__card-text {\r\n\r\n  min-width:\r\n    0;\r\n\r\n}\r\n\r\n\r\n.ks-ai-agents__card--bottom p {\r\n\r\n  max-width:\r\n    280px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LARGE SCREENS \/ ZOOM OUT\r\n\r\n   Never allow the content to stretch\r\n   beyond 1120px.\r\n========================================================= *\/\r\n\r\n@media (min-width: 1400px) {\r\n\r\n  .ks-ai-agents__inner {\r\n\r\n    width:\r\n      min(100%, 1120px);\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .ks-ai-agents {\r\n\r\n    padding:\r\n      60px 22px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__grid {\r\n\r\n    grid-template-columns:\r\n      repeat(2, minmax(0,1fr));\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__card--top,\r\n  .ks-ai-agents__card--bottom {\r\n\r\n    grid-column:\r\n      span 1;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    The fifth card stands alone:\r\n    use full width to avoid\r\n    a narrow orphan card.\r\n  *\/\r\n\r\n  .ks-ai-agents__card:last-child {\r\n\r\n    grid-column:\r\n      1 \/ -1;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ks-ai-agents {\r\n\r\n    padding:\r\n      48px 20px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__title {\r\n\r\n    font-size:\r\n      30px !important;\r\n\r\n    line-height:\r\n      1.1 !important;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__title br {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__description {\r\n\r\n    font-size:\r\n      15px !important;\r\n\r\n    line-height:\r\n      1.55 !important;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__grid {\r\n\r\n    margin-top:\r\n      32px;\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap:\r\n      14px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__card,\r\n  .ks-ai-agents__card:last-child {\r\n\r\n    grid-column:\r\n      auto;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__card {\r\n\r\n    min-height:\r\n      auto;\r\n\r\n    padding:\r\n      22px;\r\n\r\n    border-radius:\r\n      21px;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    On mobile, all cards\r\n    use a horizontal internal layout.\r\n  *\/\r\n\r\n  .ks-ai-agents__card--top,\r\n  .ks-ai-agents__card--bottom {\r\n\r\n    display:\r\n      grid;\r\n\r\n    grid-template-columns:\r\n      38px\r\n      minmax(0,1fr);\r\n\r\n    column-gap:\r\n      16px;\r\n\r\n    align-items:\r\n      center;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__card--top\r\n  .ks-ai-agents__icon {\r\n\r\n    margin:\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  \/*\r\n    For the top cards,\r\n    title and copy occupy the second column.\r\n  *\/\r\n\r\n  .ks-ai-agents__card--top h3 {\r\n\r\n    grid-column:\r\n      2;\r\n\r\n    grid-row:\r\n      1;\r\n\r\n    align-self:\r\n      end;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__card--top p {\r\n\r\n    grid-column:\r\n      2;\r\n\r\n    grid-row:\r\n      2;\r\n\r\n    align-self:\r\n      start;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__icon {\r\n\r\n    width:\r\n      32px;\r\n\r\n    height:\r\n      32px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__card h3 {\r\n\r\n    font-size:\r\n      15px !important;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__card p {\r\n\r\n    max-width:\r\n      none;\r\n\r\n    font-size:\r\n      13px !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 430px) {\r\n\r\n  .ks-ai-agents {\r\n\r\n    padding-left:\r\n      16px;\r\n\r\n    padding-right:\r\n      16px;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__card {\r\n\r\n    padding:\r\n      19px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TOUCH\r\n========================================================= *\/\r\n\r\n@media (hover: none) {\r\n\r\n  .ks-ai-agents__card:hover {\r\n\r\n    transform:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .ks-ai-agents__card:hover\r\n  .ks-ai-agents__icon {\r\n\r\n    transform:\r\n      none;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ks-ai-agents__card,\r\n  .ks-ai-agents__icon {\r\n\r\n    transition:\r\n      none !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RAI \/ MAI \u2014 SECTION BELOW THE FIVE AGENT CARDS\r\n   CSS intentionally scoped to avoid changing the agent cards.\r\n========================================================= *\/\r\n\r\n.ks-ai-agents__transversal {\r\n  margin-top: clamp(28px, 3.6vw, 44px);\r\n  width: 100%;\r\n  min-width: 0;\r\n  padding: clamp(26px, 3.4vw, 40px);\r\n  border-radius: 24px;\r\n  background: #ffffff;\r\n}\r\n\r\n.ks-ai-agents__transversal-intro {\r\n  max-width: 880px;\r\n}\r\n\r\n.ks-ai-agents__transversal-eyebrow {\r\n  margin: 0 0 20px !important;\r\n  padding: 0 !important;\r\n  color: #73767d !important;\r\n  font: 600 17px\/1.3 \"Inter\", sans-serif !important;\r\n}\r\n\r\n.ks-ai-agents__transversal-title {\r\n  max-width: 650px;\r\n  margin: 0 0 18px !important;\r\n  padding: 0 !important;\r\n  color: #213268 !important;\r\n  font: 500 clamp(25px, 2.8vw, 30px)\/1.2 \"Inter\", sans-serif !important;\r\n  letter-spacing: -.02em;\r\n  text-transform: none !important;\r\n}\r\n\r\n.ks-ai-agents__transversal-description {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  color: #74767d !important;\r\n  font: 400 16px\/1.45 \"Inter\", sans-serif !important;\r\n}\r\n\r\n.ks-ai-agents__transversal-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, minmax(0, 1fr));\r\n  gap: clamp(24px, 3.5vw, 52px);\r\n  margin-top: clamp(34px, 4vw, 46px);\r\n  padding: 0 clamp(0px, 2.4vw, 36px);\r\n}\r\n\r\n.ks-ai-agents__transversal-item {\r\n  display: grid;\r\n  grid-template-columns: 48px minmax(0, 1fr);\r\n  align-items: start;\r\n  gap: 18px;\r\n  min-width: 0;\r\n}\r\n\r\n.ks-ai-agents__transversal-picto {\r\n  width: 48px;\r\n  height: 48px;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n}\r\n\r\n.ks-ai-agents__transversal-picto img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n\/* Hide the icon placeholder until a PNG URL is provided. *\/\r\n.ks-ai-agents__transversal-picto img[src^=\"URL_PICTO_\"] {\r\n  visibility: hidden;\r\n}\r\n\r\n.ks-ai-agents__transversal-content {\r\n  min-width: 0;\r\n}\r\n\r\n.ks-ai-agents__transversal-content h4 {\r\n  margin: 0 0 6px !important;\r\n  padding: 0 !important;\r\n  color: #213268 !important;\r\n  font: 650 18px\/1.2 \"Inter\", sans-serif !important;\r\n}\r\n\r\n.ks-ai-agents__transversal-subtitle {\r\n  margin: 0 0 12px !important;\r\n  padding: 0 !important;\r\n  color: #213268 !important;\r\n  font: 400 16px\/1.35 \"Inter\", sans-serif !important;\r\n}\r\n\r\n.ks-ai-agents__transversal-detail {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  color: #74767d !important;\r\n  font: 400 16px\/1.35 \"Inter\", sans-serif !important;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  .ks-ai-agents__transversal {\r\n    border-radius: 21px;\r\n    padding: 26px 22px 30px;\r\n  }\r\n\r\n  .ks-ai-agents__transversal-eyebrow {\r\n    font-size: 15px !important;\r\n    margin-bottom: 15px !important;\r\n  }\r\n\r\n  .ks-ai-agents__transversal-title {\r\n    font-size: 24px !important;\r\n  }\r\n\r\n  .ks-ai-agents__transversal-description,\r\n  .ks-ai-agents__transversal-subtitle,\r\n  .ks-ai-agents__transversal-detail {\r\n    font-size: 14px !important;\r\n    line-height: 1.5 !important;\r\n  }\r\n\r\n  .ks-ai-agents__transversal-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n    padding: 0;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .ks-ai-agents__transversal-item {\r\n    grid-template-columns: 42px minmax(0, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  .ks-ai-agents__transversal-picto {\r\n    width: 42px;\r\n    height: 42px;\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-352ff32 e-con-full e-flex e-con e-parent\" data-id=\"352ff32\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f04661 elementor-widget elementor-widget-spacer\" data-id=\"8f04661\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d254275 elementor-widget elementor-widget-heading\" data-id=\"d254275\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Governance &amp; Control<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ecdd56 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"9ecdd56\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A controlled framework, end to end<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db297c3 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"db297c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>kShuttle AI favours targeted uses over blanket automation. It relies on structured components within the ExRP\u00ae platform and only calls on models where they add real value.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1afa028 elementor-widget elementor-widget-html\" data-id=\"1afa028\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"ks-ai-principles\">\r\n\r\n  <div class=\"ks-ai-principles__grid\">\r\n\r\n    <!-- ======================================\r\n         CARD 1 \u2014 DETERMINISTIC COMPONENTS\r\n    ======================================= -->\r\n\r\n    <article class=\"ks-ai-principles__card ks-ai-principles__card--one\">\r\n\r\n      <div class=\"ks-ai-principles__number\">\r\n        1\r\n      <\/div>\r\n\r\n      <div class=\"ks-ai-principles__content\">\r\n\r\n        <h3>\r\n          Deterministic Components\r\n        <\/h3>\r\n\r\n        <p>\r\n          Generated applications are built on native ExRP\u00ae components. Their behaviour remains transparent, auditable and reproducible.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n    <!-- ======================================\r\n         CARD 2 \u2014 TARGETED USE\r\n    ======================================= -->\r\n\r\n    <article class=\"ks-ai-principles__card ks-ai-principles__card--two\">\r\n\r\n      <div class=\"ks-ai-principles__number\">\r\n        2\r\n      <\/div>\r\n\r\n      <div class=\"ks-ai-principles__content\">\r\n\r\n        <h3>\r\n          Targeted Uses\r\n        <\/h3>\r\n\r\n        <p>\r\n          Models handle defined tasks, with access to platform functions restricted to the authorised scope.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n    <!-- ======================================\r\n         CARD 3 \u2014 LOWER USAGE COSTS\r\n    ======================================= -->\r\n\r\n    <article class=\"ks-ai-principles__card ks-ai-principles__card--three\">\r\n\r\n      <div class=\"ks-ai-principles__number\">\r\n        3\r\n      <\/div>\r\n\r\n      <div class=\"ks-ai-principles__content\">\r\n\r\n        <h3>\r\n          Lower Usage Costs\r\n        <\/h3>\r\n\r\n        <p>\r\n          Fewer tokens consumed, which means a lower price for the client.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n    <!-- ======================================\r\n         CARD 4 \u2014 CHOICE & SOVEREIGNTY\r\n    ======================================= -->\r\n\r\n    <article class=\"ks-ai-principles__card ks-ai-principles__card--four\">\r\n\r\n      <div class=\"ks-ai-principles__number\">\r\n        4\r\n      <\/div>\r\n\r\n      <div class=\"ks-ai-principles__content\">\r\n\r\n        <h3>\r\n          Freedom of Choice &amp; Sovereignty\r\n        <\/h3>\r\n\r\n        <p>\r\n          Clients keep control over their data, their costs and their choice of underlying AI models.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   RESET\r\n========================================= *\/\r\n\r\n.ks-ai-principles,\r\n.ks-ai-principles *,\r\n.ks-ai-principles *::before,\r\n.ks-ai-principles *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================\r\n   MAIN SECTION\r\n========================================= *\/\r\n\r\n.ks-ai-principles {\r\n  --ks-navy: #213268;\r\n  --ks-text: #161616;\r\n\r\n  width: 100%;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    \"Helvetica Neue\",\r\n    Arial,\r\n    sans-serif !important;\r\n}\r\n\r\n\/* =========================================\r\n   GRID \u2014 2 \u00d7 2\r\n========================================= *\/\r\n\r\n.ks-ai-principles__grid {\r\n  width: min(100%, 1180px);\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    repeat(2, minmax(0, 1fr));\r\n\r\n  grid-template-areas:\r\n    \"card1 card2\"\r\n    \"card3 card4\";\r\n\r\n  column-gap:\r\n    clamp(24px, 2.4vw, 36px);\r\n\r\n  row-gap:\r\n    clamp(24px, 2.4vw, 34px);\r\n\r\n  align-items: stretch;\r\n}\r\n\r\n\/* =========================================\r\n   CARD BASE\r\n========================================= *\/\r\n\r\n.ks-ai-principles__card {\r\n  position: relative;\r\n\r\n  min-width: 0;\r\n  min-height: 300px;\r\n\r\n  overflow: hidden;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n\r\n  padding:\r\n    clamp(30px, 3vw, 40px);\r\n\r\n  border-radius: 24px;\r\n\r\n  isolation: isolate;\r\n\r\n  transform: translateY(0);\r\n\r\n  box-shadow:\r\n    0 0 0 rgba(33,50,104,0);\r\n\r\n  transition:\r\n    transform .4s cubic-bezier(.16,1,.3,1),\r\n    box-shadow .4s ease;\r\n}\r\n\r\n\/* =========================================\r\n   BACKGROUND IMAGE LAYER\r\n========================================= *\/\r\n\r\n.ks-ai-principles__card::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n  z-index: 0;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  background-repeat: no-repeat;\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\/* =========================================\r\n   CARD 1 \u2014 DETERMINISTIC COMPONENTS\r\n========================================= *\/\r\n\r\n.ks-ai-principles__card--one {\r\n  grid-area: card1;\r\n\r\n  background-color: #EAF0FB;\r\n}\r\n\r\n.ks-ai-principles__card--one::before {\r\n  background-image:\r\n    url(\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Composantes-deterministes.png\");\r\n\r\n  background-size: auto 100%;\r\n  background-position: right center;\r\n\r\n  transform: translateX(50px);\r\n}\r\n\r\n\/* =========================================\r\n   CARD 2 \u2014 TARGETED USE CASES\r\n========================================= *\/\r\n\r\n.ks-ai-principles__card--two {\r\n  grid-area: card2;\r\n\r\n  background-color: #FFFFFF;\r\n}\r\n\r\n.ks-ai-principles__card--two::before {\r\n  background-image:\r\n    url(\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Usages-Cibles.png\");\r\n\r\n  background-size: auto 100%;\r\n  background-position: right center;\r\n\r\n  transform: translateX(80px);\r\n}\r\n\r\n\/* =========================================\r\n   CARD 3 \u2014 LOWER USAGE COSTS\r\n========================================= *\/\r\n\r\n.ks-ai-principles__card--three {\r\n  grid-area: card3;\r\n\r\n  background-color: #E1E7F7;\r\n}\r\n\r\n.ks-ai-principles__card--three::before {\r\n  background-image:\r\n    url(\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Controle-Client.png\");\r\n\r\n  background-size: 100% 100%;\r\n  background-position: center;\r\n}\r\n\r\n\/* =========================================\r\n   CARD 4 \u2014 FREEDOM OF CHOICE\r\n========================================= *\/\r\n\r\n.ks-ai-principles__card--four {\r\n  grid-area: card4;\r\n\r\n  background-color: #F4F7FC;\r\n}\r\n\r\n.ks-ai-principles__card--four::before {\r\n  \/*\r\n    Add an image here if needed:\r\n\r\n    background-image:\r\n      url(\"YOUR-IMAGE-URL.png\");\r\n  *\/\r\n\r\n  background-image: none;\r\n\r\n  background-size: auto 100%;\r\n  background-position: right center;\r\n\r\n  transform: translateX(50px);\r\n}\r\n\r\n\/* =========================================\r\n   CARD HOVER\r\n========================================= *\/\r\n\r\n.ks-ai-principles__card:hover {\r\n  transform: translateY(-7px);\r\n\r\n  box-shadow:\r\n    0 22px 48px rgba(33,50,104,.12);\r\n}\r\n\r\n\/* =========================================\r\n   CARD NUMBER\r\n========================================= *\/\r\n\r\n.ks-ai-principles__number {\r\n  position: absolute;\r\n\r\n  top: 26px;\r\n  left: 30px;\r\n\r\n  z-index: 5;\r\n\r\n  width: 43px;\r\n  height: 43px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  color: var(--ks-navy) !important;\r\n\r\n  background:\r\n    linear-gradient(#fff,#fff) padding-box,\r\n    conic-gradient(\r\n      from 30deg,\r\n      #F6D94A,\r\n      #67DB7C,\r\n      #51D5EF,\r\n      #6757FF,\r\n      #F459CE,\r\n      #F08A45,\r\n      #F6D94A\r\n    ) border-box;\r\n\r\n  border: 1.6px solid transparent;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif;\r\n\r\n  font-size: 19px;\r\n  line-height: 1;\r\n  font-weight: 400;\r\n\r\n  transition:\r\n    transform .35s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.ks-ai-principles__card:hover\r\n.ks-ai-principles__number {\r\n  transform: scale(1.07);\r\n}\r\n\r\n\/* =========================================\r\n   CARD CONTENT\r\n========================================= *\/\r\n\r\n.ks-ai-principles__content {\r\n  position: relative;\r\n\r\n  z-index: 4;\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n}\r\n\r\n\/* =========================================\r\n   CARD TITLE\r\n========================================= *\/\r\n\r\n.ks-ai-principles__content h3 {\r\n  margin: 0 0 14px !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--ks-navy) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size:\r\n    clamp(25px, 2.2vw, 32px) !important;\r\n\r\n  line-height: 1.1 !important;\r\n  font-weight: 600 !important;\r\n\r\n  letter-spacing: -.035em;\r\n\r\n  text-wrap: balance;\r\n}\r\n\r\n\/* =========================================\r\n   CARD DESCRIPTION\r\n========================================= *\/\r\n\r\n.ks-ai-principles__content p {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n\r\n  color: var(--ks-text) !important;\r\n\r\n  font-family:\r\n    \"Inter\",\r\n    sans-serif !important;\r\n\r\n  font-size:\r\n    clamp(15px, 1.25vw, 18px) !important;\r\n\r\n  line-height: 1.55 !important;\r\n  font-weight: 400 !important;\r\n\r\n  letter-spacing: -.012em;\r\n\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n\/* =========================================\r\n   LARGE SCREENS\r\n========================================= *\/\r\n\r\n@media (min-width: 1400px) {\r\n\r\n  .ks-ai-principles__grid {\r\n    width: min(100%, 1180px);\r\n\r\n    column-gap: 30px;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n  .ks-ai-principles__grid {\r\n    width: 100%;\r\n\r\n    grid-template-columns:\r\n      repeat(2, minmax(0,1fr));\r\n\r\n    grid-template-areas:\r\n      \"card1 card2\"\r\n      \"card3 card4\";\r\n\r\n    column-gap: 24px;\r\n    row-gap: 24px;\r\n  }\r\n\r\n  .ks-ai-principles__card {\r\n    min-height: 320px;\r\n  }\r\n\r\n  .ks-ai-principles__card--one::before,\r\n  .ks-ai-principles__card--two::before,\r\n  .ks-ai-principles__card--four::before {\r\n    background-size: auto 95%;\r\n    background-position: right center;\r\n\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .ks-ai-principles__grid {\r\n    grid-template-columns: 1fr;\r\n\r\n    grid-template-areas:\r\n      \"card1\"\r\n      \"card2\"\r\n      \"card3\"\r\n      \"card4\";\r\n\r\n    gap: 18px;\r\n  }\r\n\r\n  .ks-ai-principles__card {\r\n    width: 100%;\r\n    min-height: 300px;\r\n\r\n    padding: 28px;\r\n\r\n    border-radius: 22px;\r\n  }\r\n\r\n  .ks-ai-principles__number {\r\n    top: 24px;\r\n    left: 28px;\r\n  }\r\n\r\n  .ks-ai-principles__content h3 {\r\n    font-size: 29px !important;\r\n    line-height: 1.1 !important;\r\n  }\r\n\r\n  .ks-ai-principles__content p {\r\n    font-size: 17px !important;\r\n    line-height: 1.5 !important;\r\n  }\r\n\r\n  \/* MOBILE BACKGROUND IMAGES *\/\r\n\r\n  .ks-ai-principles__card--one::before {\r\n    background-size: contain !important;\r\n    background-position: right top !important;\r\n\r\n    transform: translateX(40px) !important;\r\n  }\r\n\r\n  .ks-ai-principles__card--two::before {\r\n    background-size: contain !important;\r\n    background-position: right top !important;\r\n\r\n    transform: translateX(40px) !important;\r\n  }\r\n\r\n  .ks-ai-principles__card--three::before {\r\n    background-size: 160% auto !important;\r\n    background-position: center center !important;\r\n\r\n    transform: none !important;\r\n  }\r\n\r\n  .ks-ai-principles__card--four::before {\r\n    background-size: contain !important;\r\n    background-position: right top !important;\r\n\r\n    transform: translateX(40px) !important;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n  .ks-ai-principles__card {\r\n    min-height: 285px;\r\n\r\n    padding: 25px;\r\n  }\r\n\r\n  .ks-ai-principles__number {\r\n    left: 25px;\r\n\r\n    width: 41px;\r\n    height: 41px;\r\n\r\n    font-size: 18px;\r\n  }\r\n\r\n  .ks-ai-principles__content h3 {\r\n    font-size: 27px !important;\r\n  }\r\n\r\n  .ks-ai-principles__content p {\r\n    font-size: 15px !important;\r\n    line-height: 1.5 !important;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   TOUCH DEVICES\r\n========================================= *\/\r\n\r\n@media (hover: none) {\r\n\r\n  .ks-ai-principles__card:hover {\r\n    transform: none;\r\n    box-shadow: none;\r\n  }\r\n\r\n  .ks-ai-principles__card:hover\r\n  .ks-ai-principles__number {\r\n    transform: none;\r\n  }\r\n\r\n}\r\n\r\n\/* =========================================\r\n   REDUCED MOTION\r\n========================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .ks-ai-principles__card,\r\n  .ks-ai-principles__number {\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f561863 elementor-widget elementor-widget-spacer\" data-id=\"f561863\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8507856 e-con-full animated-slow e-flex elementor-invisible e-con e-parent\" data-id=\"8507856\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36dee60 elementor-widget elementor-widget-heading\" data-id=\"36dee60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h5 class=\"elementor-heading-title elementor-size-default\">Existing Applications<\/h5>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08f9d12 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"08f9d12\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Modernise your applications without rebuilding the foundations<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca72d7b elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ca72d7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>kShuttle AI helps you modernise and evolve your existing applications, whether they already run\u00a0<a href=\"https:\/\/kshuttle.io\/en\/regulatory-business-data-platform\/\">ExRP\u00ae<\/a> or were developed in another environment. It supports their adaptation, enhancement or integration into the platform, without necessarily starting from scratch.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6f903e elementor-widget elementor-widget-html\" data-id=\"a6f903e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- kShuttle AI | 3 cards infinite horizontal carousel | Elementor HTML widget -->\n<section lang=\"en\" class=\"ks-ai-existing\" aria-label=\"Application development and modernisation with kShuttle AI\">\n  <div class=\"ks-ai-existing__carousel\">\n\n    <div class=\"ks-ai-existing__viewport\" tabindex=\"0\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"New use cases, replacing existing applications and targeted enhancements\">\n      <div class=\"ks-ai-existing__track\">\n\n        <!-- CARD 1 \u2014 NEW USE CASES -->\n        <article class=\"ks-ai-existing__card ks-ai-existing__card--new\">\n          <div class=\"ks-ai-existing__card-head\">\n            <div class=\"ks-ai-existing__badge\">\n              <img decoding=\"async\" src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Group-197.svg\" alt=\"\" aria-hidden=\"true\">\n            <\/div>\n            <div>\n              <h3>New use cases<\/h3>\n              <p>kShuttle AI can be used end to end to design new ad hoc uses within the ExRP\u00ae platform.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"ks-ai-existing__schema-img\">\n            <img decoding=\"async\" src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/Schema-.svg\" alt=\"Diagram of a new use case developed with kShuttle AI\" loading=\"lazy\">\n          <\/div>\n        <\/article>\n\n        <!-- CARD 2 \u2014 REPLACING EXISTING APPLICATIONS -->\n        <article class=\"ks-ai-existing__card ks-ai-existing__card--replacement\">\n          <div class=\"ks-ai-existing__card-head\">\n            <div class=\"ks-ai-existing__badge\">\n              <!-- CARD 2 ICON: replace the image URL with the WordPress URL of your PNG -->\n              <img decoding=\"async\" src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/replace.png\" alt=\"\" aria-hidden=\"true\">\n            <\/div>\n            <div>\n              <h3>Replacing existing applications<\/h3>\n              <p>Outdated applications, quickly regenerated and modernised.<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"ks-ai-existing__replacement-visual\">\n            <!-- CARD 2 VISUAL: replace the image URL with the WordPress URL of your PNG -->\n            <img decoding=\"async\" src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/replace-white.png\" alt=\"Illustration of application modernisation\" loading=\"lazy\">\n          <\/div>\n        <\/article>\n\n        <!-- CARD 3 \u2014 TARGETED ENHANCEMENTS -->\n        <article class=\"ks-ai-existing__card ks-ai-existing__card--evolution\">\n          <div class=\"ks-ai-existing__card-head\">\n            <div class=\"ks-ai-existing__badge\">\n              <img decoding=\"async\" src=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/10\/target.svg\" alt=\"\" aria-hidden=\"true\">\n            <\/div>\n            <div>\n              <h3>Targeted enhancements<\/h3>\n              <p>On existing solutions, kShuttle AI can work on specific areas:<\/p>\n            <\/div>\n          <\/div>\n          <div class=\"ks-ai-existing__list\">\n            <div class=\"ks-ai-existing__item\">Inbound and outbound interfaces<\/div>\n            <div class=\"ks-ai-existing__item\">Business rules<\/div>\n            <div class=\"ks-ai-existing__item\">Decision trees<\/div>\n            <div class=\"ks-ai-existing__item\">Reporting<\/div>\n            <div class=\"ks-ai-existing__item\">Dashboards<\/div>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n\n    <!-- Carousel navigation (also supports swipe, trackpad scrolling and mouse dragging) -->\n    <div class=\"ks-ai-existing__controls\">\n      <div class=\"ks-ai-existing__buttons\">\n        <button class=\"ks-ai-existing__btn ks-ai-existing__btn--prev\" type=\"button\" aria-label=\"Previous card\">&#8592;<\/button>\n        <button class=\"ks-ai-existing__btn ks-ai-existing__btn--next\" type=\"button\" aria-label=\"Next card\">&#8594;<\/button>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   kShuttle \u2014 self-contained carousel for Elementor\n========================================================= *\/\n.ks-ai-existing,\n.ks-ai-existing *,\n.ks-ai-existing *::before,\n.ks-ai-existing *::after { box-sizing: border-box; }\n\n.ks-ai-existing {\n  --ks-navy: #213268;\n  --ks-deep: #182045;\n  --ks-blue: #2f408a;\n  --ks-soft: #EEF3FC;\n  --ks-text: #4C5573;\n  --ks-gap: clamp(20px, 2.4vw, 30px);\n  width: 100%;\n  margin-top: clamp(14px, 1.6vw, 22px);\n  font-family: \"Inter\", sans-serif !important;\n}\n\n.ks-ai-existing__carousel {\n  width: min(100%, 1180px);\n  margin: 0 auto;\n  position: relative;\n  min-width: 0;\n}\n\n\/* Viewport: 2 full cards + a preview of the next one *\/\n.ks-ai-existing__viewport {\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  overscroll-behavior-x: contain;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  scrollbar-width: none;\n  -ms-overflow-style: none;\n  -webkit-overflow-scrolling: touch;\n  cursor: grab;\n  outline-offset: 4px;\n}\n.ks-ai-existing__viewport::-webkit-scrollbar { display: none; }\n.ks-ai-existing__viewport.is-dragging { cursor: grabbing; }\n\n.ks-ai-existing__track {\n  display: flex;\n  width: 100%;\n  gap: var(--ks-gap);\n  align-items: stretch;\n}\n\n\/* Same dimensions for all three card types *\/\n.ks-ai-existing__card {\n  position: relative;\n  flex: 0 0 calc((100% - var(--ks-gap)) \/ 2.25);\n  scroll-snap-align: start;\n  min-width: 0;\n  min-height: 440px;\n  overflow: hidden;\n  padding: clamp(26px, 2.7vw, 36px);\n  border-radius: 24px;\n  background: #EEF3FC;\n  transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease;\n}\n.ks-ai-existing__card--replacement { background: #F1F4FC; }\n.ks-ai-existing__card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 16px 38px rgba(33,50,104,.10);\n}\n\n\/* Same header layout: icon on the left, title on the right *\/\n.ks-ai-existing__card-head {\n  position: relative;\n  z-index: 3;\n  display: grid;\n  grid-template-columns: 56px minmax(0,1fr);\n  gap: 18px;\n  align-items: start;\n}\n.ks-ai-existing__badge {\n  width: 54px;\n  height: 54px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 15px;\n  background: rgba(255,255,255,.64);\n}\n.ks-ai-existing__badge img {\n  width: 30px;\n  height: 30px;\n  object-fit: contain;\n  display: block;\n}\n.ks-ai-existing__badge img[src^=\"URL_PICTO_\"] { visibility: hidden; }\n\n.ks-ai-existing__card h3 {\n  margin: 0 0 10px !important;\n  padding: 0 !important;\n  color: var(--ks-navy) !important;\n  font-family: \"Inter\", sans-serif !important;\n  font-size: clamp(22px, 1.8vw, 26px) !important;\n  line-height: 1.08 !important;\n  font-weight: 700 !important;\n  letter-spacing: -.035em;\n  text-transform: uppercase;\n}\n.ks-ai-existing__card p {\n  max-width: 440px;\n  margin: 0 !important;\n  padding: 0 !important;\n  color: var(--ks-text) !important;\n  font-family: \"Inter\", sans-serif !important;\n  font-size: clamp(14px, 1.15vw, 16px) !important;\n  line-height: 1.58 !important;\n  font-weight: 400 !important;\n}\n\n\/* Card 1: existing diagram *\/\n.ks-ai-existing__schema-img {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  margin-top: clamp(24px, 3vw, 40px);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.ks-ai-existing__schema-img img {\n  width: min(100%, 460px);\n  height: auto;\n  display: block;\n  object-fit: contain;\n  -webkit-user-drag: none;\n  user-select: none;\n}\n\n\/* Card 2: reserved space for the PNG illustration *\/\n.ks-ai-existing__replacement-visual {\n  position: relative;\n  z-index: 2;\n  width: 100%;\n  height: 200px;\n  margin-top: 26px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ks-ai-existing__replacement-visual img {\n  display: block;\n  max-width: min(100%, 260px);\n  max-height: 100%;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  -webkit-user-drag: none;\n  user-select: none;\n}\n.ks-ai-existing__replacement-visual img[src^=\"URL_VISUEL_\"] { visibility: hidden; }\n\n\/* Card 3: existing enhancement labels *\/\n.ks-ai-existing__list {\n  position: relative;\n  z-index: 3;\n  margin-top: 24px;\n  display: grid;\n  gap: 9px;\n}\n.ks-ai-existing__item {\n  min-height: 38px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 9px 14px;\n  border-radius: 999px;\n  background: rgba(255,255,255,.86);\n  color: var(--ks-navy);\n  font-family: \"Inter\", sans-serif !important;\n  font-size: 14px;\n  line-height: 1.2;\n  font-weight: 700;\n  text-align: center;\n  transition: background .25s ease, transform .25s ease;\n}\n.ks-ai-existing__item:hover { background: #fff; transform: translateY(-2px); }\n\n\/* Subtle navigation below the cards *\/\n.ks-ai-existing__controls {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 20px;\n  margin-top: 16px;\n}\n.ks-ai-existing__buttons { display: flex; gap: 9px; }\n.ks-ai-existing__btn {\n  width: 42px;\n  height: 42px;\n  min-width: 42px;\n  padding: 0;\n  border: 1px solid rgba(33,50,104,.16);\n  border-radius: 50%;\n  background: #fff;\n  color: var(--ks-navy);\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  font: 500 21px\/1 \"Inter\", sans-serif;\n  transition: background .2s ease, color .2s ease, border-color .2s ease;\n}\n.ks-ai-existing__btn:hover {\n  background: #213268 !important;\n  color: #FFFFFF !important;\n  border-color: #213268 !important;\n}\n.ks-ai-existing__btn:focus-visible,\n.ks-ai-existing__viewport:focus-visible {\n  outline: 2px solid #4877DC;\n  outline-offset: 3px;\n}\n\n\/* Tablet: one full card and part of the next *\/\n@media (max-width: 1024px) {\n  .ks-ai-existing__card {\n    flex-basis: calc((100% - var(--ks-gap)) \/ 1.55);\n    min-height: 430px;\n  }\n}\n\n\/* Mobile: one main card with a preview of the next *\/\n@media (max-width: 767px) {\n  .ks-ai-existing { --ks-gap: 14px; margin-top: 14px; }\n  .ks-ai-existing__card {\n    flex-basis: 89%;\n    min-height: 430px;\n    padding: 24px;\n    border-radius: 22px;\n  }\n  .ks-ai-existing__card-head { grid-template-columns: 48px minmax(0,1fr); gap: 14px; }\n  .ks-ai-existing__badge { width: 48px; height: 48px; }\n  .ks-ai-existing__badge img { width: 27px; height: 27px; }\n  .ks-ai-existing__card h3 { font-size: 22px !important; }\n  .ks-ai-existing__card p { font-size: 15px !important; }\n  .ks-ai-existing__schema-img { margin-top: 26px; }\n  .ks-ai-existing__schema-img img { width: 100%; }\n  .ks-ai-existing__replacement-visual { height: 185px; margin-top: 25px; }\n  .ks-ai-existing__list { margin-top: 20px; gap: 8px; }\n  .ks-ai-existing__item { min-height: 36px; padding: 8px 12px; font-size: 13px; }\n  .ks-ai-existing__btn { width: 38px; height: 38px; min-width: 38px; }\n}\n@media (max-width: 420px) {\n  .ks-ai-existing__card { padding: 21px; }\n  .ks-ai-existing__card h3 { font-size: 20px !important; }\n  .ks-ai-existing__card p { font-size: 14px !important; }\n}\n@media (hover: none) {\n  .ks-ai-existing__card:hover,\n  .ks-ai-existing__item:hover { transform: none; box-shadow: none; }\n}\n@media (prefers-reduced-motion: reduce) {\n  .ks-ai-existing__viewport { scroll-behavior: auto; }\n  .ks-ai-existing__card,\n  .ks-ai-existing__item { transition: none; }\n}\n<\/style>\n\n<script>\n(function () {\n  \/\/ Automatically advance every five seconds.\n  \/\/ Set AUTOPLAY_MS = 0 to disable autoplay.\n  const AUTOPLAY_MS = 5000;\n\n  document.querySelectorAll('.ks-ai-existing').forEach(function (section) {\n    if (section.dataset.carouselReady === 'true') return;\n    section.dataset.carouselReady = 'true';\n\n    const viewport = section.querySelector('.ks-ai-existing__viewport');\n    const track = section.querySelector('.ks-ai-existing__track');\n    const originals = Array.from(track.children);\n    if (!viewport || !track || originals.length !== 3) return;\n\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)');\n    const copiesPerSide = 2;\n    let dragging = false;\n    let pointerStartX = 0;\n    let scrollStartLeft = 0;\n    let lastCycle = 0;\n    let lastStep = 0;\n    let resizeTimer;\n    let settleTimer;\n    let hovered = false;\n    let focused = false;\n    let lastUserInteraction = 0;\n\n    function duplicate(card) {\n      const copy = card.cloneNode(true);\n      copy.setAttribute('aria-hidden', 'true');\n      copy.setAttribute('inert', '');\n      return copy;\n    }\n\n    \/\/ Two sets before + three original cards + two sets after.\n    \/\/ Identical sets make the 3 -> 1 loop seamless.\n    for (let i = 0; i < copiesPerSide; i++) {\n      track.prepend(...originals.map(duplicate));\n      track.append(...originals.map(duplicate));\n    }\n\n    function measure() {\n      const card = track.querySelector('.ks-ai-existing__card');\n      const gap = parseFloat(window.getComputedStyle(track).columnGap) || 0;\n      lastStep = card.getBoundingClientRect().width + gap;\n      lastCycle = originals.length * lastStep;\n    }\n\n    function jumpTo(left) {\n      const previousBehavior = viewport.style.scrollBehavior;\n      const previousSnap = viewport.style.scrollSnapType;\n      viewport.style.scrollBehavior = 'auto';\n      viewport.style.scrollSnapType = 'none';\n      viewport.scrollLeft = left;\n      \/\/ Apply the jump before re-enabling scroll snap.\n      void viewport.offsetWidth;\n      viewport.style.scrollSnapType = previousSnap;\n      viewport.style.scrollBehavior = previousBehavior;\n    }\n\n    function normalize() {\n      if (dragging || !lastCycle) return;\n      const current = viewport.scrollLeft;\n      \/\/ Keep the scroll position near the central set (1, 2, 3).\n      if (current >= 3 * lastCycle - lastStep * .4) {\n        jumpTo(current - lastCycle);\n      } else if (current <= lastCycle + lastStep * .4) {\n        jumpTo(current + lastCycle);\n      }\n    }\n\n    function move(direction, manual) {\n      if (manual) lastUserInteraction = Date.now();\n      measure();\n      viewport.scrollBy({\n        left: direction * lastStep,\n        behavior: reduceMotion.matches ? 'auto' : 'smooth'\n      });\n    }\n\n    section.querySelector('.ks-ai-existing__btn--prev').addEventListener('click', function () { move(-1, true); });\n    section.querySelector('.ks-ai-existing__btn--next').addEventListener('click', function () { move(1, true); });\n\n    viewport.addEventListener('keydown', function (event) {\n      if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        event.preventDefault();\n        move(event.key === 'ArrowRight' ? 1 : -1, true);\n      }\n    });\n\n    viewport.addEventListener('scroll', function () {\n      clearTimeout(settleTimer);\n      settleTimer = setTimeout(normalize, 180);\n    }, { passive: true });\n\n    \/\/ Mouse drag on desktop; native swipe on mobile.\n    viewport.addEventListener('pointerdown', function (event) {\n      lastUserInteraction = Date.now();\n      if (event.pointerType !== 'mouse' || event.button !== 0) return;\n      dragging = true;\n      pointerStartX = event.clientX;\n      scrollStartLeft = viewport.scrollLeft;\n      viewport.style.scrollSnapType = 'none';\n      viewport.classList.add('is-dragging');\n      viewport.setPointerCapture(event.pointerId);\n    });\n\n    viewport.addEventListener('pointermove', function (event) {\n      if (!dragging) return;\n      viewport.scrollLeft = scrollStartLeft - (event.clientX - pointerStartX);\n    });\n\n    function endDrag() {\n      if (!dragging) return;\n      dragging = false;\n      viewport.classList.remove('is-dragging');\n      viewport.style.scrollSnapType = '';\n      \/\/ Snap to the nearest card.\n      measure();\n      const nearest = Math.round(viewport.scrollLeft \/ lastStep) * lastStep;\n      viewport.scrollTo({ left: nearest, behavior: reduceMotion.matches ? 'auto' : 'smooth' });\n      setTimeout(normalize, 230);\n    }\n    viewport.addEventListener('pointerup', endDrag);\n    viewport.addEventListener('pointercancel', endDrag);\n    viewport.addEventListener('lostpointercapture', endDrag);\n\n    viewport.addEventListener('wheel', function () { lastUserInteraction = Date.now(); }, { passive: true });\n    section.addEventListener('mouseenter', function () { hovered = true; });\n    section.addEventListener('mouseleave', function () { hovered = false; });\n    section.addEventListener('focusin', function () { focused = true; });\n    section.addEventListener('focusout', function () { focused = section.contains(document.activeElement); });\n\n    \/\/ Initial position: card 1 of the central set, followed by cards 2 and 3.\n    measure();\n    jumpTo(copiesPerSide * lastCycle);\n\n    \/\/ Keep the currently displayed card when the viewport size changes.\n    window.addEventListener('resize', function () {\n      clearTimeout(resizeTimer);\n      const oldStep = lastStep;\n      const relative = oldStep ? Math.round((viewport.scrollLeft - copiesPerSide * lastCycle) \/ oldStep) : 0;\n      resizeTimer = setTimeout(function () {\n        measure();\n        const logical = ((relative % 3) + 3) % 3;\n        jumpTo(copiesPerSide * lastCycle + logical * lastStep);\n      }, 120);\n    });\n\n    if (AUTOPLAY_MS > 0 && !reduceMotion.matches) {\n      setInterval(function () {\n        if (document.hidden || hovered || focused || dragging || reduceMotion.matches || Date.now() - lastUserInteraction < AUTOPLAY_MS * 2) return;\n        move(1);\n      }, AUTOPLAY_MS);\n    }\n  });\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d486b76 elementor-widget elementor-widget-spacer\" data-id=\"d486b76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc467ac elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"fc467ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Has a business rule changed? Does a report need more depth? Is a process becoming more complex? <strong>kShuttle AI<\/strong> opens up new room for improvement without calling your application foundations into question<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-473f7e4 e-grid e-con-boxed e-con e-child\" data-id=\"473f7e4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2463bb elementor-align-center elementor-widget__width-initial elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"c2463bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kshuttle.io\/en\/request-demo\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Talk to our team<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43c55b9 elementor-align-center elementor-widget__width-initial elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"43c55b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/kshuttle.io\/en\/regulatory-business-data-platform\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Discover the platform<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20e1e3d elementor-widget elementor-widget-spacer\" data-id=\"20e1e3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>kShuttle AI brings AI capabilities into the ExRP\u00ae platform to help organisations design, evolve and operate business and regulatory applications. It combines App Builder, specialised AI agents and ExRP\u00ae governance within a structured, traceable environment.<\/p>\n","protected":false},"author":2,"featured_media":6003,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-6915","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>kShuttle AI | AI for the ExRP\u00ae platform<\/title>\n<meta name=\"description\" content=\"kShuttle AI brings AI capabilities to ExRP\u00ae to design, evolve and operate business and regulatory applications within a governed framework.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kshuttle.io\/kshuttle-ia\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"kShuttle AI | AI for the ExRP\u00ae platform\" \/>\n<meta property=\"og:description\" content=\"kShuttle AI brings AI capabilities to ExRP\u00ae to design, evolve and operate business and regulatory applications within a governed framework.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kshuttle.io\/kshuttle-ia\/\" \/>\n<meta property=\"og:site_name\" content=\"kShuttle\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-28T11:20:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/09\/IA-Star-Container-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"352\" \/>\n\t<meta property=\"og:image:height\" content=\"349\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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=\"39 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kshuttle.io\\\/kshuttle-ia\\\/\",\"url\":\"https:\\\/\\\/kshuttle.io\\\/kshuttle-ia\\\/\",\"name\":\"kShuttle AI | AI for the ExRP\u00ae platform\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kshuttle.io\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kshuttle.io\\\/kshuttle-ia\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kshuttle.io\\\/kshuttle-ia\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kshuttle.io\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/IA-Star-Container-1.png\",\"datePublished\":\"2026-10-05T12:09:25+00:00\",\"dateModified\":\"2026-10-28T11:20:33+00:00\",\"description\":\"kShuttle AI brings AI capabilities to ExRP\u00ae to design, evolve and operate business and regulatory applications within a governed framework.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kshuttle.io\\\/kshuttle-ia\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kshuttle.io\\\/kshuttle-ia\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kshuttle.io\\\/kshuttle-ia\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kshuttle.io\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/IA-Star-Container-1.png\",\"contentUrl\":\"https:\\\/\\\/kshuttle.io\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/IA-Star-Container-1.png\",\"width\":352,\"height\":349,\"caption\":\"kShuttle AI on the ExRP\u00ae platform\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kshuttle.io\\\/kshuttle-ia\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kshuttle.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"kShuttle AI | AI for the ExRP\u00ae platform\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kshuttle.io\\\/#website\",\"url\":\"https:\\\/\\\/kshuttle.io\\\/\",\"name\":\"kShuttle\",\"description\":\"La plateforme qui pilote vos donn\u00e9es strat\u00e9giques\",\"publisher\":{\"@id\":\"https:\\\/\\\/kshuttle.io\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kshuttle.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kshuttle.io\\\/#organization\",\"name\":\"kShuttle\",\"url\":\"https:\\\/\\\/kshuttle.io\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kshuttle.io\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/kshuttle.io\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/logo-kshuttle-2.png\",\"contentUrl\":\"https:\\\/\\\/kshuttle.io\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/logo-kshuttle-2.png\",\"width\":170,\"height\":48,\"caption\":\"kShuttle\"},\"image\":{\"@id\":\"https:\\\/\\\/kshuttle.io\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/kshuttle\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"kShuttle AI | AI for the ExRP\u00ae platform","description":"kShuttle AI brings AI capabilities to ExRP\u00ae to design, evolve and operate business and regulatory applications within a governed framework.","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:\/\/kshuttle.io\/kshuttle-ia\/","og_locale":"en_US","og_type":"article","og_title":"kShuttle AI | AI for the ExRP\u00ae platform","og_description":"kShuttle AI brings AI capabilities to ExRP\u00ae to design, evolve and operate business and regulatory applications within a governed framework.","og_url":"https:\/\/kshuttle.io\/kshuttle-ia\/","og_site_name":"kShuttle","article_modified_time":"2026-10-28T11:20:33+00:00","og_image":[{"width":352,"height":349,"url":"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/09\/IA-Star-Container-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"39 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kshuttle.io\/kshuttle-ia\/","url":"https:\/\/kshuttle.io\/kshuttle-ia\/","name":"kShuttle AI | AI for the ExRP\u00ae platform","isPartOf":{"@id":"https:\/\/kshuttle.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kshuttle.io\/kshuttle-ia\/#primaryimage"},"image":{"@id":"https:\/\/kshuttle.io\/kshuttle-ia\/#primaryimage"},"thumbnailUrl":"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/09\/IA-Star-Container-1.png","datePublished":"2026-10-05T12:09:25+00:00","dateModified":"2026-10-28T11:20:33+00:00","description":"kShuttle AI brings AI capabilities to ExRP\u00ae to design, evolve and operate business and regulatory applications within a governed framework.","breadcrumb":{"@id":"https:\/\/kshuttle.io\/kshuttle-ia\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kshuttle.io\/kshuttle-ia\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kshuttle.io\/kshuttle-ia\/#primaryimage","url":"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/09\/IA-Star-Container-1.png","contentUrl":"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/09\/IA-Star-Container-1.png","width":352,"height":349,"caption":"kShuttle AI on the ExRP\u00ae platform"},{"@type":"BreadcrumbList","@id":"https:\/\/kshuttle.io\/kshuttle-ia\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kshuttle.io\/"},{"@type":"ListItem","position":2,"name":"kShuttle AI | AI for the ExRP\u00ae platform"}]},{"@type":"WebSite","@id":"https:\/\/kshuttle.io\/#website","url":"https:\/\/kshuttle.io\/","name":"kShuttle","description":"La plateforme qui pilote vos donn\u00e9es strat\u00e9giques","publisher":{"@id":"https:\/\/kshuttle.io\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kshuttle.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/kshuttle.io\/#organization","name":"kShuttle","url":"https:\/\/kshuttle.io\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kshuttle.io\/#\/schema\/logo\/image\/","url":"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/01\/logo-kshuttle-2.png","contentUrl":"https:\/\/kshuttle.io\/wp-content\/uploads\/2026\/01\/logo-kshuttle-2.png","width":170,"height":48,"caption":"kShuttle"},"image":{"@id":"https:\/\/kshuttle.io\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/kshuttle\/"]}]}},"_links":{"self":[{"href":"https:\/\/kshuttle.io\/en\/wp-json\/wp\/v2\/pages\/6915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kshuttle.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kshuttle.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kshuttle.io\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kshuttle.io\/en\/wp-json\/wp\/v2\/comments?post=6915"}],"version-history":[{"count":22,"href":"https:\/\/kshuttle.io\/en\/wp-json\/wp\/v2\/pages\/6915\/revisions"}],"predecessor-version":[{"id":7105,"href":"https:\/\/kshuttle.io\/en\/wp-json\/wp\/v2\/pages\/6915\/revisions\/7105"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kshuttle.io\/en\/wp-json\/wp\/v2\/media\/6003"}],"wp:attachment":[{"href":"https:\/\/kshuttle.io\/en\/wp-json\/wp\/v2\/media?parent=6915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}