{"id":23235,"date":"2025-06-24T13:43:05","date_gmt":"2025-06-24T11:43:05","guid":{"rendered":"https:\/\/xoap.io\/?page_id=23235"},"modified":"2026-09-10T11:57:34","modified_gmt":"2026-09-10T09:57:34","slug":"configuration-management","status":"publish","type":"page","link":"https:\/\/xoap.io\/fr\/configuration-management\/","title":{"rendered":"Configuration Management"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"23235\" class=\"elementor elementor-23235\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da75ed1 e-flex e-con-boxed e-con e-parent\" data-id=\"da75ed1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4f2018 elementor-widget elementor-widget-html\" data-id=\"a4f2018\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  XOAP \u2014 Shared Styles\n  =====================\n  This widget carries every global design dependency for the whole\n  \"Configuration Management\" page \u2014 fonts, resets, the button\/section\/\n  typography system, and the responsive rules the other 9 widgets rely on.\n  Keep it first on the page.\n-->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap\" rel=\"stylesheet\">\n<script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n<style>\n*,*::before,*::after{box-sizing:border-box;}\nhtml, body {\n  background-color: #0B1215;\n}\n.elementor-page,\n.elementor-section-wrap,\n.site-content,\n#content,\n#page {\n  background-color: #0B1215 !important;\n}\n.elementor-section:not([data-settings*=\"sticky\"]),\n.elementor-container,\n.e-con:not(.elementor-sticky):not([data-id=\"2991b53\"]) {\n  background-color: transparent !important;\n}\n:root{\n  --bg:#0B1215; --surface:#121D21; --surface-2:#0F1A1F;\n  --border:#23343A; --border-soft:#1B2A30;\n  --text:#fff; --text-2:#D0DBDD; --text-3:#8FA6AB; --text-4:#5A7278;\n  --accent:#59CA53; --accent-soft:#9EED69;\n  --primary:#6EE0F7; --primary-dark:#58B3C6;\n  --r:4px; --container:1200px;\n}\nbody{\n  background:#0B1215;color:#D0DBDD;\n  font-family:'Inter','Helvetica Neue',Arial,sans-serif;\n  font-size:16px;line-height:1.55;\n  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;\n}\na{color:inherit;text-decoration:none;}\na:not([class]):hover{color:#58B3C6;text-decoration:underline;}\nimg,svg{max-width:100%;display:block;}\n::selection{background:#6EE0F7;color:#0B1215;}\nh1,h2,h3,h4{margin:0;color:var(--text);font-weight:700;letter-spacing:-0.022em;}\nh1{font-size:clamp(40px,5vw,60px);font-weight:800;letter-spacing:-0.032em;line-height:1.05;}\nh1 em{font-style:normal;font-weight:800;background:linear-gradient(95deg,#D54754 0%,#EB5C19 22%,#FABD2E 44%,#59CA53 66%,#6EE0F7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}\nh2{font-size:clamp(28px,3vw,36px);font-weight:800;letter-spacing:-0.028em;line-height:1.1;}\nh2 em{font-style:normal;font-weight:800;background:linear-gradient(95deg,#D54754 0%,#EB5C19 22%,#FABD2E 44%,#59CA53 66%,#6EE0F7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}\nh3{font-size:24px;font-weight:700;line-height:1.25;}\np{margin:0;}\n.lede{font-size:19px;line-height:1.55;color:var(--text-2);max-width:60ch;}\n.eyebrow{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:6.56px;text-transform:uppercase;color:#6EE0F7;font-weight:600;display:inline-block;}\n.wrap{max-width:var(--container);margin:0 auto;padding:0 32px;}\n@media(max-width:600px){.wrap{padding:0 20px;}}\n\/* Buttons *\/\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:4px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;text-decoration:none;font-family:inherit;white-space:nowrap;}\n.btn svg,.btn i{width:16px;height:16px;}\n.btn-primary{\n  height: 50px !important;\n  padding: 0 24px !important;\n  gap: 11px !important;\n  font-family: 'Inter', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.005em !important;\n  background: #6EE0F7 !important;\n  color: #0B1215 !important;\n  border: 1px solid #6EE0F7 !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255, 255, 255, 0.55),\n    inset 0 -1px 0 0 rgba(11, 18, 21, 0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16, 1, 0.3, 1),\n    border-color     180ms cubic-bezier(0.16, 1, 0.3, 1),\n    color            180ms cubic-bezier(0.16, 1, 0.3, 1),\n    box-shadow       180ms cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n.btn-primary:hover{\n  background: #FFFFFF !important;\n  border-color: #6EE0F7 !important;\n  color: #476166 !important;\n  box-shadow: none !important;\n}\n.btn-demo{\n  height: 50px !important;\n  padding: 0 24px !important;\n  gap: 11px !important;\n  font-family: 'Inter', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.005em !important;\n  white-space: nowrap !important;\n  background: #FFFFFF !important;\n  color: #0B1215 !important;\n  border: 1px solid #FFFFFF !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255, 255, 255, 1),\n    inset 0 -1px 0 0 rgba(0, 0, 0, 0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16, 1, 0.3, 1),\n    border-color     180ms cubic-bezier(0.16, 1, 0.3, 1),\n    color            180ms cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n.btn-demo:hover{\n  background: #F3F6F7 !important;\n  border-color: #F3F6F7 !important;\n  color: #0B1215 !important;\n}\n.btn-secondary-dark{background:transparent;color:#D0DBDD;border-color:#D0DBDD;}\n.btn-secondary-dark:hover{background:rgba(208,219,221,0.08);}\n.btn-ghost{background:transparent;color:#D0DBDD;border-color:#D0DBDD;}\n.btn-ghost:hover{background:rgba(208,219,221,0.08);}\na.btn-link,.pair-copy a.btn-link{display:inline-flex;align-self:flex-start;width:fit-content;align-items:center;gap:6px;background:none !important;color:#6EE0F7 !important;font-weight:600;font-size:13.5px;padding:4px 8px;margin:-4px -8px;border-radius:0;border-bottom:1px solid rgba(110,224,247,0.25) !important;text-decoration:none !important;transition:background-color .15s,color .15s,border-color .15s;}\n.btn-link svg,.btn-link i{width:14px;height:14px;}\na.btn-link:hover,.pair-copy a.btn-link:hover{background:#fff !important;color:#476166 !important;border-bottom-color:transparent !important;}\n\/* Section *\/\nsection.section{padding:96px 0;}\nsection.section.alt{background:var(--surface-2);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);}\n.section-head{max-width:780px;margin:0 auto 56px;text-align:center;}\n.section-head.left{text-align:left;margin-left:0;}\n.section-head .eyebrow{justify-content:center;margin-bottom:18px;}\n.section-head.left .eyebrow{justify-content:flex-start;}\n.section-head h2{margin:0 0 16px;}\n.section-head .lede{margin:0 auto;}\n.section-head.left .lede{margin:0;}\n@media(max-width:860px){section.section{padding:80px 0;}}\n\n\/* \u2500\u2500 Legacy responsive rules \u2014 still used by the other 9 \"Configuration\n   Management\" widgets below (they lay sections out with data-pad \/ data-r\n   attributes rather than the .section\/.wrap classes above). Keep this block\n   even though the hero itself no longer uses those attributes. \u2500\u2500 *\/\n@media (max-width: 1024px) {\n  [data-pad=\"full\"] { padding-top: 120px !important; padding-bottom: 120px !important; }\n  [data-pad=\"top\"] { padding-top: 120px !important; }\n  [data-pad=\"bottom\"] { padding-bottom: 120px !important; }\n  [data-pad=\"hero\"] { padding-top: 96px !important; }\n  [data-r=\"pair\"] { grid-template-columns: minmax(0,1fr) !important; gap: 40px !important; }\n  [data-r=\"hero-h1\"] { font-size: 56px !important; line-height: 60px !important; }\n}\n@media (max-width: 700px) {\n  [data-pad] { padding-left: 20px !important; padding-right: 20px !important; }\n  [data-pad=\"full\"] { padding-top: 80px !important; padding-bottom: 80px !important; }\n  [data-pad=\"top\"] { padding-top: 80px !important; }\n  [data-pad=\"bottom\"] { padding-bottom: 80px !important; }\n  [data-pad=\"hero\"] { padding-top: 72px !important; }\n  [data-r=\"hero-h1\"] { font-size: 40px !important; line-height: 46px !important; }\n}\n<\/style>\n<script>\n  document.addEventListener('DOMContentLoaded', function(){ if(window.lucide) lucide.createIcons(); });\n<\/script>\n\n<!-- Legacy hover-state + scroll-reveal shim for the other widgets below,\n     which still set hover styles via a style-hover=\"...\" attribute instead\n     of a real CSS class. Harmless no-op on this hero, which now uses real\n     :hover rules (.btn-primary:hover \/ .btn-demo:hover) instead. -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  document.querySelectorAll('[style-hover]').forEach(function (el) {\n    var base = el.getAttribute('style') || '';\n    var hoverExtra = el.getAttribute('style-hover');\n    el.addEventListener('mouseenter', function () { el.setAttribute('style', base + ';' + hoverExtra); });\n    el.addEventListener('mouseleave', function () { el.setAttribute('style', base); });\n  });\n\n  var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var sections = Array.from(document.querySelectorAll('section.hero, section[data-pad], section#features, section#modules'));\n  if (reduce || typeof IntersectionObserver === 'undefined' || !sections.length) return;\n  sections.forEach(function (n) {\n    n.style.opacity = '0';\n    n.style.transform = 'translateY(8px)';\n    n.style.transition = 'opacity .4s cubic-bezier(0.16,1,0.3,1), transform .4s cubic-bezier(0.16,1,0.3,1)';\n  });\n  var failsafe = setTimeout(function () {\n    sections.forEach(function (n) { n.style.opacity = '1'; n.style.transform = 'none'; });\n  }, 3000);\n  var io = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      if (!e.isIntersecting) return;\n      e.target.style.opacity = '1';\n      e.target.style.transform = 'none';\n      io.unobserve(e.target);\n    });\n  }, { rootMargin: '0px 0px -8% 0px', threshold: 0.05 });\n  sections.forEach(function (n) { io.observe(n); });\n});\n<\/script>\n\n<style>\n.hero{position:relative;padding:88px 0 56px;overflow:hidden;text-align:center;}\n.hero::before{content:\"\";position:absolute;left:50%;top:-220px;width:1200px;height:760px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(110,224,247,0.10) 0%,rgba(110,224,247,0.04) 35%,transparent 70%);pointer-events:none;}\n.hero-inner{position:relative;max-width:920px;margin:0 auto;}\n.hero .eyebrow{justify-content:center;margin-bottom:22px;}\n.hero h1{margin-bottom:24px;}\n.hero .lede{margin:0 auto 32px;text-align:center;font-size:19px;color:var(--text-2);}\n.hero-acts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:18px;}\n.hero-meta{font-size:13px;color:var(--text-3);display:inline-flex;align-items:center;gap:8px;}\n.hero-meta svg,.hero-meta i{width:14px;height:14px;color:var(--accent);}\n<\/style>\n\n<section class=\"hero\">\n  <div class=\"wrap hero-inner\">\n    <span class=\"eyebrow\">Configuration Management<\/span>\n    <h1>Automate and standardize Desired State Configuration everywhere<\/h1>\n    <p class=\"lede\">Standardize, secure and automate your entire hybrid IT infrastructure \u2013 with no coding.<\/p>\n    <div class=\"hero-acts\">\n      <a href=\"https:\/\/auth.xoap.io\/auth\/realms\/my.xoap.io\/protocol\/openid-connect\/registrations?client_id=portal&response_type=code&scope=openid%20email&redirect_uri=https:\/\/my.xoap.io&kc_locale=en\"\n         target=\"_blank\" rel=\"noopener\"\n         class=\"btn btn-primary\">\n        <i data-lucide=\"user-plus\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Start for free\n      <\/a>\n      <a href=\"https:\/\/calendly.com\/xoap\/30min\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-demo\">\n        <i data-lucide=\"move-right\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Book a demo\n      <\/a>\n    <\/div>\n    <div class=\"hero-meta\"><i data-lucide=\"check\"><\/i> No credit card required<\/div>\n  <\/div>\n<\/section>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-26dfa6c elementor-widget elementor-widget-image\" data-id=\"26dfa6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"679\" src=\"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new-1024x679.webp\" class=\"attachment-large size-large wp-image-32164\" alt=\"\" srcset=\"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new-1024x679.webp 1024w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new-300x199.webp 300w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new-768x510.webp 768w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new-1536x1019.webp 1536w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new-18x12.webp 18w, https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64d8239 e-flex e-con-boxed e-con e-parent\" data-id=\"64d8239\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b9abac elementor-widget elementor-widget-html\" data-id=\"3b9abac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SNIPPET 02 \u2014 Ecosystem Strip\n  ==============================\n-->\n<style>\n.strip{padding:64px 0;}\n.strip-inner{display:flex;flex-direction:column;align-items:center;gap:28px;}\n.strip-label{font-size:12px;font-weight:700;letter-spacing:6.56px;text-transform:uppercase;color:#748D93;}\n.strip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;}\n.strip-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#121D21;border:1px solid #354F55;border-radius:4px;color:#D0DBDD;font-size:13px;font-weight:500;}\n.strip-pill::before{content:\"\";width:8px;height:8px;border-radius:2px;background:#5A7278;flex-shrink:0;}\n@media(max-width:600px){\n  .strip{padding:40px 0;}\n  .strip-inner{gap:20px;}\n  .strip-label{font-size:11px;letter-spacing:2.5px;text-align:center;}\n  .strip-row{gap:8px;}\n  .strip-pill{padding:6px 12px;font-size:12px;}\n}\n<\/style>\n<section class=\"strip\">\n  <div class=\"wrap strip-inner\">\n    <div class=\"strip-label\">Empowered by a strong ecosystem<\/div>\n    <div class=\"strip-row\">\n      <span class=\"strip-pill\">Microsoft Azure<\/span>\n      <span class=\"strip-pill\">AWS<\/span>\n      <span class=\"strip-pill\">Google Cloud Platform<\/span>\n      <span class=\"strip-pill\">GraphQL<\/span>\n      <span class=\"strip-pill\">PowerShell<\/span>\n      <span class=\"strip-pill\">GitHub<\/span>\n      <span class=\"strip-pill\">Packer<\/span>\n      <span class=\"strip-pill\">Terraform<\/span>\n      <span class=\"strip-pill\">VMware<\/span>\n      <span class=\"strip-pill\">Citrix<\/span>\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8eb652 e-flex e-con-boxed e-con e-parent\" data-id=\"f8eb652\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54542c5 elementor-widget elementor-widget-html\" data-id=\"54542c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SNIPPET 04 \u2014 How It Works\n  ==============================\n-->\n<style>\n.pairs{display:grid;gap:104px;margin-top:80px;}\n.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;}\n.pair-copy{display:flex;flex-direction:column;justify-content:center;gap:16px;}\n.step-eyebrow{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#00A1E6;}\n.showcase{position:relative;min-height:340px;border:1px solid #354F55;border-radius:16px;overflow:hidden;background:#111D22;}\n.showcase-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;}\n@media(max-width:860px){\n  .pair{grid-template-columns:minmax(0,1fr);gap:40px;}\n}\n<\/style>\n\n<section class=\"section\" id=\"features\">\n  <div class=\"wrap\">\n    <div class=\"section-head\">\n      <span class=\"eyebrow\">How it works<\/span>\n      <h2>Configuration management for your entire hybrid IT infrastructure<\/h2>\n      <p class=\"lede\">From small teams to enterprise IT, control and continuously enforce system settings across hybrid and cloud environments \u2013 effortlessly.<\/p>\n    <\/div>\n\n    <div class=\"pairs\">\n      <div class=\"pair\">\n        <div class=\"pair-copy\">\n          <span class=\"step-eyebrow\">01 \u2014 Deploy<\/span>\n          <h3>Zero-touch, versioned configuration deployments<\/h3>\n          <p>Eliminate manual rollouts and reduce human error with automated, version-controlled deployments.<\/p>\n          <a href=\"https:\/\/xoap.io\/manage-your-server-and-desktop-systems\/\" class=\"btn-link\">Managing server and desktop systems with XOAP <i data-lucide=\"arrow-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"showcase\">\n          <div class=\"showcase-inner\">\n            <div style=\"position:relative;width:230px\">\n              <div style=\"position:absolute;top:-14px;left:14px;right:14px;height:44px;border:1px solid #24373C;border-radius:8px;background:#121D21\"><\/div>\n              <div style=\"position:absolute;top:-7px;left:7px;right:7px;height:44px;border:1px solid #2C4349;border-radius:8px;background:#152125\"><\/div>\n              <div style=\"position:relative;display:flex;align-items:center;gap:10px;height:44px;padding:0 14px;border:1px solid #00A1E6;border-radius:8px;background:#0C2C41\">\n                <span style=\"font-size:12px;font-weight:600;color:#fff\">v1.4<\/span>\n                <span style=\"font-size:11px;color:#D0DBDD\">baseline.dsc<\/span>\n                <span style=\"margin-left:auto;width:8px;height:8px;border-radius:50%;background:#9EED69;display:block\"><\/span>\n              <\/div>\n            <\/div>\n            <div style=\"width:1px;height:34px;background:linear-gradient(180deg,#00A1E6,#354F55)\"><\/div>\n            <div style=\"display:flex;gap:8px\">\n              <span style=\"width:44px;height:30px;border:1px solid #354F55;border-radius:4px;background:#121D21;display:block\"><\/span>\n              <span style=\"width:44px;height:30px;border:1px solid #354F55;border-radius:4px;background:#121D21;display:block\"><\/span>\n              <span style=\"width:44px;height:30px;border:1px solid #354F55;border-radius:4px;background:#121D21;display:block\"><\/span>\n              <span style=\"width:44px;height:30px;border:1px solid #354F55;border-radius:4px;background:#121D21;display:block\"><\/span>\n            <\/div>\n            <span style=\"font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#748D93\">connected systems<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pair\">\n        <div class=\"showcase\">\n          <div class=\"showcase-inner\" style=\"flex-direction:row;gap:28px\">\n            <div style=\"display:flex;flex-direction:column;align-items:center;gap:12px\">\n              <div style=\"width:78px;height:78px;border-radius:50%;background:conic-gradient(#6EE0F7 0turn 0.98turn,#24373C 0.98turn 1turn);display:flex;align-items:center;justify-content:center\">\n                <span style=\"width:58px;height:58px;border-radius:50%;background:#0F1A1E;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff\">98%<\/span>\n              <\/div>\n              <span style=\"font-size:11px;font-weight:600;letter-spacing:1.4px;color:#748D93\">CIS<\/span>\n            <\/div>\n            <div style=\"display:flex;flex-direction:column;align-items:center;gap:12px\">\n              <div style=\"width:78px;height:78px;border-radius:50%;background:conic-gradient(#00A1E6 0turn 0.94turn,#24373C 0.94turn 1turn);display:flex;align-items:center;justify-content:center\">\n                <span style=\"width:58px;height:58px;border-radius:50%;background:#0F1A1E;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff\">94%<\/span>\n              <\/div>\n              <span style=\"font-size:11px;font-weight:600;letter-spacing:1.4px;color:#748D93\">STIG<\/span>\n            <\/div>\n            <div style=\"display:flex;flex-direction:column;align-items:center;gap:12px\">\n              <div style=\"width:78px;height:78px;border-radius:50%;background:conic-gradient(#43AFA5 0turn 0.87turn,#24373C 0.87turn 1turn);display:flex;align-items:center;justify-content:center\">\n                <span style=\"width:58px;height:58px;border-radius:50%;background:#0F1A1E;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff\">87%<\/span>\n              <\/div>\n              <span style=\"font-size:11px;font-weight:600;letter-spacing:1.4px;color:#748D93\">SiSyPHuS<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"pair-copy\">\n          <span class=\"step-eyebrow\">02 \u2014 Comply<\/span>\n          <h3>Continuous compliance made simple<\/h3>\n          <p>Stay compliant with CIS, STIG, SiSyPHuS or your own security baselines \u2013 without relying on manual checks.<\/p>\n          <a href=\"https:\/\/xoap.io\/solution-security-compliance\/\" class=\"btn-link\">More about security compliance <i data-lucide=\"arrow-right\"><\/i><\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"pair\">\n        <div class=\"pair-copy\">\n          <span class=\"step-eyebrow\">03 \u2014 Monitor<\/span>\n          <h3>Real-time monitoring &amp; change tracking<\/h3>\n          <p>Detect, alert and act on configuration drift or unauthorized changes before they become incidents.<\/p>\n          <a href=\"https:\/\/xoap.io\/manage-all-modern-workplaces-from-one-interface\/\" class=\"btn-link\">All modern workplaces in one user interface <i data-lucide=\"arrow-right\"><\/i><\/a>\n        <\/div>\n        <div class=\"showcase\">\n          <div class=\"showcase-inner\" style=\"justify-content:center;gap:18px;padding:44px\">\n            <svg viewBox=\"0 0 320 130\" style=\"width:100%;height:auto;display:block\" aria-hidden=\"true\">\n              <g stroke=\"#1E2E33\" stroke-width=\"1\">\n                <line x1=\"0\" y1=\"26\" x2=\"320\" y2=\"26\"><\/line>\n                <line x1=\"0\" y1=\"65\" x2=\"320\" y2=\"65\"><\/line>\n                <line x1=\"0\" y1=\"104\" x2=\"320\" y2=\"104\"><\/line>\n              <\/g>\n              <polyline points=\"0,88 40,84 80,90 120,82 160,86 200,30 240,34 280,80 320,76\" fill=\"none\" stroke=\"#6EE0F7\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/polyline>\n              <circle cx=\"200\" cy=\"30\" r=\"5\" fill=\"#EFC052\"><\/circle>\n              <circle cx=\"200\" cy=\"30\" r=\"11\" fill=\"none\" stroke=\"#EFC052\" stroke-opacity=\"0.4\" stroke-width=\"1.5\"><\/circle>\n            <\/svg>\n            <div style=\"display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #354F55;border-radius:8px;background:#121D21;width:100%\">\n              <span style=\"width:8px;height:8px;border-radius:50%;background:#EFC052;display:block;flex-shrink:0\"><\/span>\n              <span style=\"font-size:12px;color:#fff;font-weight:600\">Drift detected<\/span>\n              <span style=\"font-size:12px;color:#748D93;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\">Registry policy changed on 3 systems<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"pair\">\n        <div class=\"showcase\">\n          <div class=\"showcase-inner\" style=\"align-items:stretch;justify-content:center;gap:10px;padding:44px\">\n            <div style=\"display:flex;align-items:center;gap:12px\">\n              <span style=\"width:22px;height:22px;border-radius:50%;background:#00A1E6;color:#0B1215;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0\">1<\/span>\n              <span style=\"flex:1;padding:10px 14px;border:1px solid #354F55;border-radius:6px;background:#121D21;font-size:12px;color:#fff\">Pick DSC resource<\/span>\n            <\/div>\n            <span style=\"width:1px;height:12px;background:#354F55;margin-left:10px;display:block\"><\/span>\n            <div style=\"display:flex;align-items:center;gap:12px\">\n              <span style=\"width:22px;height:22px;border-radius:50%;background:#00A1E6;color:#0B1215;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0\">2<\/span>\n              <span style=\"flex:1;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #6EE0F7;border-radius:6px;background:#0C2C41;font-size:12px;color:#fff\">Registry\n                <span style=\"margin-left:auto;color:#6EE0F7;font-size:11px\">selected<\/span>\n              <\/span>\n            <\/div>\n            <span style=\"width:1px;height:12px;background:#354F55;margin-left:10px;display:block\"><\/span>\n            <div style=\"display:flex;align-items:center;gap:12px\">\n              <span style=\"width:22px;height:22px;border-radius:50%;border:1px solid #354F55;color:#748D93;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0\">3<\/span>\n              <span style=\"flex:1;padding:10px 14px;border:1px dashed #354F55;border-radius:6px;font-size:12px;color:#748D93\">Set desired value<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"pair-copy\">\n          <span class=\"step-eyebrow\">04 \u2014 Create<\/span>\n          <h3>No code. No hassle.<\/h3>\n          <p>Use our visual DSC wizard to create, deploy and manage configurations \u2013 even in standalone or disconnected environments.<\/p>\n          <a href=\"https:\/\/xoap.io\/intune-and-mem-vs-xoap\/\" class=\"btn-link\">Compare XOAP to Microsoft Intune and MEM <i data-lucide=\"arrow-right\"><\/i><\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e617551 e-flex e-con-boxed e-con e-parent\" data-id=\"e617551\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe44c3d elementor-widget elementor-widget-html\" data-id=\"fe44c3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- width:100vw + the negative margins\/left:50% break this section out of\n       Elementor's boxed column width so the light background runs edge to\n       edge, regardless of how wide the surrounding container is set to. -->\n  <style>\n  \/* Mobile tuning for this section only \u2014 the 52px heading and 40px card\n     padding are fine at desktop width but overwhelm a phone screen, so we\n     scale them down under the site's existing 700px breakpoint. !important\n     is required here because these are overriding inline styles. *\/\n  @media(max-width:700px){\n    .pipeline-heading{font-size:clamp(28px,8vw,36px) !important;line-height:1.15 !important;}\n    .pipeline-lede{font-size:16px !important;line-height:24px !important;}\n    .pipeline-card-inner{padding:24px !important;gap:16px !important;}\n    .pipeline-card-head{flex-wrap:wrap !important;row-gap:8px !important;}\n    .pipeline-legend{gap:24px !important;margin-top:40px !important;}\n  }\n  <\/style>\n  <section data-pad=\"full\" style=\"background:#F3F6F7;color:#101F28;padding:160px 32px;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw\">\n    <div style=\"max-width:1200px;margin:0 auto\">\n      <div style=\"max-width:760px;margin:0 auto;text-align:center\">\n        <div style=\"font-size:12px;font-weight:600;letter-spacing:6.56px;text-transform:uppercase;color:#00A1E6;margin-bottom:20px\">Step by step<\/div>\n        <h2 class=\"pipeline-heading\" style=\"margin:0;font-size:52px;line-height:60px;font-weight:700;letter-spacing:-0.032em;color:#101F28;text-wrap:balance\">Your configuration pipeline in one view<\/h2>\n        <p class=\"pipeline-lede\" style=\"margin:20px 0 0;font-size:18px;line-height:28px;color:#476166;text-wrap:pretty\">A few clicks is all it takes to manage your entire infrastructure. From setup to compliance \u2013 in 4 simple steps.<\/p>\n      <\/div>\n      <div style=\"margin-top:56px;border-radius:16px;overflow:hidden;border:1px solid #D0DBDD;background:#fff;position:relative\">\n        <div class=\"pipeline-card-inner\" style=\"padding:40px;display:flex;flex-direction:column;gap:24px;background:#fff\">\n          <div class=\"pipeline-card-head\" style=\"display:flex;align-items:center;gap:10px\">\n            <span style=\"font-size:12px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:#667F85\">Configuration pipeline<\/span>\n            <span style=\"margin-left:auto;padding:5px 12px;border-radius:34px;border:1px solid #D0DBDD;font-size:12px;color:#476166;white-space:nowrap\">42 systems<\/span>\n          <\/div>\n          <div style=\"flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;align-items:start\">\n            <div style=\"display:flex;flex-direction:column;gap:10px;min-height:0\">\n              <div style=\"display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #00A1E6\">\n                <span style=\"font-size:13px;font-weight:700;color:#101F28\">Create<\/span>\n                <span style=\"margin-left:auto;font-size:12px;color:#748D93\">3<\/span>\n              <\/div>\n              <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n                <div style=\"font-size:12px;font-weight:600;color:#101F28\">CIS Windows Server<\/div>\n                <div style=\"font-size:11px;color:#748D93;margin-top:4px\">DSC wizard<\/div>\n              <\/div>\n              <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n                <div style=\"font-size:12px;font-weight:600;color:#101F28\">GPO import<\/div>\n                <div style=\"font-size:11px;color:#748D93;margin-top:4px\">18 policies<\/div>\n              <\/div>\n            <\/div>\n            <div style=\"display:flex;flex-direction:column;gap:10px;min-height:0\">\n              <div style=\"display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #00A1E6\">\n                <span style=\"font-size:13px;font-weight:700;color:#101F28\">Deploy<\/span>\n                <span style=\"margin-left:auto;font-size:12px;color:#748D93\">2<\/span>\n              <\/div>\n              <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n                <div style=\"font-size:12px;font-weight:600;color:#101F28\">RDS baseline v2.0<\/div>\n                <div style=\"height:5px;border-radius:34px;background:#D0DBDD;margin-top:10px;overflow:hidden\"><span style=\"display:block;width:72%;height:100%;background:#00A1E6\"><\/span><\/div>\n              <\/div>\n            <\/div>\n            <div style=\"display:flex;flex-direction:column;gap:10px;min-height:0\">\n              <div style=\"display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #00A1E6\">\n                <span style=\"font-size:13px;font-weight:700;color:#101F28\">Enforce<\/span>\n                <span style=\"margin-left:auto;font-size:12px;color:#748D93\">4<\/span>\n              <\/div>\n              <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n                <div style=\"font-size:12px;font-weight:600;color:#101F28\">AVD golden desktop<\/div>\n                <div style=\"font-size:11px;color:#3B7C0F;margin-top:4px\">Policy applied<\/div>\n              <\/div>\n              <div style=\"padding:12px;border:1px solid #D0DBDD;border-radius:8px;background:#F3F6F7\">\n                <div style=\"font-size:12px;font-weight:600;color:#101F28\">STIG file server<\/div>\n                <div style=\"font-size:11px;color:#3B7C0F;margin-top:4px\">Policy applied<\/div>\n              <\/div>\n            <\/div>\n            <div style=\"display:flex;flex-direction:column;gap:10px;min-height:0\">\n              <div style=\"display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid #00A1E6\">\n                <span style=\"font-size:13px;font-weight:700;color:#101F28\">Monitor<\/span>\n                <span style=\"margin-left:auto;font-size:12px;color:#748D93\">1<\/span>\n              <\/div>\n              <div style=\"padding:12px;border:1px solid #EFC052;border-radius:8px;background:#FFF5DF\">\n                <div style=\"font-size:12px;font-weight:600;color:#101F28\">Drift on 3 systems<\/div>\n                <div style=\"font-size:11px;color:#F77501;margin-top:4px\">Remediation queued<\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"pipeline-legend\" style=\"margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px\">\n        <div style=\"border-top:2px solid #00A1E6;padding-top:20px\">\n          <h4 style=\"margin:0 0 10px;font-size:20px;line-height:28px;font-weight:700;color:#101F28\">Create<\/h4>\n          <p style=\"margin:0;font-size:15px;line-height:24px;color:#476166;text-wrap:pretty\">custom configurations with zero coding\u2014use the built-in DSC wizard or upload your own files.<\/p>\n        <\/div>\n        <div style=\"border-top:2px solid #00A1E6;padding-top:20px\">\n          <h4 style=\"margin:0 0 10px;font-size:20px;line-height:28px;font-weight:700;color:#101F28\">Deploy<\/h4>\n          <p style=\"margin:0;font-size:15px;line-height:24px;color:#476166;text-wrap:pretty\">versioned configurations automatically to all connected systems, even standalone environments.<\/p>\n        <\/div>\n        <div style=\"border-top:2px solid #00A1E6;padding-top:20px\">\n          <h4 style=\"margin:0 0 10px;font-size:20px;line-height:28px;font-weight:700;color:#101F28\">Enforce<\/h4>\n          <p style=\"margin:0;font-size:15px;line-height:24px;color:#476166;text-wrap:pretty\">standards and security with repeatable, policy-driven configurations across your infrastructure.<\/p>\n        <\/div>\n        <div style=\"border-top:2px solid #00A1E6;padding-top:20px\">\n          <h4 style=\"margin:0 0 10px;font-size:20px;line-height:28px;font-weight:700;color:#101F28\">Monitor<\/h4>\n          <p style=\"margin:0;font-size:15px;line-height:24px;color:#476166;text-wrap:pretty\">configuration status in real time and respond instantly to drift, errors or security gaps.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aae6921 e-flex e-con-boxed e-con e-parent\" data-id=\"aae6921\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-664ebb5 elementor-widget elementor-widget-html\" data-id=\"664ebb5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\n  SNIPPET 05 \u2014 Mid CTA\n  ======================\n-->\n<style>\n\/* Elementor\/theme overrides *\/\n:root{--bg:#0B1215;--surface:#121D21;--surface-2:#0F1A1F;--border:#23343A;--border-soft:#1B2A30;--text:#fff;--text-2:#D0DBDD;--text-3:#8FA6AB;--text-4:#5A7278;--accent:#59CA53;--accent-soft:#9EED69;--primary:#6EE0F7;--primary-dark:#58B3C6;--container:1200px;}\nh1,h2,h3,h4,.elementor h1,.elementor h2,.elementor h3,.elementor h4{font-family:'Inter','Helvetica Neue',Arial,sans-serif !important;color:#fff;}\np,span,div,a{font-family:'Inter','Helvetica Neue',Arial,sans-serif;}\n.wrap{max-width:var(--container);margin:0 auto;padding:0 32px;}\n@media(max-width:600px){.wrap{padding:0 20px;}}\n.eyebrow{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:6.56px;text-transform:uppercase;color:#6EE0F7;font-weight:600;display:inline-block;}\n.lede{font-size:19px;line-height:1.55;color:var(--text-2);max-width:60ch;}\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:4px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;text-decoration:none;font-family:inherit;white-space:nowrap;}\n.btn svg,.btn i{width:16px;height:16px;}\n.btn-primary{\n  height: 50px !important;\n  padding: 0 24px !important;\n  gap: 11px !important;\n  font-family: 'Inter', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.005em !important;\n  background: #6EE0F7 !important;\n  color: #0B1215 !important;\n  border: 1px solid #6EE0F7 !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255, 255, 255, 0.55),\n    inset 0 -1px 0 0 rgba(11, 18, 21, 0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16, 1, 0.3, 1),\n    border-color     180ms cubic-bezier(0.16, 1, 0.3, 1),\n    color            180ms cubic-bezier(0.16, 1, 0.3, 1),\n    box-shadow       180ms cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n.btn-primary:hover{\n  background: #FFFFFF !important;\n  border-color: #6EE0F7 !important;\n  color: #476166 !important;\n  box-shadow: none !important;\n}\n.btn-demo{\n  height: 50px !important;\n  padding: 0 24px !important;\n  gap: 11px !important;\n  font-family: 'Inter', sans-serif !important;\n  font-size: 16px !important;\n  font-weight: 700 !important;\n  letter-spacing: -0.005em !important;\n  white-space: nowrap !important;\n  background: #FFFFFF !important;\n  color: #0B1215 !important;\n  border: 1px solid #FFFFFF !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255, 255, 255, 1),\n    inset 0 -1px 0 0 rgba(0, 0, 0, 0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16, 1, 0.3, 1),\n    border-color     180ms cubic-bezier(0.16, 1, 0.3, 1),\n    color            180ms cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n.btn-demo:hover{\n  background: #F3F6F7 !important;\n  border-color: #F3F6F7 !important;\n  color: #0B1215 !important;\n}\n.btn-ghost{background:transparent;color:#D0DBDD;border-color:#D0DBDD;}\n.btn-ghost:hover{background:rgba(208,219,221,0.08);}\n.btn-link{color:#6EE0F7 !important;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;text-decoration:none;border-bottom:1px solid rgba(110,224,247,0.25);padding-bottom:1px;transition:color .15s,border-color .15s;}\n.btn-link svg,.btn-link i{width:14px;height:14px;transition:transform .15s;}\n.btn-link:hover{color:#fff !important;border-bottom-color:rgba(255,255,255,0.4);}\n.btn-link:hover svg,.btn-link:hover i{transform:translateX(3px);}\nsection.section{padding:120px 0;}\nsection.section.alt{background:var(--surface-2);border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);}\n.section-head{max-width:780px;margin:0 auto 56px;text-align:center;}\n.section-head.left{text-align:left;margin-left:0;}\n.section-head .eyebrow{margin-bottom:18px;}\n.section-head h2{margin:0 0 16px;}\n.section-head .lede{margin:0 auto;}\n.section-head.left .lede{margin:0;}\nh2 em{font-style:normal;font-weight:800;background:linear-gradient(95deg,#D54754 0%,#EB5C19 22%,#FABD2E 44%,#59CA53 66%,#6EE0F7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}\n@media(max-width:860px){section.section{padding:80px 0;}}\n<\/style>\n<style>\n.mid-cta{padding:96px 0;text-align:center;position:relative;overflow:hidden;}\n.mid-cta::before{content:\"\";position:absolute;left:50%;top:50%;width:1100px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(110,224,247,0.08),transparent 70%);pointer-events:none;}\n.mid-cta-inner{position:relative;max-width:720px;margin:0 auto;}\n.mid-cta h2{margin:0 0 16px;}\n.mid-cta p{color:var(--text-2);font-size:19px;margin:0 0 28px;}\n.mid-cta .acts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;}\n<\/style>\n<section class=\"mid-cta\">\n  <div class=\"wrap mid-cta-inner\">\n    <h2>Get started with XOAP in just a few clicks<\/h2>\n    <p>See XOAP in action without commitment. Free account, no credit card required.<\/p>\n    <div class=\"acts\">\n      <a href=\"https:\/\/auth.xoap.io\/auth\/realms\/my.xoap.io\/protocol\/openid-connect\/registrations?client_id=portal&response_type=code&scope=openid%20email&redirect_uri=https:\/\/my.xoap.io&kc_locale=en\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-primary\">\n        <i data-lucide=\"user-plus\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Start for free\n      <\/a>\n      <a href=\"https:\/\/calendly.com\/xoap\/30min\" target=\"_blank\" rel=\"noopener\" class=\"btn btn-demo\">\n        <i data-lucide=\"move-right\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Book a demo\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cb2d92 e-flex e-con-boxed e-con e-parent\" data-id=\"2cb2d92\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-328d1f4 elementor-widget elementor-widget-html\" data-id=\"328d1f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* Mobile tuning: the 6-column capability grid and its 52px heading are\n     tuned for desktop; on a phone the spans (4\/2\/2\/4\/3\/3 of 6) squeeze every\n     card down to a sliver, so on mobile every card is forced to the full\n     grid width (span 6) and stacks into one column instead. *\/\n  @media(max-width:700px){\n    .cap-heading{font-size:clamp(26px,7.5vw,34px) !important;line-height:1.15 !important;}\n    .cap-grid{gap:16px !important;}\n    .cap-card{grid-column:span 6 !important;padding:24px !important;}\n    .cap-card-row{flex-wrap:wrap !important;}\n  }\n  <\/style>\n  <section data-pad=\"full\" style=\"padding:160px 32px\">\n    <div style=\"max-width:1200px;margin:0 auto\">\n      <div style=\"max-width:820px;margin:0 auto;text-align:center\">\n        <div style=\"font-size:12px;font-weight:600;letter-spacing:6.56px;text-transform:uppercase;color:#58B3C6;margin-bottom:20px\">All the capabilities you need<\/div>\n        <h2 class=\"cap-heading\" style=\"margin:0;font-size:52px;line-height:60px;font-weight:700;letter-spacing:-0.032em;color:#fff;text-wrap:balance\">Manage all your configurations and policies \u2013from one platform<\/h2>\n        <p style=\"margin:24px 0 0;font-size:18px;line-height:28px;color:#D0DBDD;text-wrap:pretty\">XOAP helps you scale securely, enforce standards and respond faster across any hybrid infrastructure.<\/p>\n      <\/div>\n\n      <div class=\"cap-grid\" style=\"margin-top:56px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px\">\n        <div class=\"cap-card\" style=\"grid-column:span 4;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px\">\n          <div>\n            <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">Desired State Configuration (DSC) engine<\/h4>\n            <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Use all common DSC modules, extended by a flexible and intuitive wizard.<\/p>\n          <\/div>\n          <div style=\"position:relative;flex:1;min-height:250px;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n            <div style=\"position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;gap:10px;justify-content:center\">\n            <div style=\"display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#748D93;margin-bottom:4px\">DSC wizard\n              <span style=\"margin-left:auto;padding:4px 10px;border-radius:4px;background:#E7FAFE;color:#102428;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0\">Add resource<\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #354F55;border-radius:6px;background:#121D21\">\n              <span style=\"font-size:12px;color:#fff;flex:1\">WindowsFeature<\/span>\n              <span style=\"width:32px;height:18px;border-radius:34px;background:#6EE0F7;position:relative;display:block\"><span style=\"position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#102428;display:block\"><\/span><\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #354F55;border-radius:6px;background:#121D21\">\n              <span style=\"font-size:12px;color:#fff;flex:1\">Registry<\/span>\n              <span style=\"width:32px;height:18px;border-radius:34px;background:#6EE0F7;position:relative;display:block\"><span style=\"position:absolute;top:3px;right:3px;width:12px;height:12px;border-radius:50%;background:#102428;display:block\"><\/span><\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #354F55;border-radius:6px;background:#121D21\">\n              <span style=\"font-size:12px;color:#D0DBDD;flex:1\">Service<\/span>\n              <span style=\"width:32px;height:18px;border-radius:34px;background:#24373C;position:relative;display:block\"><span style=\"position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#748D93;display:block\"><\/span><\/span>\n            <\/div>\n            <div style=\"display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px dashed #354F55;border-radius:6px\">\n              <span style=\"font-size:12px;color:#748D93;flex:1\">LocalGroupMember<\/span>\n            <\/div>\n          <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cap-card\" style=\"grid-column:span 2;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px\">\n          <div>\n            <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">Change &amp; release management<\/h4>\n            <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Track every change in the configuration management and policies and roll-back if needed.<\/p>\n          <\/div>\n          <div style=\"position:relative;flex:1;min-height:250px;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n            <div style=\"position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;gap:0\">\n            <div style=\"display:flex;gap:12px\">\n              <span style=\"width:9px;height:9px;border-radius:50%;background:#6EE0F7;margin-top:4px;flex-shrink:0;display:block\"><\/span>\n              <div style=\"padding-bottom:14px;border-left:1px solid #24373C;margin-left:-16px;padding-left:16px\">\n                <div style=\"font-size:12px;color:#fff;font-weight:600\">v1.4 current<\/div>\n                <div style=\"font-size:11px;color:#748D93\">Registry baseline updated<\/div>\n              <\/div>\n            <\/div>\n            <div style=\"display:flex;gap:12px\">\n              <span style=\"width:9px;height:9px;border-radius:50%;background:#354F55;margin-top:4px;flex-shrink:0;display:block\"><\/span>\n              <div style=\"padding-bottom:14px;border-left:1px solid #24373C;margin-left:-16px;padding-left:16px\">\n                <div style=\"font-size:12px;color:#D0DBDD;font-weight:600\">v1.3<\/div>\n                <div style=\"font-size:11px;color:#748D93\">Service policy added<\/div>\n              <\/div>\n            <\/div>\n            <div style=\"display:flex;gap:12px\">\n              <span style=\"width:9px;height:9px;border-radius:50%;background:#354F55;margin-top:4px;flex-shrink:0;display:block\"><\/span>\n              <div>\n                <div style=\"font-size:12px;color:#D0DBDD;font-weight:600\">v1.2<\/div>\n                <div style=\"font-size:11px;color:#748D93\">Initial rollout<\/div>\n              <\/div>\n            <\/div>\n            <span style=\"margin-top:auto;align-self:flex-start;padding:5px 12px;border-radius:4px;border:1px solid #6EE0F7;color:#6EE0F7;font-size:11px;font-weight:600;white-space:nowrap\">Roll back<\/span>\n          <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cap-card\" style=\"grid-column:span 2;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px\">\n          <div>\n            <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">Custom resource library<\/h4>\n            <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Import predefined files like PowerShell modules, scripts and DSC resources \u2013 then easily extend them as needed.<\/p>\n          <\/div>\n          <div style=\"position:relative;flex:1;min-height:250px;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n            <div style=\"position:absolute;inset:0;padding:20px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px\">\n            <span style=\"padding:7px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD;font-family:ui-monospace,monospace\">PSDesiredState.psm1<\/span>\n            <span style=\"padding:7px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD;font-family:ui-monospace,monospace\">harden.ps1<\/span>\n            <span style=\"padding:7px 11px;border:1px solid #6EE0F7;border-radius:4px;background:#0C2C41;font-size:11px;color:#fff;font-family:ui-monospace,monospace\">xNetworking<\/span>\n            <span style=\"padding:7px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD;font-family:ui-monospace,monospace\">AuditPolicyDsc<\/span>\n            <span style=\"padding:7px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD;font-family:ui-monospace,monospace\">certreq.inf<\/span>\n            <span style=\"padding:7px 11px;border:1px dashed #354F55;border-radius:4px;font-size:11px;color:#748D93;white-space:nowrap\">+ import<\/span>\n          <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cap-card\" style=\"grid-column:span 4;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;flex-direction:column;gap:20px\">\n          <div>\n            <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">GPO import &amp; support<\/h4>\n            <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Import Group Policies and streamline and simplify the policy management across your entire hybrid IT infrastructure.<\/p>\n          <\/div>\n          <div style=\"position:relative;flex:1;min-height:250px;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n            <div style=\"position:absolute;inset:0;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:8px;align-items:stretch\">\n            <div style=\"display:flex;flex-direction:column;gap:6px;justify-content:center\">\n              <span style=\"font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#748D93\">Group policy<\/span>\n              <span style=\"padding:8px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD\">Computer configuration<\/span>\n              <span style=\"padding:8px 11px 8px 22px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD\">Security settings<\/span>\n              <span style=\"padding:8px 11px 8px 32px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD\">Audit policy<\/span>\n            <\/div>\n            <svg viewBox=\"0 0 34 12\" style=\"width:34px;height:12px;display:block;align-self:center\" aria-hidden=\"true\">\n              <line x1=\"0\" y1=\"6\" x2=\"26\" y2=\"6\" stroke=\"#00A1E6\" stroke-width=\"1.5\"><\/line>\n              <polyline points=\"22,2 27,6 22,10\" fill=\"none\" stroke=\"#00A1E6\" stroke-width=\"1.5\"><\/polyline>\n            <\/svg>\n            <div style=\"display:flex;flex-direction:column;gap:6px;justify-content:center\">\n              <span style=\"font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#6EE0F7\">XOAP configuration<\/span>\n              <span style=\"padding:8px 11px;border:1px solid #6EE0F7;border-radius:4px;background:#0C2C41;font-size:11px;color:#fff\">AuditPolicyDsc<\/span>\n              <span style=\"padding:8px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD\">SecurityOption<\/span>\n              <span style=\"padding:8px 11px;border:1px solid #354F55;border-radius:8px;background:#132329;font-size:11px;color:#D0DBDD\">Registry<\/span>\n            <\/div>\n          <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"cap-card\" style=\"grid-column:span 3;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px\">\n          <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">Application integration<\/h4>\n          <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Customize configuration groups by adding software with our Application Management.<\/p>\n        <\/div>\n        <div class=\"cap-card cap-card-row\" style=\"grid-column:span 3;background:#121D21;border:1px solid #354F55;border-radius:16px;padding:36px;display:flex;gap:24px;align-items:flex-start\">\n          <div>\n            <h4 style=\"margin:0 0 10px;font-size:22px;line-height:30px;font-weight:700;color:#fff\">API &amp; extensions<\/h4>\n            <p style=\"margin:0;font-size:16px;line-height:26px;color:#D0DBDD\">Access components through our API and automate your entire infrastructure and services.<\/p>\n          <\/div>\n          <div style=\"position:relative;width:96px;height:96px;flex-shrink:0;border-radius:16px;overflow:hidden;border:1px solid #354F55;background:#111D22\">\n            <div style=\"position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-family:ui-monospace,monospace\">\n              <span style=\"font-size:26px;font-weight:700;color:#6EE0F7;line-height:1\">{ }<\/span>\n              <span style=\"font-size:10px;color:#748D93\">GraphQL<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d6c5b2 e-flex e-con-boxed e-con e-parent\" data-id=\"5d6c5b2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-df0cec5 elementor-widget elementor-widget-html\" data-id=\"df0cec5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n   XOAP Homepage snippet: 12. Customer Stories (interactive tabs)\n   ============================================================ -->\n<section class=\"section alt\">\n  <div class=\"wrap\" id=\"xoap-stories\">\n    <div class=\"section-head\" style=\"margin-bottom:44px;\">\n      <span class=\"eyebrow\">Customer success stories<\/span>\n      <h2>Delivering value to companies worldwide<\/h2>\n    <\/div>\n    <div class=\"story-tabs\"><button type=\"button\" class=\"story-tab is-active\" data-story-tab=\"0\">KFW DEG \u00b7 System delivery<\/button><button type=\"button\" class=\"story-tab\" data-story-tab=\"1\">LZfD \u00b7 Windows migration<\/button><button type=\"button\" class=\"story-tab\" data-story-tab=\"2\">Nanu-Nana \u00b7 Server automation<\/button><\/div>\n    <div class=\"story-panels\">\n      <div class=\"story-panel is-active\" data-story-panel=\"0\">\n        <div class=\"story-info\">\n          <div class=\"story-chip\"><span class=\"dot\"><\/span><span class=\"name\">KFW DEG Invest<\/span><span class=\"sector\">&middot; Banking<\/span><\/div>\n          <h3>Simplified system management and configuration<\/h3>\n          <p>DEG has accelerated global deployment of Windows client systems with Microsoft Intune in an Azure AD hybrid environment.<\/p>\n          <div class=\"story-tags\"><span class=\"tag\">Windows client<\/span><span class=\"tag\">Microsoft Intune<\/span><span class=\"tag\">Azure AD hybrid<\/span><\/div>\n          <a href=\"https:\/\/xoap.io\/customerstory-deg-invest\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-link\">Read customer success story <i data-lucide=\"arrow-right\" style=\"width:17px;height:17px;\"><\/i><\/a>\n        <\/div>\n        <div class=\"story-side\">\n          <div class=\"story-logo\">DEG Invest<\/div>\n          <div class=\"story-divider\"><\/div>\n          <div class=\"story-quote\"><i data-lucide=\"quote\" style=\"width:22px;height:22px;color:var(--border);flex-shrink:0;\"><\/i><div>One console for every notebook we ship worldwide.<\/div><\/div>\n          <div class=\"story-stats\">\n            <div class=\"story-stat\"><div class=\"v\">Global<\/div><div class=\"l\">Client deployment<\/div><\/div>\n            <div class=\"story-stat\"><div class=\"v\">Hybrid<\/div><div class=\"l\">Azure AD estate<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"story-panel\" data-story-panel=\"1\">\n        <div class=\"story-info\">\n          <div class=\"story-chip\"><span class=\"dot\"><\/span><span class=\"name\">LZfD<\/span><span class=\"sector\">&middot; Public sector<\/span><\/div>\n          <h3>Reduced overall costs and administrative activities<\/h3>\n          <p>With little effort, the State Center for Data Processing \u2013 LZfD implements a forward-looking strategy for the flexible migration to the latest version of the Windows operating system, achieving optimized IT service management.<\/p>\n          <div class=\"story-tags\"><span class=\"tag\">Windows migration<\/span><span class=\"tag\">Cost reduction<\/span><span class=\"tag\">IT service management<\/span><\/div>\n          <a href=\"https:\/\/xoap.io\/customerstory-lzfd\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-link\">Read customer success story <i data-lucide=\"arrow-right\" style=\"width:17px;height:17px;\"><\/i><\/a>\n        <\/div>\n        <div class=\"story-side\">\n          <div class=\"story-logo\">LZfD<\/div>\n          <div class=\"story-divider\"><\/div>\n          <div class=\"story-quote\"><i data-lucide=\"quote\" style=\"width:22px;height:22px;color:var(--border);flex-shrink:0;\"><\/i><div>A forward-looking migration strategy, with little effort.<\/div><\/div>\n          <div class=\"story-stats\">\n            <div class=\"story-stat\"><div class=\"v\">Lower<\/div><div class=\"l\">Admin overhead<\/div><\/div>\n            <div class=\"story-stat\"><div class=\"v\">Latest<\/div><div class=\"l\">Windows OS<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n      <div class=\"story-panel\" data-story-panel=\"2\">\n        <div class=\"story-info\">\n          <div class=\"story-chip\"><span class=\"dot\"><\/span><span class=\"name\">Nanu-Nana<\/span><span class=\"sector\">&middot; Retail<\/span><\/div>\n          <h3>Server automation, standardization and hardening<\/h3>\n          <p>Deliver and standardize the complete Windows Remote Desktop Service infrastructure. Upgrade, migrate and reduce complexity with XOAP.<\/p>\n          <div class=\"story-tags\"><span class=\"tag\">RDS infrastructure<\/span><span class=\"tag\">Standardization<\/span><span class=\"tag\">Hardening<\/span><\/div>\n          <a href=\"https:\/\/xoap.io\/customerstory-nanunana\/\" target=\"_blank\" rel=\"noopener\" class=\"btn-link\">Read customer success story <i data-lucide=\"arrow-right\" style=\"width:17px;height:17px;\"><\/i><\/a>\n        <\/div>\n        <div class=\"story-side\">\n          <div class=\"story-logo\">Nanu-Nana<\/div>\n          <div class=\"story-divider\"><\/div>\n          <div class=\"story-quote\"><i data-lucide=\"quote\" style=\"width:22px;height:22px;color:var(--border);flex-shrink:0;\"><\/i><div>The full RDS estate, standardized and hardened.<\/div><\/div>\n          <div class=\"story-stats\">\n            <div class=\"story-stat\"><div class=\"v\">Full<\/div><div class=\"l\">RDS coverage<\/div><\/div>\n            <div class=\"story-stat\"><div class=\"v\">Less<\/div><div class=\"l\">Complexity<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.story-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:36px;}\n.story-tab{height:44px !important;padding:0 20px !important;border-radius:34px !important;font-size:14px !important;font-weight:600 !important;font-family:inherit !important;cursor:pointer;transition:all .15s;background:transparent !important;color:var(--text-2) !important;border:1px solid var(--border) !important;box-shadow:none !important;margin:0 !important;}\n.story-tab.is-active{background:var(--primary) !important;color:#102428 !important;border-color:var(--primary) !important;}\n.story-panels{position:relative;}\n.story-panel{display:none;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:24px;overflow:hidden;grid-template-columns:1.05fr 1fr;box-shadow:0 30px 80px -50px rgba(110,224,247,0.6);}\n.story-panel.is-active{display:grid;}\n.story-panel::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--primary) 0%,#2c90fc 100%);z-index:2;}\n.story-panel::after{content:\"\";position:absolute;right:-120px;top:-120px;width:420px;height:420px;background:radial-gradient(ellipse at center,rgba(110,224,247,0.16) 0%,transparent 70%);pointer-events:none;z-index:1;}\n.story-info{position:relative;z-index:1;padding:48px 44px;}\n.story-chip{display:inline-flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:34px;padding:8px 16px;margin-bottom:24px;}\n.story-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--primary);}\n.story-chip .name{font-size:13px;font-weight:600;color:#fff;}\n.story-chip .sector{font-size:12px;color:var(--text-4);}\n.story-info h3{font-size:27px;letter-spacing:-0.015em;line-height:1.2;margin:0 0 18px;}\n.story-info p{font-size:16px;line-height:1.65;color:var(--text-2);margin:0 0 26px;}\n.story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}\n.story-info a.btn-link{padding:4px 8px;margin:-4px -8px;border-radius:3px;transition:background-color .15s ease,color .15s ease,border-color .15s ease;}\n.story-info a.btn-link:hover{background:#fff !important;color:#486166 !important;border-bottom-color:transparent !important;}\n.story-info a.btn-link:hover svg,.story-info a.btn-link:hover i{transform:translateX(3px);}\n.story-side{position:relative;z-index:1;background:linear-gradient(180deg,#0C2C41 0%,var(--bg) 100%);border-left:1px solid rgba(110,224,247,0.25);padding:48px 44px;display:flex;flex-direction:column;justify-content:center;gap:20px;}\n.story-logo{font-size:34px;font-weight:800;letter-spacing:-0.01em;color:#fff;line-height:1;}\n.story-divider{height:1px;background:var(--border-soft);}\n.story-quote{display:flex;gap:14px;align-items:flex-start;font-size:16px;line-height:1.55;color:var(--text-2);font-style:italic;}\n.story-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;}\n.story-stat{background:linear-gradient(180deg,#0C2C41 0%,var(--bg) 100%);border:1px solid rgba(110,224,247,0.35);border-radius:12px;padding:16px;box-shadow:0 10px 26px -16px rgba(110,224,247,0.5);}\n.story-stat .v{font-size:22px;font-weight:800;color:var(--primary);}\n.story-stat .l{font-size:12px;color:var(--text-4);margin-top:3px;}\n@media(max-width:860px){\n  .story-panel, .story-panel.is-active{grid-template-columns:1fr;}\n  .story-info, .story-side{padding-left:28px !important;padding-right:28px !important;}\n}\n<\/style>\n<script>\n(function(){\n  var root = document.getElementById('xoap-stories');\n  if (!root) return;\n  var tabs = root.querySelectorAll('.story-tab');\n  var panels = root.querySelectorAll('.story-panel');\n  tabs.forEach(function(btn){\n    btn.addEventListener('click', function(){\n      var idx = btn.getAttribute('data-story-tab');\n      tabs.forEach(function(b){ b.classList.remove('is-active'); });\n      btn.classList.add('is-active');\n      panels.forEach(function(p){\n        p.classList.toggle('is-active', p.getAttribute('data-story-panel') === idx);\n      });\n    });\n  });\n})();\n<\/script>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-157d292 e-flex e-con-boxed e-con e-parent\" data-id=\"157d292\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bde4567 elementor-widget elementor-widget-html\" data-id=\"bde4567\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\n   XOAP Homepage snippet: 5. Module Cards\n   Ported 1:1 from the \"XOAP Module Cards + Platform (standalone)\" reference\n   \u2014 same gradients, same hardcoded icon SVGs, same connector-line structure.\n   ============================================================ -->\n<section class=\"section mc-section\">\n  <div class=\"wrap\">\n    <div class=\"section-head\" style=\"max-width:820px;margin:0 auto 52px;\">\n      <span class=\"eyebrow\" data-xo=\"ovTag\">The platform<\/span>\n      <h2 style=\"margin:14px 0 14px;\" data-xo=\"ovTitle\">One governed platform for your entire hybrid IT estate<\/h2>\n      <p class=\"lede\" data-xo=\"ovBody\">XOAP consolidates Image, Configuration, Application and Platform Management into a single console \u2014 so you standardize how work gets done, prove compliance and cut the cost of running separate tools.<\/p>\n    <\/div>\n    <div class=\"xo-grid\" style=\"display:grid;grid-template-columns:repeat(4,1fr);gap:20px;\">\n      <a class=\"xo-card\" href=\"https:\/\/xoap.io\/application-management\/\" target=\"_blank\" rel=\"noopener\" style=\"border-radius:20px;padding:1.5px;background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);display:block;text-decoration:none;color:inherit;\">\n        <div class=\"modcard-inner\">\n          <div class=\"modcard-icon\" style=\"background:#59CA531F;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#59CA53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line><\/svg><\/div>\n          <h3>Application Management<\/h3>\n          <p>Software and application packaging, deployment and management.<\/p>\n        <\/div>\n      <\/a>\n      <a class=\"xo-card\" href=\"https:\/\/xoap.io\/configuration-management\/\" target=\"_blank\" rel=\"noopener\" style=\"border-radius:20px;padding:1.5px;background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);display:block;text-decoration:none;color:inherit;\">\n        <div class=\"modcard-inner\">\n          <div class=\"modcard-icon\" style=\"background:#00A1E61F;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A1E6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg><\/div>\n          <h3>Configuration Management<\/h3>\n          <p>Windows system and configuration management across environments.<\/p>\n        <\/div>\n      <\/a>\n      <a class=\"xo-card\" href=\"https:\/\/xoap.io\/image-management\" target=\"_blank\" rel=\"noopener\" style=\"border-radius:20px;padding:1.5px;background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);display:block;text-decoration:none;color:inherit;\">\n        <div class=\"modcard-inner\">\n          <div class=\"modcard-icon\" style=\"background:#FABD2E1F;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FABD2E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg><\/div>\n          <h3>Image Management<\/h3>\n          <p>Customized machine image build pipelines for multiple platforms and accounts.<\/p>\n        <\/div>\n      <\/a>\n      <a class=\"xo-card\" href=\"https:\/\/xoap.io\/platform-management\" target=\"_blank\" rel=\"noopener\" style=\"border-radius:20px;padding:1.5px;background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);display:block;text-decoration:none;color:inherit;\">\n        <div class=\"modcard-inner\">\n          <div class=\"modcard-icon\" style=\"background:#EB5C191F;\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EB5C19\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"><\/path><\/svg><\/div>\n          <h3>Platform Management<\/h3>\n          <p>Automating infrastructure and workplaces across platforms and subscriptions.<\/p>\n        <\/div>\n      <\/a>\n    <\/div>\n    <div style=\"position:relative;\">\n      <div class=\"mc-lines\">\n        <div class=\"mc-line mc-line-side\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:30px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div><div class=\"mc-line mc-line-side\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:30px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div><div class=\"mc-line mc-line-side\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:30px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div><div class=\"mc-line mc-line-side\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:30px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div>\n      <\/div>\n      <div class=\"mc-joiner\" style=\"background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);\"><\/div>\n      <div class=\"mc-connector\"><div style=\"display:flex;justify-content:center;\"><span style=\"width:2px;height:26px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);box-shadow:0 0 10px rgba(110,224,247,0.4);\"><\/span><\/div><\/div>\n      <div class=\"mc-hub-wrap\">\n        <div class=\"mc-hub\" style=\"background:linear-gradient(to right bottom,#b827fc 0%,#2c90fc 25%,#b8fd33 50%,#fec837 75%,#fd1892 100%);\">\n          <div class=\"mc-hub-inner\"><svg width=\"32\" height=\"32\" viewBox=\"0 0 260 260\" fill=\"none\"><path d=\"M173.333 173.333V195C173.333 200.746 171.051 206.257 166.987 210.321C162.924 214.384 157.413 216.667 151.667 216.667H65C59.2537 216.667 53.7427 214.384 49.6794 210.321C45.6161 206.257 43.3333 200.746 43.3333 195V108.333C43.3333 102.587 45.6161 97.0759 49.6794 93.0126C53.7427 88.9493 59.2537 86.6666 65 86.6666H86.6667M173.333 173.333H195C200.746 173.333 206.257 171.051 210.321 166.987C214.384 162.924 216.667 157.413 216.667 151.667V64.9999C216.667 59.2536 214.384 53.7426 210.321 49.6793C206.257 45.616 200.746 43.3333 195 43.3333H108.333C102.587 43.3333 97.076 45.616 93.0127 49.6793C88.9494 53.7426 86.6667 59.2536 86.6667 64.9999V86.6666M173.333 173.333V151.667M173.333 173.333H151.667M86.6667 86.6666H108.333M86.6667 86.6666V108.333M86.6667 151.667V173.333H108.333M151.667 86.6666H173.333V108.333\" stroke=\"#F04D5C\" stroke-width=\"15\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg><\/div>\n        <\/div>\n      <\/div>\n      <div class=\"mc-preview\">\n        <div class=\"mc-preview-bg\"><\/div>\n        <div class=\"mc-glow\"><\/div>\n        <div class=\"mc-preview-content\">\n          <div class=\"mc-iconcaps\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#59CA53\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"><\/line><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"><\/line><\/svg><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#00A1E6\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"12 2 2 7 12 12 22 7 12 2\"><\/polygon><polyline points=\"2 17 12 22 22 17\"><\/polyline><polyline points=\"2 12 12 17 22 12\"><\/polyline><\/svg><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#FABD2E\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\"><\/rect><path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\"><\/path><\/svg><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#EB5C19\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z\"><\/path><\/svg><\/div>\n          <div class=\"mc-skeleton\">\n            <div class=\"mc-skeleton-bar\" style=\"width:100%;\"><\/div>\n            <div class=\"mc-skeleton-bar\" style=\"width:82%;\"><\/div>\n            <div class=\"mc-skeleton-bar\" style=\"width:90%;\"><\/div>\n            <div class=\"mc-skeleton-bar\" style=\"width:68%;\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<style>\n.mc-section{padding:120px 0;}\n.modcard-inner{background:var(--bg);border-radius:19px;padding:32px 22px;text-align:center;height:100%;box-sizing:border-box;}\n.modcard-icon{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;margin:0 auto 20px;}\n.xo-card{transition:transform .2s,box-shadow .2s;}\n.xo-card:hover{transform:translateY(-6px);box-shadow:0 26px 55px -20px rgba(110,224,247,0.6);}\n.xo-card h3{font-size:19px;font-weight:700;margin:0 0 12px;letter-spacing:-0.01em;color:var(--text) !important;}\n.xo-card p{font-size:14px;line-height:1.6;color:var(--text-2) !important;margin:0;}\n\/* Defend against theme wildcard `a:hover *{color:...}` rules turning the\n   card text white on hover. *\/\n.xo-card:hover h3{color:var(--text) !important;}\n.xo-card:hover p{color:var(--text-2) !important;}\n@media (max-width:900px){.xo-grid{grid-template-columns:repeat(2,1fr) !important;}}\n@media (max-width:560px){.xo-grid{grid-template-columns:1fr !important;}}\n\n\/* Flow diagram \/ console preview illustration below the cards. Fluid\n   (clamp-based) sizing so the hub, glow and preview box scale down smoothly\n   instead of staying desktop-fixed and feeling cramped on narrow screens. *\/\n.mc-lines{display:grid;grid-template-columns:repeat(4,1fr);}\n.mc-joiner{height:2px;margin:0 12.5%;box-shadow:0 0 14px rgba(110,224,247,0.45);}\n.mc-hub-wrap{display:flex;justify-content:center;position:relative;z-index:3;}\n.mc-hub{width:clamp(46px,13vw,66px);height:clamp(46px,13vw,66px);border-radius:15px;padding:1.5px;box-shadow:0 0 46px -6px rgba(110,224,247,0.55);}\n.mc-hub-inner{width:100%;height:100%;border-radius:14px;background:var(--bg);display:grid;place-items:center;}\n.mc-hub-inner svg{width:clamp(22px,6vw,32px);height:clamp(22px,6vw,32px);}\n.mc-preview{position:relative;margin:clamp(-22px,-3.5vw,-34px) auto 0;max-width:940px;height:clamp(210px,42vw,300px);z-index:1;}\n.mc-preview-bg{position:absolute;inset:0;clip-path:polygon(22% 0,78% 0,100% 100%,0 100%);background:linear-gradient(180deg,#0F1B20 0%,var(--bg) 100%);border-top:1px solid var(--border);}\n.mc-glow{position:absolute;left:50%;top:clamp(-24px,-6vw,-40px);width:clamp(300px,60vw,640px);height:clamp(190px,34vw,360px);transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(110,224,247,0.14) 0%,transparent 65%);pointer-events:none;}\n.mc-preview-content{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:clamp(30px,10vw,64px);gap:clamp(12px,3vw,20px);}\n.mc-iconcaps{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,4vw,26px);align-items:center;padding:clamp(9px,2.2vw,14px) clamp(14px,4vw,26px);background:rgba(11,18,21,0.6);border:1px solid var(--border-soft);border-radius:14px;}\n.mc-iconcaps svg{width:clamp(18px,4.5vw,24px);height:clamp(18px,4.5vw,24px);}\n.mc-skeleton{width:min(80%,480px);display:flex;flex-direction:column;gap:clamp(6px,1.8vw,9px);opacity:.55;}\n.mc-skeleton-bar{height:clamp(6px,1.8vw,9px);border-radius:5px;background:var(--border-soft);}\n\n@media (max-width:600px){\n  .mc-section{padding:64px 0;}\n  .mc-line-side{display:none;}\n  .mc-joiner{display:none;}\n  .mc-connector{display:none;}\n  .mc-hub-wrap{margin-top:36px;}\n}\n<\/style>\n<script>if(window.lucide) lucide.createIcons();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d36f047 e-flex e-con-boxed e-con e-parent\" data-id=\"d36f047\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ec9664 elementor-widget elementor-widget-html\" data-id=\"6ec9664\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.end-cta-bg-word { display: none !important; }\n<\/style>\n<style>\n.end-cta-content {\n  max-width: 1100px !important;\n  margin: 0 auto !important;\n}\n<\/style>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@100..900&display=swap\" rel=\"stylesheet\">\n<style>\n*{box-sizing:border-box;}\nhtml,body{margin:0;padding:0;background:#0B1215;color:#fff;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;}\n.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:4px;font-weight:600;font-size:15px;border:1px solid transparent;transition:background .2s ease,border-color .2s ease;cursor:pointer;text-decoration:none;}\n.btn-primary{background:#6EE0F7;color:#102428;border-color:#6EE0F7;}\n.btn-primary:hover{background:#58B3C6;border-color:#58B3C6;}\n.end-cta{position:relative;padding:80px 24px 80px;}\n.end-cta-inner{\n  position:relative;\n  max-width:100% !important;\n  margin:0 !important;\n  padding:96px 64px !important;\n  border-radius:8px !important;\n  background:\n    radial-gradient(ellipse 70% 90% at 100% 0%, rgba(110,224,247,0.10) 0%, transparent 60%),\n    radial-gradient(ellipse 60% 100% at 0% 100%, rgba(110,224,247,0.06) 0%, transparent 65%),\n    linear-gradient(180deg,#13202A 0%,#0D1820 100%) !important;\n  border:1px solid #2A4047 !important;\n  overflow:hidden !important;\n}\n.end-cta-inner::after {\n  content:\"\";\n  position:absolute;\n  inset:0;\n  border-radius:8px;\n  padding:1px;\n  background:linear-gradient(120deg,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);\n  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  pointer-events:none;\n}\n.end-cta-bg-word{\n  position:absolute;left:-1vw;top:-20px;\n  font-size:clamp(120px,16vw,240px);font-weight:800;letter-spacing:-0.04em;line-height:0.85;\n  color:transparent;\n  -webkit-text-stroke:1px rgba(110,224,247,0.08);\n  pointer-events:none;user-select:none;white-space:nowrap;\n  z-index:0;\n}\n.end-cta-content{\n  position:relative;z-index:1;\n  display:grid;\n  grid-template-columns:minmax(0,1fr) auto;\n  gap:64px;align-items:end;\n}\n.end-cta-tag{\n  display:inline-flex;align-items:center;gap:10px;\n  font-family:'JetBrains Mono','SF Mono',Menlo,Consolas,monospace;\n  font-size:12px;letter-spacing:1.2px;color:#6EE0F7;\n  margin:0 0 28px;padding:6px 12px;\n  background:rgba(110,224,247,0.08);\n  border:1px solid rgba(110,224,247,0.25);\n  border-radius:100px;\n  text-transform:uppercase;\n}\n.end-cta-tag::before{content:\"\";width:6px;height:6px;border-radius:50%;background:#6EE0F7;box-shadow:0 0 10px #6EE0F7;}\n.end-cta-text h2{\n  font-size:clamp(36px,5.4vw,60px);\n  font-weight:800;letter-spacing:-0.034em;line-height:0.98;color:#fff;margin:0 0 28px;\n  font-family:'Inter','Helvetica Neue',Arial,sans-serif !important;\n}\n.end-cta-text h2 .accent{\n  color:transparent;\n  background:linear-gradient(120deg,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892);\n  -webkit-background-clip:text;background-clip:text;\n  font-style:italic;\n}\n.end-cta-text p{color:#A8BCC0;font-size:16px;line-height:1.55;margin:0;max-width:520px;}\n.end-cta-side{display:flex;flex-direction:column;gap:24px;padding-bottom:8px;align-items:flex-start;}\n.end-cta-side .btn{height:50px;padding:0 22px;font-size:16px;font-weight:700;letter-spacing:-0.005em;}\n.end-cta-meta{font-size:12px;color:#748D93;display:inline-flex;align-items:center;gap:8px;}\n.end-cta-meta svg{width:14px;height:14px;color:#6EE0F7;}\n.end-cta-meta b{color:#D0DBDD;font-weight:600;}\n\/* Button *\/\n.end-cta-side .btn-primary {\n  background:#6EE0F7 !important;\n  color:#0B1215 !important;\n  border:1px solid #6EE0F7 !important;\n  box-shadow:\n    inset 0  1px 0 0 rgba(255,255,255,0.55),\n    inset 0 -1px 0 0 rgba(11,18,21,0.08) !important;\n  transition:\n    background-color 180ms cubic-bezier(0.16,1,0.3,1),\n    border-color     180ms cubic-bezier(0.16,1,0.3,1),\n    color            180ms cubic-bezier(0.16,1,0.3,1),\n    box-shadow       180ms cubic-bezier(0.16,1,0.3,1) !important;\n}\n.end-cta-side .btn-primary:hover {\n  background:#FFFFFF !important;\n  border-color:#6EE0F7 !important;\n  color:#476166 !important;\n  box-shadow:none !important;\n}\n@media (max-width:860px){\n  .end-cta{padding:40px 16px 96px;}\n  .end-cta-inner{padding:44px 32px !important;}\n  .end-cta-content{grid-template-columns:1fr;gap:32px;align-items:start;}\n}\n<\/style>\n<section class=\"end-cta\">\n  <div class=\"end-cta-inner\">\n    <div class=\"end-cta-bg-word\" aria-hidden=\"true\">XOAP<\/div>\n    <div class=\"end-cta-content\">\n      <div class=\"end-cta-text\">\n        <span class=\"end-cta-tag\" data-xo=\"endTag\">Configuration management, automated<\/span>\n        <h2><span data-xo=\"endTitlePre\">Keep every system in its<\/span> <span class=\"accent\" data-xo=\"endTitleHi\">desired state.<\/span><\/h2>\n        <p data-xo=\"endBody\">Deploy, enforce and monitor configurations across your entire hybrid IT infrastructure \u2013 zero-touch, version-controlled and always audit-ready for CIS, STIG and your own baselines.<\/p>\n      <\/div>\n      <div class=\"end-cta-side\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/auth.xoap.io\/auth\/realms\/my.xoap.io\/protocol\/openid-connect\/registrations?client_id=portal&response_type=code&scope=openid%20email&redirect_uri=https:\/\/my.xoap.io&kc_locale=en\" target=\"_blank\" rel=\"noopener\">\n          <i data-lucide=\"user-plus\" style=\"width:18px;height:18px;stroke-width:2\"><\/i> Start for free\n        <\/a>\n        <span class=\"end-cta-meta\">\n          <i data-lucide=\"shield-check\"><\/i> No credit card required &middot; Quick setup\n        <\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<script src=\"https:\/\/unpkg.com\/lucide@latest\/dist\/umd\/lucide.min.js\"><\/script>\n<script>\n  function initLucide() {\n    if (typeof lucide !== 'undefined') {\n      lucide.createIcons();\n    } else {\n      setTimeout(initLucide, 100);\n    }\n  }\n  initLucide();\n<\/script>\t\t\t\t<\/div>\n\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","protected":false},"excerpt":{"rendered":"<p>Configuration Management Automate and standardize Desired State Configuration everywhere Standardize, secure and automate your entire hybrid IT infrastructure \u2013 with no coding. Start for free Book a demo No credit card required Empowered by a strong ecosystem Microsoft Azure AWS Google Cloud Platform GraphQL PowerShell GitHub Packer Terraform VMware Citrix How it works Configuration management [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-23235","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Automate and standardize Desired State Configuration everywhere | XOAP<\/title>\n<meta name=\"description\" content=\"Configuration management for entire hybrid IT infrastructures. Standardize, secure and automate DSC with no coding at all.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xoap.io\/fr\/configuration-management\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Automate and standardize Desired State Configuration everywhere | XOAP\" \/>\n<meta property=\"og:description\" content=\"Configuration management for entire hybrid IT infrastructures. Standardize, secure and automate DSC with no coding at all.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xoap.io\/fr\/configuration-management\/\" \/>\n<meta property=\"og:site_name\" content=\"XOAP\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/XOAP.io\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-10T09:57:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xoap.io\/wp-content\/uploads\/2025\/07\/1024x600-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Automate and standardize Desired State Configuration everywhere | XOAP\" \/>\n<meta name=\"twitter:description\" content=\"Configuration management for entire hybrid IT infrastructures. Standardize, secure and automate DSC with no coding at all.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/xoap.io\/wp-content\/uploads\/2025\/07\/1024x600-1.png\" \/>\n<meta name=\"twitter:site\" content=\"@xoap_io\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/xoap.io\\\/configuration-management\\\/\",\"url\":\"https:\\\/\\\/xoap.io\\\/configuration-management\\\/\",\"name\":\"Automate and standardize Desired State Configuration everywhere | XOAP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/configuration-management\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/configuration-management\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/config-new-1024x679.webp\",\"datePublished\":\"2025-06-24T11:43:05+00:00\",\"dateModified\":\"2026-09-10T09:57:34+00:00\",\"description\":\"Configuration management for entire hybrid IT infrastructures. Standardize, secure and automate DSC with no coding at all.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/configuration-management\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/xoap.io\\\/configuration-management\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/xoap.io\\\/configuration-management\\\/#primaryimage\",\"url\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/config-new-1024x679.webp\",\"contentUrl\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/config-new-1024x679.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/xoap.io\\\/configuration-management\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/xoap.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Configuration Management\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/xoap.io\\\/#website\",\"url\":\"https:\\\/\\\/xoap.io\\\/\",\"name\":\"XOAP\",\"description\":\"Platform for IT infrastructure and workplace automation\",\"publisher\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/xoap.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/xoap.io\\\/#organization\",\"name\":\"XOAP\",\"url\":\"https:\\\/\\\/xoap.io\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/xoap.io\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/XOAP-no-lettering-transparent_no-boarder.svg\",\"contentUrl\":\"https:\\\/\\\/xoap.io\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/XOAP-no-lettering-transparent_no-boarder.svg\",\"width\":250,\"height\":90,\"caption\":\"XOAP\"},\"image\":{\"@id\":\"https:\\\/\\\/xoap.io\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/XOAP.io\",\"https:\\\/\\\/x.com\\\/xoap_io\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/xoap_io\",\"https:\\\/\\\/www.youtube.com\\\/@xoap_io\",\"https:\\\/\\\/github.com\\\/xoap-io\",\"https:\\\/\\\/www.instagram.com\\\/xoap_io\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Automatiser et standardiser la configuration de l'\u00e9tat d\u00e9sir\u00e9 partout dans le monde | XOAP","description":"Gestion de la configuration pour l'ensemble des infrastructures informatiques hybrides. Normaliser, s\u00e9curiser et automatiser le DSC sans aucun codage.","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:\/\/xoap.io\/fr\/configuration-management\/","og_locale":"fr_FR","og_type":"article","og_title":"Automate and standardize Desired State Configuration everywhere | XOAP","og_description":"Configuration management for entire hybrid IT infrastructures. Standardize, secure and automate DSC with no coding at all.","og_url":"https:\/\/xoap.io\/fr\/configuration-management\/","og_site_name":"XOAP","article_publisher":"https:\/\/www.facebook.com\/XOAP.io","article_modified_time":"2026-09-10T09:57:34+00:00","og_image":[{"width":1024,"height":600,"url":"https:\/\/xoap.io\/wp-content\/uploads\/2025\/07\/1024x600-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_title":"Automate and standardize Desired State Configuration everywhere | XOAP","twitter_description":"Configuration management for entire hybrid IT infrastructures. Standardize, secure and automate DSC with no coding at all.","twitter_image":"https:\/\/xoap.io\/wp-content\/uploads\/2025\/07\/1024x600-1.png","twitter_site":"@xoap_io","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xoap.io\/configuration-management\/","url":"https:\/\/xoap.io\/configuration-management\/","name":"Automatiser et standardiser la configuration de l'\u00e9tat d\u00e9sir\u00e9 partout dans le monde | XOAP","isPartOf":{"@id":"https:\/\/xoap.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xoap.io\/configuration-management\/#primaryimage"},"image":{"@id":"https:\/\/xoap.io\/configuration-management\/#primaryimage"},"thumbnailUrl":"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new-1024x679.webp","datePublished":"2025-06-24T11:43:05+00:00","dateModified":"2026-09-10T09:57:34+00:00","description":"Gestion de la configuration pour l'ensemble des infrastructures informatiques hybrides. Normaliser, s\u00e9curiser et automatiser le DSC sans aucun codage.","breadcrumb":{"@id":"https:\/\/xoap.io\/configuration-management\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xoap.io\/configuration-management\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/xoap.io\/configuration-management\/#primaryimage","url":"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new-1024x679.webp","contentUrl":"https:\/\/xoap.io\/wp-content\/uploads\/2026\/09\/config-new-1024x679.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/xoap.io\/configuration-management\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xoap.io\/"},{"@type":"ListItem","position":2,"name":"Configuration Management"}]},{"@type":"WebSite","@id":"https:\/\/xoap.io\/#website","url":"https:\/\/xoap.io\/","name":"XOAP","description":"Plate-forme pour l'infrastructure informatique et l'automatisation du lieu de travail","publisher":{"@id":"https:\/\/xoap.io\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xoap.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/xoap.io\/#organization","name":"XOAP","url":"https:\/\/xoap.io\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/xoap.io\/#\/schema\/logo\/image\/","url":"https:\/\/xoap.io\/wp-content\/uploads\/2023\/11\/XOAP-no-lettering-transparent_no-boarder.svg","contentUrl":"https:\/\/xoap.io\/wp-content\/uploads\/2023\/11\/XOAP-no-lettering-transparent_no-boarder.svg","width":250,"height":90,"caption":"XOAP"},"image":{"@id":"https:\/\/xoap.io\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/XOAP.io","https:\/\/x.com\/xoap_io","https:\/\/www.linkedin.com\/company\/xoap_io","https:\/\/www.youtube.com\/@xoap_io","https:\/\/github.com\/xoap-io","https:\/\/www.instagram.com\/xoap_io"]}]}},"_links":{"self":[{"href":"https:\/\/xoap.io\/fr\/wp-json\/wp\/v2\/pages\/23235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xoap.io\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/xoap.io\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/xoap.io\/fr\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/xoap.io\/fr\/wp-json\/wp\/v2\/comments?post=23235"}],"version-history":[{"count":129,"href":"https:\/\/xoap.io\/fr\/wp-json\/wp\/v2\/pages\/23235\/revisions"}],"predecessor-version":[{"id":32185,"href":"https:\/\/xoap.io\/fr\/wp-json\/wp\/v2\/pages\/23235\/revisions\/32185"}],"wp:attachment":[{"href":"https:\/\/xoap.io\/fr\/wp-json\/wp\/v2\/media?parent=23235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}