{"id":62,"date":"2026-07-24T16:17:18","date_gmt":"2026-07-24T16:17:18","guid":{"rendered":"https:\/\/rewired-os.com\/?page_id=62"},"modified":"2026-07-24T17:01:36","modified_gmt":"2026-07-24T17:01:36","slug":"infografia","status":"publish","type":"page","link":"https:\/\/rewired-os.com\/index.php\/infografia\/","title":{"rendered":"Infograf\u00eda"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nRewiredOS \u2014 Operating Model<\/title>\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;650;700;760;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap\" rel=\"stylesheet\" \/>\n<style>\n :root {\n --navy-950: #031b47;\n --navy-900: #08245a;\n --blue-600: #126eb6;\n --cyan-500: #2ac9ce;\n --ink: #0d1b2f;\n --muted: #5e6b7a;\n --line: #dce4ed;\n --line-strong: #c6d2df;\n --surface: #f5f8fb;\n --white: #ffffff;\n --max: 1220px;\n --radius: 18px;\n --shadow: 0 18px 60px rgba(3, 27, 71, 0.09);\n --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n --mono: \"IBM Plex Mono\", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;\n --ease: cubic-bezier(.16,1,.3,1);\n\n \/* infographic-specific accents \u2014 no gradients anywhere *\/\n --exec-gray: #7c8a9c;\n --exec-gray-ink: #4a5768;\n }\n\n * { box-sizing: border-box; }\n html { -webkit-text-size-adjust: 100%; }\n body {\n margin: 0;\n color: var(--ink);\n background: var(--surface);\n font-family: var(--sans);\n -webkit-font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n padding: 48px 20px 64px;\n }\n\n .page-head {\n max-width: var(--max);\n margin: 0 auto 28px;\n }\n .page-eyebrow {\n font-family: var(--mono);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: var(--blue-600);\n margin: 0 0 10px;\n }\n .page-title {\n font-size: clamp(24px, 3.2vw, 34px);\n font-weight: 800;\n letter-spacing: -.01em;\n margin: 0 0 8px;\n color: var(--navy-950);\n }\n .page-sub {\n font-size: 15px;\n color: var(--muted);\n margin: 0;\n max-width: 640px;\n line-height: 1.5;\n }\n\n .board {\n max-width: var(--max);\n margin: 0 auto;\n background: var(--white);\n border: 1px solid var(--line);\n border-radius: 24px;\n box-shadow: var(--shadow);\n padding: 44px clamp(18px, 3.5vw, 44px) 34px;\n }\n\n \/* ---- horizontal scroll wrapper for the whole process ---- *\/\n .scroll-hint {\n display: none;\n align-items: center;\n justify-content: center;\n gap: 8px;\n margin: 0 0 18px;\n padding: 9px 16px;\n border-radius: 999px;\n background: var(--surface);\n border: 1px solid var(--line);\n font-family: var(--mono);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: .04em;\n color: var(--muted);\n text-transform: uppercase;\n width: fit-content;\n margin-left: auto;\n margin-right: auto;\n opacity: 1;\n transition: opacity .35s var(--ease);\n }\n .scroll-hint svg { width: 14px; height: 14px; color: var(--cyan-500); flex: none; }\n .scroll-hint.is-visible { display: flex; }\n .scroll-hint.is-dismissed { opacity: 0; pointer-events: none; }\n @keyframes hint-nudge {\n 0%, 100% { transform: translateX(0); }\n 50% { transform: translateX(4px); }\n }\n .scroll-hint.is-visible svg.hint-right { animation: hint-nudge 1.3s ease-in-out infinite; }\n\n .process-scroll {\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: thin;\n scrollbar-color: var(--line-strong) transparent;\n }\n .process-scroll::-webkit-scrollbar { height: 7px; }\n .process-scroll::-webkit-scrollbar-track { background: transparent; }\n .process-scroll::-webkit-scrollbar-thumb { background: var(--line-strong); border-radius: 999px; }\n\n \/* Columns are fluid (minmax) so the process fills the full board width on\n desktop instead of leaving dead space \u2014 they only lock to their floor\n width, forcing the horizontal scroll, once the viewport genuinely can't\n fit them. .process-inner needs no width of its own: the grid children\n define the min-content width that triggers overflow on .process-scroll. *\/\n .process-inner { min-width: min-content; }\n\n \/* ---- header pills row ---- *\/\n .stage-row {\n display: grid;\n grid-template-columns: minmax(228px, 1fr) minmax(228px, 1fr) minmax(228px, 1fr) 176px;\n align-items: center;\n gap: 56px;\n margin-bottom: 8px;\n }\n .stage-pill-wrap { display: flex; align-items: center; gap: 10px; }\n .stage-pill {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 12px 22px;\n border-radius: 999px;\n font-family: var(--mono);\n font-size: 13px;\n font-weight: 700;\n letter-spacing: .09em;\n text-transform: uppercase;\n color: var(--white);\n white-space: nowrap;\n }\n .stage-pill.strategy { background: var(--navy-950); }\n .stage-pill.transformation { background: var(--cyan-500); color: var(--navy-950); }\n .stage-pill.execution { background: var(--exec-gray); }\n .stage-arrow { flex: 1; height: 2px; background: var(--line-strong); position: relative; min-width: 18px; }\n .stage-arrow::after {\n content: \"\";\n position: absolute; right: -1px; top: 50%;\n width: 8px; height: 8px;\n border-top: 2px solid var(--line-strong);\n border-right: 2px solid var(--line-strong);\n transform: translateY(-50%) rotate(45deg);\n }\n .stage-row .impact-head { visibility: hidden; }\n\n \/* ---- main grid: 3 stage columns + impact column ---- *\/\n .model-grid {\n display: grid;\n grid-template-columns: minmax(228px, 1fr) minmax(228px, 1fr) minmax(228px, 1fr) 176px;\n gap: 56px;\n position: relative;\n padding-top: 22px;\n }\n\n .stage-col { display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 2; }\n\n .node {\n display: flex;\n align-items: flex-start;\n gap: 14px;\n padding-bottom: 16px;\n border-bottom: 1px dashed var(--line);\n }\n .stage-col .node:last-child { border-bottom: none; padding-bottom: 0; }\n\n .node-icon {\n flex: none;\n width: 46px;\n height: 46px;\n border-radius: 999px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1.6px solid currentColor;\n background: var(--white);\n }\n .node-icon svg { width: 22px; height: 22px; }\n .col-strategy .node-icon { color: var(--navy-950); }\n .col-transformation .node-icon { color: var(--cyan-500); }\n .col-execution .node-icon { color: var(--exec-gray-ink); }\n\n .node-name {\n margin: 2px 0 4px;\n font-size: 12.5px;\n font-weight: 750;\n letter-spacing: .04em;\n text-transform: uppercase;\n color: var(--navy-950);\n }\n .node-desc {\n margin: 0;\n font-size: 13px;\n line-height: 1.45;\n color: var(--muted);\n }\n\n \/* ---- impact column ---- *\/\n .impact-col {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: flex-start;\n padding-top: 6px;\n position: relative;\n z-index: 2;\n width: 176px;\n }\n .impact-circle {\n width: 168px;\n height: 168px;\n border-radius: 50%;\n background: var(--surface);\n border: 1.6px solid var(--cyan-500);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n gap: 10px;\n padding: 14px;\n }\n .impact-icon { width: 30px; height: 30px; color: var(--cyan-500); }\n .impact-label {\n font-size: 12.5px;\n font-weight: 800;\n letter-spacing: .02em;\n line-height: 1.25;\n color: var(--navy-950);\n text-transform: uppercase;\n }\n .impact-tags {\n margin: 14px 0 0;\n font-size: 12px;\n color: var(--muted);\n text-align: center;\n line-height: 1.6;\n }\n\n \/* ---- connector svg overlay ---- *\/\n .connector-layer {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n z-index: 1;\n pointer-events: none;\n }\n\n \/* ---- feedback loop row ---- *\/\n .loop-row {\n margin-top: 30px;\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .loop-line { flex: 1; height: 2px; background: var(--exec-gray); position: relative; }\n .loop-line::before {\n content: \"\";\n position: absolute; left: -1px; top: 50%;\n width: 9px; height: 9px;\n border-top: 2px solid var(--exec-gray);\n border-left: 2px solid var(--exec-gray);\n transform: translateY(-50%) rotate(-45deg);\n }\n .loop-label {\n font-family: var(--mono);\n font-size: 13px;\n font-weight: 600;\n color: var(--exec-gray-ink);\n white-space: nowrap;\n letter-spacing: .01em;\n }\n .loop-label .chev { color: var(--cyan-500); margin: 0 2px; }\n\n \/* ---- footer enabler bar ---- *\/\n .enabler-bar {\n margin-top: 34px;\n display: flex;\n align-items: center;\n gap: 14px;\n }\n .enabler-nub { flex: none; width: 22px; height: 2px; background: var(--line-strong); }\n .enabler-panel {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 8px;\n border: 1px solid var(--line-strong);\n border-radius: 14px;\n padding: 16px clamp(10px, 2vw, 26px);\n }\n .enabler-item { display: flex; align-items: center; gap: 12px; min-width: 0; }\n .enabler-icon {\n flex: none;\n width: 42px;\n height: 42px;\n border-radius: 999px;\n background: var(--surface);\n border: 1.4px solid var(--line-strong);\n color: var(--navy-900);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .enabler-icon svg { width: 19px; height: 19px; }\n .enabler-name {\n margin: 0 0 2px;\n font-size: 12px;\n font-weight: 750;\n letter-spacing: .04em;\n text-transform: uppercase;\n color: var(--navy-950);\n }\n .enabler-desc { margin: 0; font-size: 12px; color: var(--muted); line-height: 1.4; white-space: nowrap; }\n .enabler-dot { flex: none; width: 4px; height: 4px; border-radius: 50%; background: var(--line-strong); }\n\n \/* ---- responsive ----\n The process (pills + columns + connectors + loop) keeps its fixed-width\n horizontal layout at every viewport size and scrolls sideways instead of\n re-stacking \u2014 the scroll-hint pill above it makes that explicit. Only the\n footer enabler bar restacks for narrow screens. *\/\n @media (max-width: 980px) {\n .enabler-bar { flex-direction: column; }\n .enabler-nub { display: none; }\n .enabler-panel { flex-direction: column; align-items: stretch; gap: 18px; }\n .enabler-item { justify-content: flex-start; }\n .enabler-dot { display: none; }\n .enabler-desc { white-space: normal; }\n }\n @media (max-width: 560px) {\n .board { padding: 26px 16px 26px; }\n .page-title { font-size: 22px; }\n }\n<\/style>\n<\/head>\n<body>\n\n <header class=\"page-head\">\n <p class=\"page-eyebrow\">RewiredOS \u2014 Reference Model<\/p>\n <h1 class=\"page-title\">The RewiredOS Operating Model<\/h1>\n <p class=\"page-sub\">How Strategy, Transformation and Execution connect into one continuous operating rhythm \u2014 producing measurable business impact and adapting through real-time feedback.<\/p>\n <\/header>\n\n <div class=\"board\">\n\n <div class=\"scroll-hint\" id=\"scrollHint\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 6 9 12 15 18\"\/><\/svg>\n <span>Desliza para ver el proceso completo<\/span>\n <svg class=\"hint-right\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 6 15 12 9 18\"\/><\/svg>\n <\/div>\n\n <div class=\"process-scroll\" id=\"processScroll\">\n <div class=\"process-inner\">\n\n <div class=\"stage-row\" aria-hidden=\"true\">\n <div class=\"stage-pill-wrap\">\n <span class=\"stage-pill strategy\">Strategy<\/span>\n <span class=\"stage-arrow\"><\/span>\n <\/div>\n <div class=\"stage-pill-wrap\">\n <span class=\"stage-pill transformation\">Transformation<\/span>\n <span class=\"stage-arrow\"><\/span>\n <\/div>\n <div class=\"stage-pill-wrap\">\n <span class=\"stage-pill execution\">Execution<\/span>\n <span class=\"stage-arrow\"><\/span>\n <\/div>\n <div class=\"impact-head\"><\/div>\n <\/div>\n\n <div class=\"model-grid\">\n\n <svg class=\"connector-layer\" id=\"connectorSvg\" aria-hidden=\"true\">\n <defs>\n <marker id=\"arrow-navy\" viewBox=\"0 0 10 10\" refX=\"8\" refY=\"5\" markerWidth=\"7\" markerHeight=\"7\" orient=\"auto-start-reverse\">\n <path d=\"M1,1 L9,5 L1,9 Z\" fill=\"var(--navy-950)\" \/>\n <\/marker>\n <marker id=\"arrow-cyan\" viewBox=\"0 0 10 10\" refX=\"8\" refY=\"5\" markerWidth=\"7\" markerHeight=\"7\" orient=\"auto-start-reverse\">\n <path d=\"M1,1 L9,5 L1,9 Z\" fill=\"var(--cyan-500)\" \/>\n <\/marker>\n <\/defs>\n <\/svg>\n\n <div class=\"stage-col col-strategy\">\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"8.5\"\/><circle cx=\"12\" cy=\"12\" r=\"4.5\"\/><path d=\"M12 3.5 15 9l6-1.5-4 4.6 1.7 5.9L12 15l-6.7 2 1.7-5.9-4-4.6L9 9z\" transform=\"translate(0 0) scale(0.001)\" opacity=\"0\"\/><path d=\"M12 6 12 3.4\"\/><path d=\"M18.5 12 21.1 12\"\/><path d=\"M12 18 12 20.6\"\/><path d=\"M5.5 12 2.9 12\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">Digital Business Priorities<\/p>\n <p class=\"node-desc\">Where we will win and grow.<\/p>\n <\/div>\n <\/div>\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><circle cx=\"12\" cy=\"12\" r=\"4.6\"\/><circle cx=\"12\" cy=\"12\" r=\"1\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">OKRs<\/p>\n <p class=\"node-desc\">Outcomes, not output. Focus, alignment, accountability.<\/p>\n <\/div>\n <\/div>\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"6\" rx=\"7.5\" ry=\"3\"\/><path d=\"M4.5 6v12c0 1.66 3.36 3 7.5 3s7.5-1.34 7.5-3V6\"\/><path d=\"M4.5 12c0 1.66 3.36 3 7.5 3s7.5-1.34 7.5-3\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">Value Pools<\/p>\n <p class=\"node-desc\">Where we create, deliver, and capture value.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"stage-col col-transformation\">\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"3.2\"\/><path d=\"M19.4 13.5a1.7 1.7 0 0 0 .34 1.87l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.7 1.7 0 0 0-1.87-.34 1.7 1.7 0 0 0-1.04 1.56V19.6a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.11-1.56 1.7 1.7 0 0 0-1.87.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.7 1.7 0 0 0 .34-1.87 1.7 1.7 0 0 0-1.56-1.04H4.4a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.56-1.11 1.7 1.7 0 0 0-.34-1.87l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.7 1.7 0 0 0 1.87.34H10.5a1.7 1.7 0 0 0 1.04-1.56V4.4a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1.04 1.56 1.7 1.7 0 0 0 1.87-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.7 1.7 0 0 0-.34 1.87V10.5a1.7 1.7 0 0 0 1.56 1.04h.1a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.56 1.04Z\" opacity=\"0\"\/><path d=\"M4.6 12h1.2M18.2 12h1.2M12 4.6v1.2M12 18.2v1.2M7 7l.9.9M16.1 16.1l.9.9M17 7l-.9.9M7.9 16.1 7 17\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">Capability Model<\/p>\n <p class=\"node-desc\">What we must build to win.<\/p>\n <\/div>\n <\/div>\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"2.2\"\/><line x1=\"3.5\" y1=\"9.7\" x2=\"20.5\" y2=\"9.7\"\/><line x1=\"3.5\" y1=\"15.3\" x2=\"20.5\" y2=\"15.3\"\/><line x1=\"9.7\" y1=\"3.5\" x2=\"9.7\" y2=\"20.5\"\/><line x1=\"15.3\" y1=\"3.5\" x2=\"15.3\" y2=\"20.5\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">Heatmap<\/p>\n <p class=\"node-desc\">Where we are vs. where we need to be.<\/p>\n <\/div>\n <\/div>\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 18c3-1 4.5-4 5.5-6.5S12 6 15 6s3.5 2 4.5 3\"\/><circle cx=\"4\" cy=\"18\" r=\"1.4\"\/><circle cx=\"19.5\" cy=\"9\" r=\"1.4\"\/><path d=\"M19.5 9 21 6.5\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">Roadmap<\/p>\n <p class=\"node-desc\">Sequenced bets, timelines, and milestones.<\/p>\n <\/div>\n <\/div>\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3.5\" y=\"6.5\" width=\"17\" height=\"11\" rx=\"2.4\"\/><path d=\"M7.3 15.5v-5l2 5v-5M13 15.5v-5h2.1a1.6 1.6 0 0 1 0 3.2H13m2.4 0 1.6 1.8\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">AIP Portfolio<\/p>\n <p class=\"node-desc\">Where intelligent solutions create step-change value.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"stage-col col-execution\">\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"6\" r=\"2.3\"\/><circle cx=\"18\" cy=\"6\" r=\"2.3\"\/><circle cx=\"12\" cy=\"18\" r=\"2.3\"\/><path d=\"M6 8.3v3.2c0 1 .8 1.8 1.8 1.8h2.5M18 8.3v3.2c0 1-.8 1.8-1.8 1.8h-2.5M12 15.7v-2.4\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">Value Streams<\/p>\n <p class=\"node-desc\">End-to-end flow of work from idea to impact.<\/p>\n <\/div>\n <\/div>\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"5\" y=\"3.5\" width=\"14\" height=\"17\" rx=\"2\"\/><path d=\"M8.7 8.6h6.6M8.7 12h6.6M8.7 15.4h4.2\"\/><path d=\"M8 8.6h0\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">Initiatives<\/p>\n <p class=\"node-desc\">The projects and programs that deliver the change.<\/p>\n <\/div>\n <\/div>\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3.5\" y=\"4.5\" width=\"17\" height=\"15\" rx=\"2\"\/><path d=\"M7 15.5 10 11l2.4 2.6L17 9\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">KPI \/ OKR Tracking<\/p>\n <p class=\"node-desc\">Real-time visibility, measurement, and course correction.<\/p>\n <\/div>\n <\/div>\n <div class=\"node\">\n <span class=\"node-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3.3 20 6.6v3c0 5.4-3.4 9.6-8 10.9-4.6-1.3-8-5.5-8-10.9v-3Z\"\/><path d=\"M12 3.3v17.2\"\/><path d=\"M4 9.6h16\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"node-name\">Governance<\/p>\n <p class=\"node-desc\">Decision rights, guardrails, and cross-functional accountability.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"impact-col\">\n <div class=\"impact-circle\">\n <svg class=\"impact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"4\" y1=\"20\" x2=\"4\" y2=\"13\"\/><line x1=\"9.5\" y1=\"20\" x2=\"9.5\" y2=\"9\"\/><line x1=\"15\" y1=\"20\" x2=\"15\" y2=\"5\"\/><polyline points=\"4 10 9.5 5 15 1.5 20.5 5.5\"\/><polyline points=\"14.5 1.7 20.5 5.5 20 11.7\"\/><\/svg>\n <p class=\"impact-label\">Measurable<br\/>Business Impact<\/p>\n <\/div>\n <p class=\"impact-tags\">Growth · Efficiency<br\/>Resilience · Value<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"loop-row\">\n <span class=\"loop-line\"><\/span>\n <span class=\"loop-label\">Strategy Adaptation <span class=\"chev\">«<\/span> KPI Feedback<\/span>\n <\/div>\n\n <\/div>\n <\/div>\n\n <div class=\"enabler-bar\">\n <span class=\"enabler-nub\"><\/span>\n <div class=\"enabler-panel\">\n <div class=\"enabler-item\">\n <span class=\"enabler-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"6\" rx=\"7.5\" ry=\"3\"\/><path d=\"M4.5 6v12c0 1.66 3.36 3 7.5 3s7.5-1.34 7.5-3V6\"\/><path d=\"M4.5 12c0 1.66 3.36 3 7.5 3s7.5-1.34 7.5-3\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"enabler-name\">Data<\/p>\n <p class=\"enabler-desc\">Trusted, accessible, and actionable.<\/p>\n <\/div>\n <\/div>\n <span class=\"enabler-dot\" aria-hidden=\"true\"><\/span>\n <div class=\"enabler-item\">\n <span class=\"enabler-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"7.5\" y=\"7.5\" width=\"9\" height=\"9\" rx=\"1.3\"\/><rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"2.2\"\/><line x1=\"9\" y1=\"1.2\" x2=\"9\" y2=\"3.5\"\/><line x1=\"15\" y1=\"1.2\" x2=\"15\" y2=\"3.5\"\/><line x1=\"9\" y1=\"20.5\" x2=\"9\" y2=\"22.8\"\/><line x1=\"15\" y1=\"20.5\" x2=\"15\" y2=\"22.8\"\/><line x1=\"1.2\" y1=\"9\" x2=\"3.5\" y2=\"9\"\/><line x1=\"1.2\" y1=\"15\" x2=\"3.5\" y2=\"15\"\/><line x1=\"20.5\" y1=\"9\" x2=\"22.8\" y2=\"9\"\/><line x1=\"20.5\" y1=\"15\" x2=\"22.8\" y2=\"15\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"enabler-name\">Technology<\/p>\n <p class=\"enabler-desc\">Scalable, secure, and fit for purpose.<\/p>\n <\/div>\n <\/div>\n <span class=\"enabler-dot\" aria-hidden=\"true\"><\/span>\n <div class=\"enabler-item\">\n <span class=\"enabler-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"8.5\" cy=\"8\" r=\"3\"\/><path d=\"M2.8 19c.6-3.2 3-5 5.7-5s5.1 1.8 5.7 5\"\/><circle cx=\"17\" cy=\"8.8\" r=\"2.5\"\/><path d=\"M15.3 14.3c2.2.2 3.9 1.8 4.4 4.7\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"enabler-name\">People<\/p>\n <p class=\"enabler-desc\">Right skills, mindset, and ways of working.<\/p>\n <\/div>\n <\/div>\n <span class=\"enabler-dot\" aria-hidden=\"true\"><\/span>\n <div class=\"enabler-item\">\n <span class=\"enabler-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3.3 20 6.6v3c0 5.4-3.4 9.6-8 10.9-4.6-1.3-8-5.5-8-10.9v-3Z\"\/><path d=\"m9 11.8 2 2 4-4.4\"\/><\/svg>\n <\/span>\n <div>\n <p class=\"enabler-name\">Governance<\/p>\n <p class=\"enabler-desc\">Aligned, ethical, and built to sustain.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <span class=\"enabler-nub\"><\/span>\n <\/div>\n\n <\/div>\n\n <script>\n (function () {\n var svg = document.getElementById('connectorSvg');\n var grid = document.querySelector('.model-grid');\n if (!svg || !grid) return;\n\n function iconY(el, gridRect) {\n var r = el.getBoundingClientRect();\n return r.top + r.height \/ 2 - gridRect.top;\n }\n\n \/* Each source connects to itself and the next target. When the two\n columns have an equal node count, the fan wraps around (last source\n also reaches back to the first target) \u2014 this mirrors the reference\n diagram, where every node has exactly two in\/out connections and the\n wrap produces the long sweeping curve from the last node in one\n column back up to the first node in the next. *\/\n function fan(sourceEls, targetEls) {\n var paths = [];\n var n = sourceEls.length, m = targetEls.length;\n var wrap = n === m;\n for (var i = 0; i < n; i++) {\n paths.push({ from: sourceEls[i], to: targetEls[i] });\n var j = wrap ? (i + 1) % m : i + 1;\n if (wrap || j < m) paths.push({ from: sourceEls[i], to: targetEls[j] });\n }\n return paths;\n }\n\n function draw() {\n var gridRect = grid.getBoundingClientRect();\n if (gridRect.width < 1) return;\n\n while (svg.childNodes.length > 1) svg.removeChild(svg.lastChild);\n svg.setAttribute('width', gridRect.width);\n svg.setAttribute('height', gridRect.height);\n svg.setAttribute('viewBox', '0 0 ' + gridRect.width + ' ' + gridRect.height);\n\n var strategyCol = document.querySelector('.col-strategy');\n var transformCol = document.querySelector('.col-transformation');\n var executionCol = document.querySelector('.col-execution');\n var strategyIcons = Array.prototype.slice.call(document.querySelectorAll('.col-strategy .node-icon'));\n var transformIcons = Array.prototype.slice.call(document.querySelectorAll('.col-transformation .node-icon'));\n var executionIcons = Array.prototype.slice.call(document.querySelectorAll('.col-execution .node-icon'));\n var executionPill = document.querySelector('.stage-pill.execution');\n var impactCircle = document.querySelector('.impact-circle');\n\n var strategyColX = strategyCol.getBoundingClientRect().right - gridRect.left;\n var transformColLeftX = transformCol.getBoundingClientRect().left - gridRect.left;\n var transformColRightX = transformCol.getBoundingClientRect().right - gridRect.left;\n var executionColLeftX = executionCol.getBoundingClientRect().left - gridRect.left;\n\n var group1 = fan(strategyIcons, transformIcons);\n var group2 = fan(transformIcons, executionIcons);\n\n function pathForEdges(fromY, toY, fromX, toX) {\n var midX = fromX + (toX - fromX) * 0.5;\n return 'M' + fromX + ',' + fromY +\n ' C' + midX + ',' + fromY + ' ' + midX + ',' + toY + ' ' + toX + ',' + toY;\n }\n\n function pathFor(entry, fromX, toX) {\n var fromY = iconY(entry.from, gridRect);\n var toY = iconY(entry.to, gridRect);\n return pathForEdges(fromY, toY, fromX, toX);\n }\n\n var ns = 'http:\/\/www.w3.org\/2000\/svg';\n\n group1.forEach(function (entry) {\n var p = document.createElementNS(ns, 'path');\n p.setAttribute('d', pathFor(entry, strategyColX, transformColLeftX));\n p.setAttribute('fill', 'none');\n p.setAttribute('stroke', 'var(--navy-950)');\n p.setAttribute('stroke-opacity', '0.38');\n p.setAttribute('stroke-width', '1.4');\n p.setAttribute('marker-end', 'url(#arrow-navy)');\n svg.appendChild(p);\n });\n\n group2.forEach(function (entry) {\n var p = document.createElementNS(ns, 'path');\n p.setAttribute('d', pathFor(entry, transformColRightX, executionColLeftX));\n p.setAttribute('fill', 'none');\n p.setAttribute('stroke', 'var(--cyan-500)');\n p.setAttribute('stroke-opacity', '0.55');\n p.setAttribute('stroke-width', '1.4');\n p.setAttribute('marker-end', 'url(#arrow-cyan)');\n svg.appendChild(p);\n });\n\n if (executionPill && impactCircle) {\n var pr = executionPill.getBoundingClientRect();\n var ir = impactCircle.getBoundingClientRect();\n var from = { x: pr.right - gridRect.left, y: pr.top + pr.height \/ 2 - gridRect.top };\n var to = { x: ir.left - gridRect.left, y: ir.top + ir.height * 0.32 - gridRect.top };\n var midX = from.x + (to.x - from.x) * 0.55;\n var p = document.createElementNS(ns, 'path');\n p.setAttribute('d', 'M' + from.x + ',' + from.y + ' C' + midX + ',' + from.y + ' ' + midX + ',' + to.y + ' ' + to.x + ',' + to.y);\n p.setAttribute('fill', 'none');\n p.setAttribute('stroke', 'var(--cyan-500)');\n p.setAttribute('stroke-width', '2');\n p.setAttribute('marker-end', 'url(#arrow-cyan)');\n svg.appendChild(p);\n }\n }\n\n \/* ---- scroll affordance: show the hint pill only while the process\n actually overflows its viewport, and fade it out once the visitor\n has scrolled it at least once ---- *\/\n var scrollEl = document.getElementById('processScroll');\n var hintEl = document.getElementById('scrollHint');\n var hintDismissed = false;\n\n function updateScrollHint() {\n if (!scrollEl || !hintEl) return;\n var overflows = scrollEl.scrollWidth > scrollEl.clientWidth + 2;\n hintEl.classList.toggle('is-visible', overflows && !hintDismissed);\n }\n\n if (scrollEl) {\n scrollEl.addEventListener('scroll', function () {\n if (!hintDismissed) {\n hintDismissed = true;\n hintEl.classList.add('is-dismissed');\n }\n }, { passive: true });\n }\n\n var raf;\n function scheduleDraw() {\n cancelAnimationFrame(raf);\n raf = requestAnimationFrame(function () {\n draw();\n updateScrollHint();\n });\n }\n\n window.addEventListener('load', scheduleDraw);\n window.addEventListener('resize', scheduleDraw);\n if (document.fonts && document.fonts.ready) {\n document.fonts.ready.then(scheduleDraw);\n }\n scheduleDraw();\n })();\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RewiredOS \u2014 Operating Model RewiredOS \u2014 Reference Model The RewiredOS Operating Model How Strategy, Transformation and Execution connect into one […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","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":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-62","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rewired-os.com\/index.php\/wp-json\/wp\/v2\/pages\/62","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rewired-os.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rewired-os.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rewired-os.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rewired-os.com\/index.php\/wp-json\/wp\/v2\/comments?post=62"}],"version-history":[{"count":7,"href":"https:\/\/rewired-os.com\/index.php\/wp-json\/wp\/v2\/pages\/62\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/rewired-os.com\/index.php\/wp-json\/wp\/v2\/pages\/62\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/rewired-os.com\/index.php\/wp-json\/wp\/v2\/media?parent=62"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}