{"id":7926,"date":"2026-07-21T07:18:55","date_gmt":"2026-07-21T07:18:55","guid":{"rendered":"https:\/\/sandmerit.com\/?page_id=7926"},"modified":"2026-07-22T07:06:36","modified_gmt":"2026-07-22T07:06:36","slug":"okr-vs-kpi","status":"publish","type":"page","link":"https:\/\/sandmerit.com\/cn\/okr-vs-kpi\/","title":{"rendered":"OKR \u5bf9\u9635 KPI"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7926\" class=\"elementor elementor-7926\">\n\t\t\t\t<div class=\"elementor-element elementor-element-316741c e-flex e-con-boxed e-con e-parent\" data-id=\"316741c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bbe04fa e-flex e-con-boxed e-con e-child\" data-id=\"bbe04fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-819c961 elementor-widget elementor-widget-heading\" data-id=\"819c961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">OKR vs KPI<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-649425c elementor-widget elementor-widget-text-editor\" data-id=\"649425c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<a href=\"#country\" style=\"color: white;\">Malaysia \u2219 Singapore \u2219 Philippines \u2219 Thailand \u2219 Vietnam \u2219 Cambodia \u2219 Indonesia<\/a>\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\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d962624 e-flex e-con-boxed e-con e-parent\" data-id=\"d962624\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13d91aa elementor-widget elementor-widget-html\" data-id=\"13d91aa\" 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>\r\n\r\n\/* =====================================================\r\nKPI VS OKR HERO SECTION\r\nAPPLE PURE WHITE PREMIUM STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-kpi-okr-hero{\r\n\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    min-height:100vh;\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        #fafafa 100%\r\n    );\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    position:relative;\r\n    overflow:hidden;\r\n\r\n    font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"SF Pro Display\",\r\n    \"Segoe UI\",\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\/* GRID BACKGROUND *\/\r\n\r\n\r\n.sm-kpi-okr-hero::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n\r\n    background-image:\r\n\r\n\r\n    linear-gradient(\r\n        rgba(0,0,0,.035) 1px,\r\n        transparent 1px\r\n    ),\r\n\r\n\r\n    linear-gradient(\r\n        90deg,\r\n        rgba(0,0,0,.035) 1px,\r\n        transparent 1px\r\n    );\r\n\r\n\r\n    background-size:80px 80px;\r\n\r\n\r\n    mask-image:\r\n\r\n    radial-gradient(\r\n        circle at center,\r\n        black,\r\n        transparent 72%\r\n    );\r\n\r\n}\r\n\r\n\r\n\r\n\/* CONTENT *\/\r\n\r\n\r\n.sm-kpi-okr-container{\r\n\r\n\r\n    width:1200px;\r\n\r\n\r\n    max-width:90%;\r\n\r\n\r\n    margin:auto;\r\n\r\n\r\n    position:relative;\r\n\r\n\r\n    z-index:2;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* SCROLL REVEAL INITIAL *\/\r\n\r\n\r\n.sm-kpi-okr-reveal{\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(45px);\r\n\r\n    transition:\r\n\r\n    opacity 1s ease,\r\n\r\n    transform 1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-reveal.active{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n\r\n.sm-kpi-okr-label{\r\n\r\n\r\n    font-size:14px;\r\n\r\n\r\n    letter-spacing:4px;\r\n\r\n\r\n    text-transform:uppercase;\r\n\r\n\r\n    color:#888;\r\n\r\n\r\n    margin-bottom:35px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n\r\n.sm-kpi-okr-title{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(56px,7vw,96px);\r\n\r\n\r\n\r\n    line-height:1;\r\n\r\n\r\n    letter-spacing:-4px;\r\n\r\n\r\n    font-weight:700;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n    margin:0 0 35px;\r\n\r\n\r\n    transition-delay:.15s;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-title span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n\r\n.sm-kpi-okr-desc{\r\n\r\n\r\n    max-width:850px;\r\n\r\n\r\n    font-size:26px;\r\n\r\n\r\n    line-height:1.5;\r\n\r\n\r\n    color:#555;\r\n\r\n\r\n    font-weight:400;\r\n\r\n\r\n    margin-bottom:50px;\r\n\r\n\r\n    transition-delay:.3s;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\/* SYSTEM *\/\r\n\r\n\r\n.sm-kpi-okr-system{\r\n\r\n\r\n    display:flex;\r\n\r\n\r\n    align-items:center;\r\n\r\n\r\n    gap:30px;\r\n\r\n\r\n    transition-delay:.45s;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-system div{\r\n\r\n\r\n    font-size:18px;\r\n\r\n\r\n    color:#222;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-system strong{\r\n\r\n\r\n    font-size:32px;\r\n\r\n\r\n    display:block;\r\n\r\n\r\n    margin-bottom:5px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\/* DIVIDER *\/\r\n\r\n\r\n.sm-kpi-okr-line{\r\n\r\n\r\n    width:1px;\r\n\r\n\r\n    height:55px;\r\n\r\n\r\n    background:#ddd;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ANIMATION *\/\r\n\r\n\r\n@keyframes kpiFloat{\r\n\r\n\r\n    0%,100%{\r\n\r\n        transform:translateY(0);\r\n\r\n    }\r\n\r\n\r\n    50%{\r\n\r\n        transform:translateY(-35px);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n\r\n@media(max-width:768px){\r\n\r\n\r\n\r\n.sm-kpi-okr-title{\r\n\r\n\r\n    font-size:48px;\r\n\r\n\r\n    letter-spacing:-2px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-desc{\r\n\r\n\r\n    font-size:19px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-system{\r\n\r\n\r\n    flex-direction:column;\r\n\r\n\r\n    align-items:flex-start;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-line{\r\n\r\n\r\n    display:none;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n<section class=\"sm-kpi-okr-hero\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-container\">\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-label sm-kpi-okr-reveal\">\r\n\r\n\r\nBUSINESS PERFORMANCE FRAMEWORK\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<h1 class=\"sm-kpi-okr-title sm-kpi-okr-reveal\">\r\n\r\n\r\nKPI <span>vs<\/span> OKR\r\n\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"sm-kpi-okr-desc sm-kpi-okr-reveal\">\r\n\r\n\r\nUnderstanding the Real Difference Between KPI, OKR and the sandmerit KPI Execution System\r\n\r\n\r\n<br><br><br><br>\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-system sm-kpi-okr-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<div>\r\n\r\n\r\n<strong>KPI<\/strong>\r\n\r\n\r\nPerformance Measurement\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-line\"><\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div>\r\n\r\n\r\n<strong>OKR<\/strong>\r\n\r\n\r\nGoal Alignment\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-line\"><\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div>\r\n\r\n\r\n<strong>sandmerit<\/strong>\r\n\r\n\r\nExecution System\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\"DOMContentLoaded\",\r\nfunction(){\r\n\r\n\r\nconst revealElements = document.querySelectorAll(\r\n\".sm-kpi-okr-reveal\"\r\n);\r\n\r\n\r\n\r\nconst observer = new IntersectionObserver(\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\nobserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n});\r\n\r\n\r\n},\r\n{\r\n\r\nthreshold:0.25\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\nrevealElements.forEach(\r\n(el)=>{\r\n\r\nobserver.observe(el);\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n});\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e997db2 e-flex e-con-boxed e-con e-parent\" data-id=\"e997db2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c72f720 elementor-widget elementor-widget-html\" data-id=\"c72f720\" 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>\r\n\r\n\/* =====================================================\r\nKPI VS OKR SCREEN 2\r\nEDITORIAL CONSULTING STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-kpi-editorial{\r\n\r\n    width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    min-height:120vh;\r\n\r\n    background:#ffffff;\r\n\r\n    display:flex;\r\n\r\n    position:relative;\r\n\r\n    font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"SF Pro Display\",\r\n    \"Segoe UI\",\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\/* MAIN GRID *\/\r\n\r\n\r\n.sm-kpi-editorial-container{\r\n\r\n    width:1200px;\r\n\r\n    max-width:90%;\r\n\r\n    margin:auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    40% 60%;\r\n\r\n    gap:80px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* LEFT TITLE *\/\r\n\r\n\r\n.sm-kpi-editorial-left{\r\n\r\n\r\n    position:sticky;\r\n\r\n    top:120px;\r\n\r\n    height:max-content;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-editorial-label{\r\n\r\n\r\n    font-size:13px;\r\n\r\n    letter-spacing:4px;\r\n\r\n    color:#999;\r\n\r\n    margin-bottom:35px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-editorial-title{\r\n\r\n\r\n    font-size:\r\n    clamp(50px,6vw,85px);\r\n\r\n\r\n    line-height:1;\r\n\r\n\r\n    letter-spacing:-4px;\r\n\r\n\r\n    font-weight:700;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-editorial-title span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* RIGHT CONTENT *\/\r\n\r\n\r\n.sm-kpi-editorial-right{\r\n\r\n\r\n    position:relative;\r\n\r\n    padding-left:70px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\/* VERTICAL LINE *\/\r\n\r\n\r\n.sm-kpi-editorial-right::before{\r\n\r\n\r\n    content:\"\";\r\n\r\n\r\n    position:absolute;\r\n\r\n\r\n    left:20px;\r\n\r\n\r\n    top:0;\r\n\r\n\r\n    height:100%;\r\n\r\n\r\n    width:1px;\r\n\r\n\r\n    background:#e5e5e5;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\/* ITEMS *\/\r\n\r\n\r\n.sm-kpi-editorial-item{\r\n\r\n\r\n    margin-bottom:80px;\r\n\r\n\r\n    position:relative;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-editorial-item::before{\r\n\r\n\r\n    content:\"\";\r\n\r\n\r\n    position:absolute;\r\n\r\n\r\n    left:-57px;\r\n\r\n\r\n    top:8px;\r\n\r\n\r\n    width:14px;\r\n\r\n\r\n    height:14px;\r\n\r\n\r\n    border-radius:50%;\r\n\r\n\r\n    background:#ffffff;\r\n\r\n\r\n    border:2px solid #f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-editorial-item h3{\r\n\r\n\r\n    font-size:30px;\r\n\r\n\r\n    letter-spacing:-1px;\r\n\r\n\r\n    margin-bottom:20px;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-editorial-item p{\r\n\r\n\r\n    font-size:22px;\r\n\r\n\r\n    line-height:1.7;\r\n\r\n\r\n    color:#555;\r\n\r\n\r\n    margin:0;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* IMPORTANT QUOTE *\/\r\n\r\n\r\n.sm-kpi-editorial-highlight{\r\n\r\n\r\n    font-size:36px;\r\n\r\n\r\n    line-height:1.4;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n    font-weight:600;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-editorial-highlight span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* SCROLL ANIMATION *\/\r\n\r\n\r\n.sm-kpi-editorial-reveal{\r\n\r\n\r\n    opacity:0;\r\n\r\n\r\n    transform:translateY(50px);\r\n\r\n\r\n    transition:\r\n\r\n    opacity 1s ease,\r\n\r\n    transform 1s cubic-bezier(.22,1,.36,1);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-editorial-reveal.active{\r\n\r\n\r\n    opacity:1;\r\n\r\n\r\n    transform:translateY(0);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n\r\n@media(max-width:768px){\r\n\r\n\r\n\r\n.sm-kpi-editorial-container{\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-editorial-left{\r\n\r\n\r\n    position:relative;\r\n\r\n    top:auto;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-editorial-right{\r\n\r\n\r\n    padding-left:45px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-editorial-title{\r\n\r\n\r\n    font-size:48px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-editorial-item p{\r\n\r\n\r\n    font-size:18px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"sm-kpi-editorial\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-editorial-container\">\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-editorial-left\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-editorial-label\">\r\n\r\nTHE KPI VS OKR DEBATE\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"sm-kpi-editorial-title\">\r\n\r\n\r\nHas KPI Become\r\n\r\n<br>\r\n\r\n<span>\r\nOutdated?\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-editorial-right\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-editorial-item sm-kpi-editorial-reveal\">\r\n\r\n\r\n<h3>\r\n\r\nThe New Business Narrative\r\n\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nOver the past few years, many business owners have been told:\r\n\r\n<br><br>\r\n\r\n\"KPI is outdated. OKR is the future.\"\r\n\r\n<br><br>\r\n\r\nMany consultants, trainers and software vendors use companies like Google and Intel as successful examples to promote OKR.\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-editorial-item sm-kpi-editorial-reveal\">\r\n\r\n\r\n<h3>\r\n\r\nQuestions CEOs Are Asking\r\n\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\n\r\nShould we replace KPI with OKR?\r\n\r\n<br><br>\r\n\r\nIs OKR more advanced than KPI?\r\n\r\n<br><br>\r\n\r\nIs KPI no longer suitable for modern businesses?\r\n\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-editorial-item sm-kpi-editorial-reveal\">\r\n\r\n\r\n<div class=\"sm-kpi-editorial-highlight\">\r\n\r\n\r\nAt sandmerit, our answer is simple:\r\n\r\n\r\n<br><br>\r\n\r\n\r\n<span>\r\nNo.\r\n<\/span>\r\n\r\n\r\n<br><br>\r\n\r\n\r\nOKR is not a replacement for KPI.\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-editorial-item sm-kpi-editorial-reveal\">\r\n\r\n\r\n<h3>\r\n\r\nThe Real Question\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-editorial-highlight\">\r\n\r\n\r\nKPI and OKR were created for different purposes.\r\n\r\n\r\n<br><br>\r\n\r\n\r\nThe question is not:\r\n\r\n\r\n<br>\r\n\r\n\r\n<span>\r\n\"Which one is better?\"\r\n<\/span>\r\n\r\n\r\n<br><br>\r\n\r\n\r\nThe question is:\r\n\r\n\r\n<br>\r\n\r\n\r\n<span>\r\n\"What business problem are you trying to solve?\"\r\n<\/span>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\"DOMContentLoaded\",\r\n()=>{\r\n\r\n\r\nconst items=document.querySelectorAll(\r\n\".sm-kpi-editorial-reveal\"\r\n);\r\n\r\n\r\n\r\nconst observer=new IntersectionObserver(\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\nobserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n});\r\n\r\n\r\n},\r\n{\r\nthreshold:.2\r\n}\r\n);\r\n\r\n\r\n\r\nitems.forEach(\r\n(item)=>observer.observe(item)\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b19ba47 e-flex e-con-boxed e-con e-parent\" data-id=\"b19ba47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-220421e elementor-widget elementor-widget-html\" data-id=\"220421e\" 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>\r\n\r\n\/* =====================================================\r\nSECTION 3\r\nGOOGLE NEVER SAID OKR SHOULD REPLACE KPI\r\nAPPLE TV \/ KEYNOTE STYLE\r\n===================================================== *\/\r\n\r\n.sm-google-section{\r\n\r\n    width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    background:#ffffff;\r\n\r\n    padding:140px 0;\r\n\r\n    overflow:hidden;\r\n\r\n    position:relative;\r\n\r\n    font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"SF Pro Display\",\r\n    \"Segoe UI\",\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* ===============================\r\nBACKGROUND\r\n=============================== *\/\r\n\r\n.sm-google-section::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:900px;\r\n\r\n    height:900px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n    radial-gradient(circle,\r\n    rgba(255,255,255,.85),\r\n    transparent 72%);\r\n\r\n    top:-420px;\r\n\r\n    right:-260px;\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-container{\r\n\r\n    width:1280px;\r\n\r\n    max-width:92%;\r\n\r\n    margin:auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nLABEL\r\n=============================== *\/\r\n\r\n.sm-google-label{\r\n\r\n    width:fit-content;\r\n\r\n    margin:0 auto 40px;\r\n\r\n    padding:10px 22px;\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    align-items:center;\r\n\r\n    border:1px solid #ffffff;\r\n\r\n    border-radius:999px;\r\n\r\n    background:#ffffff;\r\n\r\n    text-align:center;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:600;\r\n\r\n    letter-spacing:4px;\r\n\r\n    text-transform:uppercase;\r\n\r\n    color:#888;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nTITLE\r\n=============================== *\/\r\n\r\n.sm-google-title{\r\n\r\n    font-size:clamp(46px,6vw,82px);\r\n\r\n    line-height:1.05;\r\n\r\n    letter-spacing:-3px;\r\n\r\n    font-weight:700;\r\n\r\n    color:#111;\r\n\r\n    max-width:900px;\r\n\r\n    margin:0 auto 30px;\r\n\r\n    text-align:center;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-title span{\r\n\r\n    color:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nINTRO\r\n=============================== *\/\r\n\r\n.sm-google-intro{\r\n\r\n    max-width:900px;\r\n\r\n    margin:auto;\r\n\r\n    text-align:center;\r\n\r\n    font-size:22px;\r\n\r\n    line-height:1.8;\r\n\r\n    color:#666;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nVIDEO\r\n=============================== *\/\r\n\r\n.sm-google-video-wrap{\r\n\r\n    margin-top:90px;\r\n\r\n    margin-bottom:90px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-video{\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    max-width:1050px;\r\n\r\n    margin:auto;\r\n\r\n    border-radius:28px;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#000;\r\n\r\n    box-shadow:\r\n\r\n    0 30px 80px rgba(0,0,0,.15),\r\n\r\n    0 5px 20px rgba(0,0,0,.08);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-video::before{\r\n\r\n    content:\"\";\r\n\r\n    display:block;\r\n\r\n    padding-top:56.25%;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-video iframe{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n\r\n    height:100%;\r\n\r\n    border:0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nCONTENT\r\n=============================== *\/\r\n\r\n.sm-google-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n\r\n    1fr 1fr;\r\n\r\n    gap:90px;\r\n\r\n    align-items:start;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-block h3{\r\n\r\n    font-size:34px;\r\n\r\n    color:#111;\r\n\r\n    letter-spacing:-1px;\r\n\r\n    margin-bottom:28px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-block p{\r\n\r\n    font-size:21px;\r\n\r\n    line-height:1.9;\r\n\r\n    color:#555;\r\n\r\n    margin:0;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nLIST\r\n=============================== *\/\r\n\r\n.sm-google-list{\r\n\r\n    display:grid;\r\n\r\n    gap:22px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-item{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:18px;\r\n\r\n    font-size:24px;\r\n\r\n    color:#111;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-dot{\r\n\r\n    width:14px;\r\n\r\n    height:14px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#f5b400;\r\n\r\n    flex:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nBOTTOM\r\n=============================== *\/\r\n\r\n.sm-google-bottom{\r\n\r\n    margin-top:90px;\r\n\r\n    text-align:center;\r\n\r\n    max-width:900px;\r\n\r\n    margin-left:auto;\r\n\r\n    margin-right:auto;\r\n\r\n    font-size:30px;\r\n\r\n    line-height:1.6;\r\n\r\n    letter-spacing:-.5px;\r\n\r\n    color:#222;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-bottom span{\r\n\r\n    color:#f5b400;\r\n\r\n    font-weight:700;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nSCROLL REVEAL\r\n=============================== *\/\r\n\r\n.sm-google-reveal{\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(60px);\r\n\r\n    transition:\r\n\r\n    opacity 1s ease,\r\n\r\n    transform 1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-reveal.active{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-delay1{\r\n\r\n    transition-delay:.15s;\r\n\r\n}\r\n\r\n.sm-delay2{\r\n\r\n    transition-delay:.3s;\r\n\r\n}\r\n\r\n.sm-delay3{\r\n\r\n    transition-delay:.45s;\r\n\r\n}\r\n\r\n.sm-delay4{\r\n\r\n    transition-delay:.6s;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ===============================\r\nRESPONSIVE\r\n=============================== *\/\r\n\r\n@media(max-width:900px){\r\n\r\n.sm-google-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n    gap:55px;\r\n\r\n}\r\n\r\n.sm-google-title{\r\n\r\n    font-size:48px;\r\n\r\n}\r\n\r\n.sm-google-intro{\r\n\r\n    font-size:19px;\r\n\r\n}\r\n\r\n.sm-google-block h3{\r\n\r\n    font-size:28px;\r\n\r\n}\r\n\r\n.sm-google-block p{\r\n\r\n    font-size:18px;\r\n\r\n}\r\n\r\n.sm-google-item{\r\n\r\n    font-size:20px;\r\n\r\n}\r\n\r\n.sm-google-bottom{\r\n\r\n    font-size:24px;\r\n\r\n}\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"sm-google-section\">\r\n\r\n<div class=\"sm-google-container\">\r\n\r\n<div class=\"sm-google-label sm-google-reveal\">\r\n\r\nGOOGLE'S OFFICIAL PERSPECTIVE\r\n\r\n<\/div>\r\n\r\n\r\n<h2 class=\"sm-google-title sm-google-reveal sm-delay1\">\r\n\r\nGoogle Never Said OKR Should <br> \r\n\r\n<span>Replace KPI<\/span> \r\n\r\n<br> \r\n\r\n<\/h2>\r\n\r\n\r\n<p class=\"sm-google-intro sm-google-reveal sm-delay2\">\r\n\r\nMany people quote Google when promoting OKR. <br>\r\nHowever, one important fact is often overlooked. <br>\r\n\r\nGoogle has never said that OKR should replace KPI.\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<div class=\"sm-google-video-wrap sm-google-reveal sm-delay3\">\r\n\r\n<div class=\"sm-google-video\">\r\n\r\n<iframe\r\n\r\nsrc=\"https:\/\/www.youtube.com\/embed\/XsUrcDbC2Wo\"\r\n\r\ntitle=\"Google OKR Video\"\r\n\r\nallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\r\n\r\nallowfullscreen>\r\n\r\n<\/iframe>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-grid\">\r\n\r\n\r\n\r\n<div class=\"sm-google-block sm-google-reveal\">\r\n\r\n<h3>\r\n\r\nWhat Google Uses OKR For\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nGoogle positions OKR as a framework that encourages teams to think bigger,\r\nexperiment more and align ambitious objectives across the organisation.\r\n\r\nIt is primarily designed to inspire innovation, focus and collaboration,\r\nrather than replacing an organisation's performance management system.\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-block sm-google-reveal sm-delay1\">\r\n\r\n<h3>\r\n\r\nGoogle Highlights\r\n\r\n<\/h3>\r\n\r\n<div class=\"sm-google-list\">\r\n\r\n<div class=\"sm-google-item\">\r\n\r\n<div class=\"sm-google-dot\"><\/div>\r\n\r\nInnovation\r\n\r\n<\/div>\r\n\r\n<div class=\"sm-google-item\">\r\n\r\n<div class=\"sm-google-dot\"><\/div>\r\n\r\nEmployee Engagement\r\n\r\n<\/div>\r\n\r\n<div class=\"sm-google-item\">\r\n\r\n<div class=\"sm-google-dot\"><\/div>\r\n\r\nStretch Goals\r\n\r\n<\/div>\r\n\r\n<div class=\"sm-google-item\">\r\n\r\n<div class=\"sm-google-dot\"><\/div>\r\n\r\nCollaboration\r\n\r\n<\/div>\r\n\r\n<div class=\"sm-google-item\">\r\n\r\n<div class=\"sm-google-dot\"><\/div>\r\n\r\nContinuous Learning\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-bottom sm-google-reveal sm-delay2\">\r\n\r\nIt was <span>never designed<\/span> to replace a <br>\r\nPerformance Management System.\r\n\r\n<br><br>\r\n\r\nBefore deciding whether OKR is suitable for your company,\r\nwe encourage every CEO to watch\r\nGoogle's own explanation of OKR.\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n\/* =====================================================\r\nSECTION 3\r\nSCROLL REVEAL\r\n===================================================== *\/\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\",function(){\r\n\r\nconst reveals=document.querySelectorAll(\".sm-google-reveal\");\r\n\r\nconst observer=new IntersectionObserver(function(entries){\r\n\r\nentries.forEach(function(entry){\r\n\r\nif(entry.isIntersecting){\r\n\r\nentry.target.classList.add(\"active\");\r\n\r\nobserver.unobserve(entry.target);\r\n\r\n}\r\n\r\n});\r\n\r\n},{\r\nthreshold:0.18\r\n});\r\n\r\nreveals.forEach(function(el){\r\n\r\nobserver.observe(el);\r\n\r\n});\r\n\r\n});\r\n\r\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<div class=\"elementor-element elementor-element-271a4e0 e-flex e-con-boxed e-con e-parent\" data-id=\"271a4e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce5797f elementor-widget elementor-widget-html\" data-id=\"ce5797f\" 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>\r\n\r\n\/* =====================================================\r\nKPI VS OKR SCREEN 4\r\nKPI PERFORMANCE ENGINE\r\nAPPLE PRODUCT EXPLANATION STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-kpi-engine{\r\n\r\n\r\n    width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n\r\n\r\n    min-height:140vh;\r\n\r\n\r\n    background:#f5f5f7;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n    font-family:\r\n\r\n    -apple-system,\r\n\r\n    BlinkMacSystemFont,\r\n\r\n    \"SF Pro Display\",\r\n\r\n    \"Segoe UI\",\r\n\r\n    sans-serif;\r\n\r\n\r\n    overflow:hidden;\r\n\r\n\r\n    position:relative;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* ===============================\r\nCONTAINER\r\n=============================== *\/\r\n\r\n\r\n.sm-kpi-engine-container{\r\n\r\n\r\n    width:1200px;\r\n\r\n\r\n    max-width:90%;\r\n\r\n\r\n    margin:auto;\r\n\r\n\r\n    padding:120px 0;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* ===============================\r\nHEADER\r\n=============================== *\/\r\n\r\n\r\n.sm-kpi-engine-header{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    margin-bottom:120px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-engine-label{\r\n\r\n\r\n    font-size:13px;\r\n\r\n\r\n    letter-spacing:5px;\r\n\r\n\r\n    color:#888;\r\n\r\n\r\n    margin-bottom:35px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-engine-title{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(55px,7vw,110px);\r\n\r\n\r\n    line-height:.95;\r\n\r\n\r\n    letter-spacing:-6px;\r\n\r\n\r\n    font-weight:700;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-engine-title span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* ===============================\r\nMAIN STATEMENT\r\n=============================== *\/\r\n\r\n\r\n.sm-kpi-engine-main{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    margin-bottom:140px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-engine-main h3{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(35px,4vw,60px);\r\n\r\n\r\n    line-height:1.2;\r\n\r\n\r\n    letter-spacing:-2px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-engine-main p{\r\n\r\n\r\n    margin-top:30px;\r\n\r\n\r\n    font-size:22px;\r\n\r\n\r\n    color:#555;\r\n\r\n\r\n    line-height:1.7;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* ===============================\r\nPROCESS FLOW\r\n=============================== *\/\r\n\r\n\r\n.sm-kpi-engine-flow{\r\n\r\n\r\n    display:grid;\r\n\r\n\r\n    grid-template-columns:repeat(4,1fr);\r\n\r\n\r\n    border-top:1px solid #ddd;\r\n\r\n\r\n    border-bottom:1px solid #ddd;\r\n\r\n\r\n    margin-bottom:120px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-engine-step{\r\n\r\n\r\n    padding:60px 35px;\r\n\r\n\r\n    border-right:1px solid #ddd;\r\n\r\n\r\n    opacity:0;\r\n\r\n\r\n    transform:translateY(40px);\r\n\r\n\r\n    transition:\r\n\r\n    1s cubic-bezier(.22,1,.36,1);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-engine-step:last-child{\r\n\r\n\r\n    border-right:none;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-engine-step.active{\r\n\r\n\r\n    opacity:1;\r\n\r\n\r\n    transform:translateY(0);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-engine-step span{\r\n\r\n\r\n    font-size:12px;\r\n\r\n\r\n    color:#999;\r\n\r\n\r\n    letter-spacing:3px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-engine-step h4{\r\n\r\n\r\n    margin-top:25px;\r\n\r\n\r\n    font-size:32px;\r\n\r\n\r\n    letter-spacing:-1px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* ===============================\r\nFUNCTION AREA\r\n=============================== *\/\r\n\r\n\r\n.sm-kpi-engine-functions{\r\n\r\n\r\n    display:grid;\r\n\r\n\r\n    grid-template-columns:repeat(2,1fr);\r\n\r\n\r\n    gap:0;\r\n\r\n\r\n    margin-bottom:140px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-engine-function{\r\n\r\n\r\n    padding:35px 0;\r\n\r\n\r\n    border-bottom:1px solid #ddd;\r\n\r\n\r\n    font-size:30px;\r\n\r\n\r\n    letter-spacing:-1px;\r\n\r\n\r\n    opacity:0;\r\n\r\n\r\n    transform:translateX(-40px);\r\n\r\n\r\n    transition:1s ease;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-engine-function.active{\r\n\r\n\r\n    opacity:1;\r\n\r\n\r\n    transform:translateX(0);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-engine-function span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n    margin-right:20px;\r\n\r\n\r\n    font-size:16px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* ===============================\r\nFINAL MESSAGE\r\n=============================== *\/\r\n\r\n\r\n.sm-kpi-engine-final{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    padding-bottom:100px;\r\n\r\n\r\n    opacity:0;\r\n\r\n\r\n    transform:translateY(50px);\r\n\r\n\r\n    transition:1s ease;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-engine-final.active{\r\n\r\n\r\n    opacity:1;\r\n\r\n\r\n    transform:translateY(0);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-engine-final h2{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(40px,5vw,80px);\r\n\r\n\r\n    line-height:1.1;\r\n\r\n\r\n    letter-spacing:-3px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-engine-final span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* ===============================\r\nMOBILE\r\n=============================== *\/\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-kpi-engine-flow{\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-engine-step{\r\n\r\n\r\n    border-right:none;\r\n\r\n\r\n    border-bottom:1px solid #ddd;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-engine-functions{\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"sm-kpi-engine\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-container\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- HEADER -->\r\n\r\n\r\n<div class=\"sm-kpi-engine-header\">\r\n\r\n\r\n<div class=\"sm-kpi-engine-label\">\r\n\r\nKPI FOUNDATION\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"sm-kpi-engine-title\">\r\n\r\n\r\nKPI\r\n\r\n\r\n<br>\r\n\r\n\r\n<span>\r\nPerformance Engine\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- MAIN MESSAGE -->\r\n\r\n\r\n<div class=\"sm-kpi-engine-main\">\r\n\r\n\r\n<h3 class=\"sm-kpi-reveal\">\r\n\r\n\r\nKPI is designed to measure\r\n<br>\r\nbusiness performance.\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<p class=\"sm-kpi-reveal\">\r\n\r\n\r\nIt helps organisations track results,\r\nmonitor progress and improve execution.\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- PROCESS -->\r\n\r\n\r\n<div class=\"sm-kpi-engine-flow\">\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-step sm-kpi-reveal\">\r\n\r\n\r\n<span>\r\n01\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nMeasure\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-step sm-kpi-reveal\">\r\n\r\n\r\n<span>\r\n02\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nMonitor\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-step sm-kpi-reveal\">\r\n\r\n\r\n<span>\r\n03\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nImprove\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-step sm-kpi-reveal\">\r\n\r\n\r\n<span>\r\n04\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nExecute\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- KPI FUNCTIONS -->\r\n\r\n\r\n<div class=\"sm-kpi-engine-functions\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-function sm-kpi-reveal\">\r\n\r\n<span>\r\n01\r\n<\/span>\r\n\r\nMeasure Results\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-function sm-kpi-reveal\">\r\n\r\n<span>\r\n02\r\n<\/span>\r\n\r\nMonitor Performance\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-function sm-kpi-reveal\">\r\n\r\n<span>\r\n03\r\n<\/span>\r\n\r\nImprove Productivity\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-function sm-kpi-reveal\">\r\n\r\n<span>\r\n04\r\n<\/span>\r\n\r\nDrive Accountability\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-function sm-kpi-reveal\">\r\n\r\n<span>\r\n05\r\n<\/span>\r\n\r\nSalary Increment Decisions\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-function sm-kpi-reveal\">\r\n\r\n<span>\r\n06\r\n<\/span>\r\n\r\nBonus Distribution\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-function sm-kpi-reveal\">\r\n\r\n<span>\r\n07\r\n<\/span>\r\n\r\nPromotion Decisions\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-engine-function sm-kpi-reveal\">\r\n\r\n<span>\r\n08\r\n<\/span>\r\n\r\nBusiness Execution\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- FINAL -->\r\n\r\n\r\n<div class=\"sm-kpi-engine-final sm-kpi-reveal\">\r\n\r\n\r\n<h2>\r\n\r\n\r\nKPI is not only about measurement.\r\n\r\n\r\n<br>\r\n\r\n\r\n<span>\r\nIt is about execution.\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\"DOMContentLoaded\",\r\n()=>{\r\n\r\n\r\nconst reveal=document.querySelectorAll(\r\n\".sm-kpi-reveal\"\r\n);\r\n\r\n\r\n\r\nconst observer=new IntersectionObserver(\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\nobserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n});\r\n\r\n\r\n},\r\n{\r\nthreshold:.2\r\n}\r\n);\r\n\r\n\r\n\r\nreveal.forEach(\r\n(item)=>{\r\n\r\n\r\nobserver.observe(item);\r\n\r\n\r\n});\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb73d3c e-flex e-con-boxed e-con e-parent\" data-id=\"cb73d3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-447aff8 e-con-full e-flex e-con e-child\" data-id=\"447aff8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0af2e6 elementor-widget elementor-widget-html\" data-id=\"e0af2e6\" 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>\r\n\r\n\/* =====================================================\r\nKPI VS OKR SCREEN 5\r\nOKR PURPOSE\r\nDARK PREMIUM EDITORIAL STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-okr-screen5{\r\n\r\n\r\n    width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    background:#000;\r\n\r\n    color:#fff;\r\n\r\n    position:relative;\r\n\r\n    min-height:160vh;\r\n\r\n    overflow:hidden;\r\n\r\n    font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"SF Pro Display\",\r\n    \"Segoe UI\",\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* CONTAINER *\/\r\n\r\n\r\n.sm-okr-screen5-container{\r\n\r\n\r\n    width:1200px;\r\n\r\n    max-width:90%;\r\n\r\n    margin:auto;\r\n\r\n    padding:140px 0;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n\r\n.sm-okr-screen5-header{\r\n\r\n\r\n    text-align:center;\r\n\r\n    margin-bottom:150px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-label{\r\n\r\n\r\n    font-size:13px;\r\n\r\n    letter-spacing:5px;\r\n\r\n    color:#b0b0b0;\r\n\r\n    margin-bottom:35px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-title{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(100px,18vw,240px);\r\n\r\n\r\n    line-height:.85;\r\n\r\n\r\n    font-weight:800;\r\n\r\n\r\n    letter-spacing:-10px;\r\n\r\n\r\n    color:#ffffff;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-title span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n\r\n.sm-okr-screen5-intro{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    max-width:900px;\r\n\r\n\r\n    margin:0 auto 160px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-intro h3{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(38px,5vw,65px);\r\n\r\n\r\n    line-height:1.15;\r\n\r\n\r\n    color:#fff;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-intro p{\r\n\r\n\r\n    margin-top:40px;\r\n\r\n\r\n    font-size:22px;\r\n\r\n\r\n    line-height:1.8;\r\n\r\n\r\n    color:#d8d8d8;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* SECTION BLOCK *\/\r\n\r\n\r\n.sm-okr-screen5-block{\r\n\r\n\r\n    max-width:950px;\r\n\r\n\r\n    margin:0 auto 120px;\r\n\r\n\r\n    padding-bottom:80px;\r\n\r\n\r\n    border-bottom:\r\n\r\n    1px solid rgba(255,255,255,.18);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-block-label{\r\n\r\n\r\n    font-size:13px;\r\n\r\n\r\n    letter-spacing:4px;\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n    margin-bottom:30px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-screen5-block h3{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(34px,4vw,55px);\r\n\r\n\r\n    line-height:1.25;\r\n\r\n\r\n    color:#fff;\r\n\r\n\r\n    margin-bottom:35px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-screen5-block p{\r\n\r\n\r\n    font-size:22px;\r\n\r\n\r\n    line-height:1.9;\r\n\r\n\r\n    color:#d8d8d8;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* KEYWORDS *\/\r\n\r\n\r\n.sm-okr-screen5-keywords{\r\n\r\n\r\n    display:grid;\r\n\r\n\r\n    grid-template-columns:repeat(2,1fr);\r\n\r\n\r\n    gap:25px 80px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-screen5-keyword{\r\n\r\n\r\n    font-size:30px;\r\n\r\n\r\n    color:#ffffff;\r\n\r\n\r\n    padding:25px 0;\r\n\r\n\r\n    border-bottom:\r\n\r\n    1px solid rgba(255,255,255,.15);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-screen5-keyword span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n    font-size:15px;\r\n\r\n\r\n    margin-right:18px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* 60-70 AREA *\/\r\n\r\n\r\n.sm-okr-screen5-achievement{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    margin:170px auto;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-number{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(120px,18vw,260px);\r\n\r\n\r\n    font-weight:800;\r\n\r\n\r\n    letter-spacing:-10px;\r\n\r\n\r\n    line-height:1;\r\n\r\n\r\n    color:#fff;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-screen5-achievement h3{\r\n\r\n\r\n    margin-top:60px;\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(30px,4vw,50px);\r\n\r\n\r\n    color:#fff;\r\n\r\n\r\n    line-height:1.3;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-screen5-achievement p{\r\n\r\n\r\n    margin-top:35px;\r\n\r\n\r\n    font-size:22px;\r\n\r\n\r\n    color:#d8d8d8;\r\n\r\n\r\n    line-height:1.8;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* FINAL *\/\r\n\r\n\r\n.sm-okr-screen5-final{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    padding-bottom:100px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-screen5-final h2{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(45px,6vw,90px);\r\n\r\n\r\n    line-height:1.15;\r\n\r\n\r\n    color:#fff;\r\n\r\n\r\n    letter-spacing:-3px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-final span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-final p{\r\n\r\n\r\n    margin-top:40px;\r\n\r\n\r\n    font-size:26px;\r\n\r\n\r\n    color:#d8d8d8;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* REVEAL *\/\r\n\r\n\r\n.sm-okr-screen5-reveal{\r\n\r\n\r\n    opacity:0;\r\n\r\n\r\n    transform:translateY(60px);\r\n\r\n\r\n    filter:blur(8px);\r\n\r\n\r\n    transition:\r\n\r\n    1s cubic-bezier(.22,1,.36,1);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-reveal.active{\r\n\r\n\r\n    opacity:1;\r\n\r\n\r\n    transform:translateY(0);\r\n\r\n\r\n    filter:blur(0);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n\r\n@media(max-width:768px){\r\n\r\n\r\n.sm-okr-screen5-keywords{\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-screen5-block p{\r\n\r\n\r\n    font-size:18px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"sm-okr-screen5\">\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-container\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-header sm-okr-screen5-reveal\">\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-label\">\r\n\r\nKPI VS OKR FUNDAMENTALS\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"sm-okr-screen5-title\">\r\n\r\n<span>\r\nOKR\r\n<\/span>\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-intro sm-okr-screen5-reveal\">\r\n\r\n\r\n<h3>\r\n\r\nObjectives\r\n<br>\r\n&\r\n<br>\r\nKey Results\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<p>\r\n\r\nOKR focuses on something very different.\r\n\r\n<br><br>\r\n\r\nIt encourages employees to think bigger,\r\nchallenge themselves and pursue innovation.\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-block sm-okr-screen5-reveal\">\r\n\r\n\r\n<div class=\"sm-okr-screen5-block-label\">\r\n\r\n01 \/ MINDSET\r\n\r\n<\/div>\r\n\r\n\r\n<h3>\r\n\r\nOKR encourages employees to:\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-keywords\">\r\n\r\n\r\n<div class=\"sm-okr-screen5-keyword\">\r\n\r\n<span>01<\/span>\r\nThink Bigger\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-keyword\">\r\n\r\n<span>02<\/span>\r\nChallenge Themselves\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-keyword\">\r\n\r\n<span>03<\/span>\r\nPursue Innovation\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-keyword\">\r\n\r\n<span>04<\/span>\r\nTeam Collaboration\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-keyword\">\r\n\r\n<span>05<\/span>\r\nSet Ambitious Goals\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-achievement sm-okr-screen5-reveal\">\r\n\r\n\r\n<div class=\"sm-okr-screen5-number\">\r\n\r\n60 \u2013 70%\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<h3>\r\n\r\nAchievement Range For\r\nAmbitious Objectives\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<p>\r\n\r\nIn many OKR organisations,\r\nachieving 60% to 70% of an ambitious objective\r\nis already considered successful.\r\n\r\n<br><br>\r\n\r\nBecause OKR encourages innovation,\r\nrather than evaluating employee performance.\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-screen5-final sm-okr-screen5-reveal\">\r\n\r\n\r\n<h2>\r\n\r\nOKR is fundamentally an\r\n\r\n<br>\r\n\r\n<span>\r\nEmployee Engagement Tool\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<p>\r\n\r\nInstead of a Performance Management Tool.\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\"DOMContentLoaded\",\r\n()=>{\r\n\r\n\r\nconst items=document.querySelectorAll(\r\n\".sm-okr-screen5-reveal\"\r\n);\r\n\r\n\r\n\r\nconst observer=new IntersectionObserver(\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\nobserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n});\r\n\r\n\r\n},\r\n{\r\nthreshold:.2\r\n}\r\n);\r\n\r\n\r\n\r\nitems.forEach(\r\n(item)=>{\r\n\r\n\r\nobserver.observe(item);\r\n\r\n\r\n});\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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-d0aaaa3 e-flex e-con-boxed e-con e-parent\" data-id=\"d0aaaa3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fdd7692 e-con-full e-flex e-con e-child\" data-id=\"fdd7692\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a537937 elementor-widget elementor-widget-html\" data-id=\"a537937\" 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>\r\n\r\n\/* =====================================================\r\nKPI VS OKR SCREEN 6\r\nWHY GOOGLE SUCCEEDS WITH OKR\r\nCULTURE ARCHITECTURE STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-google-okr{\r\n\r\n\r\n    width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    background:#ffffff;\r\n\r\n    color:#111111;\r\n\r\n    min-height:150vh;\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    font-family:\r\n\r\n    -apple-system,\r\n\r\n    BlinkMacSystemFont,\r\n\r\n    \"SF Pro Display\",\r\n\r\n    \"Segoe UI\",\r\n\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* CONTAINER *\/\r\n\r\n\r\n.sm-google-okr-container{\r\n\r\n\r\n    width:1200px;\r\n\r\n    max-width:90%;\r\n\r\n    margin:auto;\r\n\r\n    padding:130px 0;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n\r\n.sm-google-okr-header{\r\n\r\n\r\n    text-align:center;\r\n\r\n    margin-bottom:130px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-okr-label{\r\n\r\n\r\n    font-size:13px;\r\n\r\n    letter-spacing:5px;\r\n\r\n    color:#888;\r\n\r\n    margin-bottom:35px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-google-okr-title{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(55px,7vw,100px);\r\n\r\n\r\n    line-height:1.05;\r\n\r\n\r\n    letter-spacing:-4px;\r\n\r\n\r\n    font-weight:700;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-google-okr-title span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* CORE MESSAGE *\/\r\n\r\n\r\n.sm-google-okr-core{\r\n\r\n\r\n    max-width:900px;\r\n\r\n    margin:0 auto 150px;\r\n\r\n    text-align:center;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-google-okr-core h3{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(35px,4.5vw,65px);\r\n\r\n\r\n    line-height:1.2;\r\n\r\n\r\n    letter-spacing:-2px;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-google-okr-core p{\r\n\r\n\r\n    margin-top:35px;\r\n\r\n\r\n    font-size:22px;\r\n\r\n\r\n    line-height:1.8;\r\n\r\n\r\n    color:#555;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* CULTURE SYSTEM *\/\r\n\r\n\r\n.sm-google-okr-system{\r\n\r\n\r\n    display:grid;\r\n\r\n\r\n    grid-template-columns:1fr 1fr;\r\n\r\n\r\n    gap:60px;\r\n\r\n\r\n    align-items:center;\r\n\r\n\r\n    margin-bottom:150px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* LEFT OKR *\/\r\n\r\n\r\n.sm-google-okr-center{\r\n\r\n\r\n    height:380px;\r\n\r\n\r\n    display:flex;\r\n\r\n\r\n    align-items:center;\r\n\r\n\r\n    justify-content:center;\r\n\r\n\r\n    position:relative;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-google-okr-circle{\r\n\r\n\r\n    width:260px;\r\n\r\n\r\n    height:260px;\r\n\r\n\r\n    border-radius:50%;\r\n\r\n\r\n    border:2px solid #f5b400;\r\n\r\n\r\n    display:flex;\r\n\r\n\r\n    align-items:center;\r\n\r\n\r\n    justify-content:center;\r\n\r\n\r\n    flex-direction:column;\r\n\r\n\r\n    background:#fff;\r\n\r\n\r\n    box-shadow:\r\n\r\n    0 30px 80px rgba(0,0,0,.08);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-google-okr-circle strong{\r\n\r\n\r\n    font-size:70px;\r\n\r\n\r\n    letter-spacing:-3px;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-google-okr-circle span{\r\n\r\n\r\n    margin-top:10px;\r\n\r\n\r\n    font-size:15px;\r\n\r\n\r\n    letter-spacing:3px;\r\n\r\n\r\n    color:#777;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* RIGHT CULTURE LIST *\/\r\n\r\n\r\n.sm-google-okr-culture{\r\n\r\n\r\n    border-left:1px solid #ddd;\r\n\r\n\r\n    padding-left:50px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-google-okr-item{\r\n\r\n\r\n    padding:28px 0;\r\n\r\n\r\n    border-bottom:1px solid #eee;\r\n\r\n\r\n    opacity:0;\r\n\r\n\r\n    transform:translateX(50px);\r\n\r\n\r\n    transition:\r\n\r\n    1s cubic-bezier(.22,1,.36,1);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-google-okr-item.active{\r\n\r\n\r\n    opacity:1;\r\n\r\n\r\n    transform:translateX(0);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-google-okr-item span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n    font-size:13px;\r\n\r\n\r\n    letter-spacing:3px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-google-okr-item h4{\r\n\r\n\r\n    margin-top:12px;\r\n\r\n\r\n    font-size:28px;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* FINAL MESSAGE *\/\r\n\r\n\r\n.sm-google-okr-final{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    padding:80px 0 120px;\r\n\r\n\r\n    border-top:1px solid #eee;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-google-okr-final h2{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(40px,5vw,80px);\r\n\r\n\r\n    line-height:1.15;\r\n\r\n\r\n    letter-spacing:-3px;\r\n\r\n\r\n    color:#111;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-google-okr-final span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-google-okr-final p{\r\n\r\n\r\n    margin-top:35px;\r\n\r\n\r\n    font-size:24px;\r\n\r\n\r\n    color:#555;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* REVEAL *\/\r\n\r\n\r\n.sm-google-okr-reveal{\r\n\r\n\r\n    opacity:0;\r\n\r\n\r\n    transform:translateY(50px);\r\n\r\n\r\n    transition:\r\n\r\n    1s cubic-bezier(.22,1,.36,1);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-google-okr-reveal.active{\r\n\r\n\r\n    opacity:1;\r\n\r\n\r\n    transform:translateY(0);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-google-okr-system{\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-okr-culture{\r\n\r\n\r\n    border-left:none;\r\n\r\n\r\n    padding-left:0;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-google-okr-circle{\r\n\r\n\r\n    width:220px;\r\n\r\n\r\n    height:220px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"sm-google-okr\">\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-container\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- HEADER -->\r\n\r\n\r\n<div class=\"sm-google-okr-header sm-google-okr-reveal\">\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-label\">\r\n\r\nKPI VS OKR CASE STUDY\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<h2 class=\"sm-google-okr-title\">\r\n\r\n\r\nWhy Does Google\r\n\r\n<br>\r\n\r\n<span>\r\nSucceed With OKR?\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- CORE -->\r\n\r\n\r\n<div class=\"sm-google-okr-core sm-google-okr-reveal\">\r\n\r\n\r\n<h3>\r\n\r\nOKR Success Is Not\r\nOnly About The Framework.\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<p>\r\n\r\nMany companies try to copy Google.\r\n\r\n<br><br>\r\n\r\nUnfortunately, many only copy the OKR framework.\r\n\r\nThey forget to copy Google's culture.\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- CULTURE SYSTEM -->\r\n\r\n\r\n<div class=\"sm-google-okr-system\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-center sm-google-okr-reveal\">\r\n\r\n\r\n<div class=\"sm-google-okr-circle\">\r\n\r\n\r\n<strong>\r\n\r\nOKR\r\n\r\n<\/strong>\r\n\r\n<br>\r\n\r\n<span>\r\n\r\nSUCCESS\r\n\r\n<\/span>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-culture\">\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-item sm-google-okr-reveal\">\r\n\r\n\r\n<span>\r\n01\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nHighly Talented Employees\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-item sm-google-okr-reveal\">\r\n\r\n\r\n<span>\r\n02\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nStrong Ownership Culture\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-item sm-google-okr-reveal\">\r\n\r\n\r\n<span>\r\n03\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nHigh Trust Environment\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-item sm-google-okr-reveal\">\r\n\r\n\r\n<span>\r\n04\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nInnovation-Driven Leadership\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-item sm-google-okr-reveal\">\r\n\r\n\r\n<span>\r\n05\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nOpen Communication\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-google-okr-item sm-google-okr-reveal\">\r\n\r\n\r\n<span>\r\n06\r\n<\/span>\r\n\r\n\r\n<h4>\r\n\r\nWorld-Class Management Practices\r\n\r\n<\/h4>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- FINAL -->\r\n\r\n\r\n<div class=\"sm-google-okr-final sm-google-okr-reveal\">\r\n\r\n\r\n<h2>\r\n\r\n\r\nThe success is not <br> because of\r\n\r\n\r\n\r\n<span>\r\nOKR alone\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<p>\r\n\r\nOKR works extremely well when supported by\r\nan exceptional organisational culture\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\"DOMContentLoaded\",\r\n()=>{\r\n\r\n\r\nconst elements=document.querySelectorAll(\r\n\".sm-google-okr-reveal\"\r\n);\r\n\r\n\r\n\r\nconst observer=new IntersectionObserver(\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\nobserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n});\r\n\r\n\r\n},\r\n{\r\nthreshold:.2\r\n}\r\n);\r\n\r\n\r\n\r\nelements.forEach(\r\n(item)=>{\r\n\r\n\r\nobserver.observe(item);\r\n\r\n\r\n});\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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-ae577cf e-flex e-con-boxed e-con e-parent\" data-id=\"ae577cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-330d83a elementor-widget elementor-widget-html\" data-id=\"330d83a\" 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>\r\n\r\n\/* =====================================================\r\nKPI VS OKR SCREEN 7\r\nOKR EXECUTION GAP ANALYSIS\r\nHIGH CONTRAST DARK STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-okr-gap-analysis{\r\n\r\n\r\n    width:100vw;\r\n\r\n    margin-left:calc(50% - 50vw);\r\n\r\n\r\n    min-height:170vh;\r\n\r\n\r\n    background:#000;\r\n\r\n\r\n    color:#ffffff;\r\n\r\n\r\n    overflow:hidden;\r\n\r\n\r\n    position:relative;\r\n\r\n\r\n    font-family:\r\n\r\n    -apple-system,\r\n\r\n    BlinkMacSystemFont,\r\n\r\n    \"SF Pro Display\",\r\n\r\n    \"Segoe UI\",\r\n\r\n    sans-serif;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* BACKGROUND *\/\r\n\r\n\r\n.sm-okr-gap-analysis::before{\r\n\r\n\r\n    content:\"\";\r\n\r\n\r\n    position:absolute;\r\n\r\n\r\n    width:900px;\r\n\r\n\r\n    height:900px;\r\n\r\n\r\n    top:-300px;\r\n\r\n\r\n    right:-200px;\r\n\r\n\r\n    background:\r\n\r\n\r\n    radial-gradient(\r\n\r\n    circle,\r\n\r\n    rgba(245,180,0,.18),\r\n\r\n    transparent 70%\r\n\r\n    );\r\n\r\n\r\n    filter:blur(100px);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* CONTAINER *\/\r\n\r\n\r\n.sm-okr-gap-container{\r\n\r\n\r\n    width:1200px;\r\n\r\n\r\n    max-width:90%;\r\n\r\n\r\n    margin:auto;\r\n\r\n\r\n    padding:140px 0;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* HERO *\/\r\n\r\n\r\n.sm-okr-gap-hero{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    margin-bottom:160px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-label{\r\n\r\n\r\n    font-size:13px;\r\n\r\n\r\n    letter-spacing:5px;\r\n\r\n\r\n    color:#bbbbbb;\r\n\r\n\r\n    margin-bottom:40px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-title{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(60px,8vw,120px);\r\n\r\n\r\n    line-height:1;\r\n\r\n\r\n    letter-spacing:-5px;\r\n\r\n\r\n    font-weight:800;\r\n\r\n\r\n    color:#ffffff;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-gap-title span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-sub{\r\n\r\n\r\n    margin-top:45px;\r\n\r\n\r\n    font-size:25px;\r\n\r\n\r\n    line-height:1.7;\r\n\r\n\r\n    color:#eeeeee;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* GAP SYSTEM *\/\r\n\r\n\r\n.sm-okr-gap-system{\r\n\r\n\r\n    display:flex;\r\n\r\n\r\n    justify-content:center;\r\n\r\n\r\n    align-items:center;\r\n\r\n\r\n    gap:80px;\r\n\r\n\r\n    margin-bottom:170px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-circle{\r\n\r\n\r\n    width:300px;\r\n\r\n\r\n    height:300px;\r\n\r\n\r\n    border-radius:50%;\r\n\r\n\r\n    border:2px solid #f5b400;\r\n\r\n\r\n    background:#050505;\r\n\r\n\r\n    display:flex;\r\n\r\n\r\n    justify-content:center;\r\n\r\n\r\n    align-items:center;\r\n\r\n\r\n    flex-direction:column;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-circle strong{\r\n\r\n\r\n    font-size:75px;\r\n\r\n\r\n    color:#ffffff;\r\n\r\n\r\n    letter-spacing:-3px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-circle span{\r\n\r\n\r\n    margin-top:15px;\r\n\r\n\r\n    color:#bbbbbb;\r\n\r\n\r\n    font-size:14px;\r\n\r\n\r\n    letter-spacing:4px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-divider{\r\n\r\n\r\n    font-size:80px;\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* GAP BOX *\/\r\n\r\n\r\n.sm-okr-gap-box{\r\n\r\n\r\n    display:flex;\r\n\r\n\r\n    flex-direction:column;\r\n\r\n\r\n    gap:35px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-item{\r\n\r\n\r\n    width:330px;\r\n\r\n\r\n    padding:40px;\r\n\r\n\r\n    background:#111;\r\n\r\n\r\n    border-left:3px solid #f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-item h3{\r\n\r\n\r\n    margin:0;\r\n\r\n\r\n    color:#ffffff;\r\n\r\n\r\n    font-size:36px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-item p{\r\n\r\n\r\n    margin-top:20px;\r\n\r\n\r\n    color:#eeeeee;\r\n\r\n\r\n    font-size:19px;\r\n\r\n\r\n    line-height:1.6;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* FAILURE SIGNALS *\/\r\n\r\n\r\n.sm-okr-gap-heading{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(45px,5vw,75px);\r\n\r\n\r\n    color:#ffffff;\r\n\r\n\r\n    margin-bottom:80px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-grid{\r\n\r\n\r\n    display:grid;\r\n\r\n\r\n    grid-template-columns:repeat(4,1fr);\r\n\r\n\r\n    gap:25px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-signal{\r\n\r\n\r\n    background:#111111;\r\n\r\n\r\n    border:1px solid rgba(255,255,255,.25);\r\n\r\n\r\n    padding:45px 30px;\r\n\r\n\r\n    opacity:0;\r\n\r\n\r\n    transform:translateY(50px);\r\n\r\n\r\n    transition:\r\n\r\n    1s cubic-bezier(.22,1,.36,1);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-signal.active{\r\n\r\n\r\n    opacity:1;\r\n\r\n\r\n    transform:translateY(0);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-signal span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n    font-size:14px;\r\n\r\n\r\n    letter-spacing:3px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-signal h4{\r\n\r\n\r\n    margin-top:25px;\r\n\r\n\r\n    color:#ffffff;\r\n\r\n\r\n    font-size:25px;\r\n\r\n\r\n    line-height:1.4;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* FINAL *\/\r\n\r\n\r\n.sm-okr-gap-final{\r\n\r\n\r\n    text-align:center;\r\n\r\n\r\n    margin-top:170px;\r\n\r\n\r\n    padding-bottom:100px;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-final h2{\r\n\r\n\r\n    font-size:\r\n\r\n    clamp(45px,6vw,90px);\r\n\r\n\r\n    line-height:1.15;\r\n\r\n\r\n    letter-spacing:-3px;\r\n\r\n\r\n    color:#ffffff;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-final span{\r\n\r\n\r\n    color:#f5b400;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-final p{\r\n\r\n\r\n    margin-top:45px;\r\n\r\n\r\n    color:#eeeeee;\r\n\r\n\r\n    font-size:26px;\r\n\r\n\r\n    line-height:1.7;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* ANIMATION *\/\r\n\r\n\r\n.sm-okr-gap-reveal{\r\n\r\n\r\n    opacity:0;\r\n\r\n\r\n    transform:translateY(60px);\r\n\r\n\r\n    filter:blur(8px);\r\n\r\n\r\n    transition:\r\n\r\n    1s ease;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-gap-reveal.active{\r\n\r\n\r\n    opacity:1;\r\n\r\n\r\n    transform:translateY(0);\r\n\r\n\r\n    filter:blur(0);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n\r\n.sm-okr-gap-system{\r\n\r\n\r\n    flex-direction:column;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-gap-grid{\r\n\r\n\r\n    grid-template-columns:1fr;\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-gap-divider{\r\n\r\n\r\n    transform:rotate(90deg);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"sm-okr-gap-analysis\">\r\n\r\n\r\n\r\n<div class=\"sm-okr-gap-container\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- HERO -->\r\n\r\n\r\n<div class=\"sm-okr-gap-hero sm-okr-gap-reveal\">\r\n\r\n\r\n<div class=\"sm-okr-gap-label\">\r\n\r\nOKR IMPLEMENTATION REALITY\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<h2 class=\"sm-okr-gap-title\">\r\n\r\nOKR\r\n\r\n<br>\r\n\r\n<span>\r\nExecution Gap\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<div class=\"sm-okr-gap-sub\">\r\n\r\nWhy good frameworks fail\r\n<br>\r\nin real organisations.\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- GAP SYSTEM -->\r\n\r\n\r\n<div class=\"sm-okr-gap-system sm-okr-gap-reveal\">\r\n\r\n\r\n\r\n<div class=\"sm-okr-gap-circle\">\r\n\r\n\r\n<strong>\r\n\r\nOKR\r\n\r\n<\/strong>\r\n\r\n<br>\r\n\r\n<span>\r\n\r\nFRAMEWORK\r\n\r\n<\/span>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-okr-gap-divider\">\r\n\r\n+\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-okr-gap-box\">\r\n\r\n\r\n\r\n<div class=\"sm-okr-gap-item\">\r\n\r\n\r\n<h3>\r\n\r\nCulture Gap\r\n\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nMissing ownership,\r\ntrust and alignment.\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-gap-item\">\r\n\r\n\r\n<h3>\r\n\r\nExecution Gap\r\n\r\n<\/h3>\r\n\r\n\r\n<p>\r\n\r\nWeak implementation\r\nand management practices.\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- FAILURE SIGNALS -->\r\n\r\n\r\n<div class=\"sm-okr-gap-signals\">\r\n\r\n\r\n\r\n<h2 class=\"sm-okr-gap-heading sm-okr-gap-reveal\">\r\n\r\nFailure Signals\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-gap-grid\">\r\n\r\n\r\n\r\n<div class=\"sm-okr-gap-signal sm-okr-gap-reveal\">\r\n<span>01<\/span>\r\n<h4>Unclear Objectives<\/h4>\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-okr-gap-signal sm-okr-gap-reveal\">\r\n<span>02<\/span>\r\n<h4>Department Conflict<\/h4>\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-okr-gap-signal sm-okr-gap-reveal\">\r\n<span>03<\/span>\r\n<h4>Too Many Priorities<\/h4>\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-okr-gap-signal sm-okr-gap-reveal\">\r\n<span>04<\/span>\r\n<h4>Weak Alignment<\/h4>\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-okr-gap-signal sm-okr-gap-reveal\">\r\n<span>05<\/span>\r\n<h4>Low Manager Visibility<\/h4>\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-okr-gap-signal sm-okr-gap-reveal\">\r\n<span>06<\/span>\r\n<h4>Evaluation Difficulty<\/h4>\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-okr-gap-signal sm-okr-gap-reveal\">\r\n<span>07<\/span>\r\n<h4>Bonus Subjectivity<\/h4>\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-okr-gap-signal sm-okr-gap-reveal\">\r\n<span>08<\/span>\r\n<h4>Promotion Uncertainty<\/h4>\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- FINAL -->\r\n\r\n\r\n<div class=\"sm-okr-gap-final sm-okr-gap-reveal\">\r\n\r\n\r\n<h2>\r\n\r\nCopying Google's OKR\r\n\r\n<br>\r\n\r\nDoes Not Create Google's\r\n\r\n<br>\r\n\r\n<span>\r\nCulture\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<p>\r\n\r\nOKR succeeds when the organisation\r\nhas the right foundation\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\"DOMContentLoaded\",\r\n()=>{\r\n\r\n\r\nconst elements=document.querySelectorAll(\r\n\".sm-okr-gap-reveal\"\r\n);\r\n\r\n\r\n\r\nconst observer=new IntersectionObserver(\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\nobserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n});\r\n\r\n\r\n},\r\n{\r\nthreshold:.2\r\n}\r\n);\r\n\r\n\r\n\r\nelements.forEach(\r\n(item)=>observer.observe(item)\r\n\r\n);\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-abdc8f8 e-flex e-con-boxed e-con e-parent\" data-id=\"abdc8f8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b09a025 elementor-widget elementor-widget-html\" data-id=\"b09a025\" 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>\r\n\r\n\/* =====================================================\r\nKPI VS OKR SCREEN 8\r\nBUSINESS ENVIRONMENT MAP\r\nAPPLE CONSULTING PREMIUM VERSION\r\n===================================================== *\/\r\n\r\n.sm-kpi-okr-map{\r\n\r\n    width:100vw;\r\n    margin-left:calc(50% - 50vw);\r\n\r\n    background:\r\n    linear-gradient(\r\n        180deg,\r\n        #ffffff 0%,\r\n        #fafafa 100%\r\n    );\r\n\r\n    color:#111;\r\n\r\n    min-height:170vh;\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    font-family:\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"SF Pro Display\",\r\n    \"Segoe UI\",\r\n    sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\nCONTAINER\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-okr-map-container{\r\n\r\n    width:min(1200px,90%);\r\n\r\n    margin:auto;\r\n\r\n    padding:140px 0;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBACKGROUND GLOW\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-okr-map::before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:700px;\r\n\r\n    height:700px;\r\n\r\n    top:-250px;\r\n\r\n    right:-250px;\r\n\r\n    background:\r\n    radial-gradient(\r\n        circle,\r\n        rgba(245,180,0,.12),\r\n        transparent 0%\r\n    );\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHERO\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-okr-map-header{\r\n\r\n    text-align:center;\r\n\r\n    margin-bottom:100px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-map-label{\r\n\r\n    font-size:12px;\r\n\r\n    letter-spacing:6px;\r\n\r\n    color:#999;\r\n\r\n    margin-bottom:35px;\r\n\r\n    text-transform:uppercase;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-map-title{\r\n\r\n    font-size:\r\n    clamp(55px,7vw,90px);\r\n\r\n    line-height:1.05;\r\n\r\n    letter-spacing:-5px;\r\n\r\n    font-weight:700;\r\n\r\n    margin:0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-map-title span{\r\n\r\n    color:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-map-sub{\r\n\r\n    margin-top:35px;\r\n\r\n    font-size:24px;\r\n\r\n    line-height:1.6;\r\n\r\n    color:#666;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nCOMPARE CARDS\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-okr-map-compare{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:repeat(2,1fr);\r\n\r\n    gap:40px;\r\n\r\n    margin-bottom:120px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-column{\r\n\r\n    position:relative;\r\n\r\n    padding:60px;\r\n\r\n    background:\r\n    rgba(255,255,255,.75);\r\n\r\n    backdrop-filter:blur(20px);\r\n\r\n    border-radius:36px;\r\n\r\n    border:1px solid #e8e8e8;\r\n\r\n    box-shadow:\r\n\r\n    0 30px 80px rgba(0,0,0,.06);\r\n\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(50px);\r\n\r\n    transition:\r\n\r\n    1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-column:hover{\r\n\r\n    transform:\r\n    translateY(-8px);\r\n\r\n    box-shadow:\r\n\r\n    0 40px 100px rgba(0,0,0,.1);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-column.active{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-column:first-child{\r\n\r\n    border-top:5px solid #f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-column:last-child{\r\n\r\n    border-top:5px solid #111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-column-label{\r\n\r\n    font-size:12px;\r\n\r\n    letter-spacing:4px;\r\n\r\n    color:#999;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-column h3{\r\n\r\n    font-size:64px;\r\n\r\n    letter-spacing:-3px;\r\n\r\n    margin:25px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-column p{\r\n\r\n    font-size:20px;\r\n\r\n    line-height:1.8;\r\n\r\n    color:#666;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nSECTION HEADER\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-okr-section{\r\n\r\n    margin-bottom:130px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-section-header{\r\n\r\n    text-align:center;\r\n\r\n    margin-bottom:60px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-section-header h2{\r\n\r\n    font-size:\r\n    clamp(42px,5vw,68px);\r\n\r\n    letter-spacing:-3px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-section-header span{\r\n\r\n    color:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nGRID\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-okr-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n    repeat(3,1fr);\r\n\r\n    gap:18px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-item{\r\n\r\n    min-height:110px;\r\n\r\n    padding:35px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid #e8e8e8;\r\n\r\n    border-radius:20px;\r\n\r\n    font-size:21px;\r\n\r\n    font-weight:500;\r\n\r\n    transition:.5s ease;\r\n\r\n\r\n    opacity:0;\r\n\r\n    transform:translateY(40px);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-item:hover{\r\n\r\n    transform:\r\n    translateY(-6px);\r\n\r\n    border-color:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-okr-item.active{\r\n\r\n    opacity:1;\r\n\r\n    transform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-item span{\r\n\r\n    font-size:12px;\r\n\r\n    color:#f5b400;\r\n\r\n    letter-spacing:2px;\r\n\r\n    margin-right:18px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFINAL MESSAGE\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-okr-final{\r\n\r\n    text-align:center;\r\n\r\n    padding:120px 0;\r\n\r\n    border-top:1px solid #eee;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-final h2{\r\n\r\n    font-size:\r\n    clamp(45px,6vw,82px);\r\n\r\n    line-height:1.15;\r\n\r\n    letter-spacing:-4px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-final span{\r\n\r\n    color:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-final p{\r\n\r\n    margin-top:35px;\r\n\r\n    font-size:26px;\r\n\r\n    color:#666;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nSCROLL REVEAL\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-okr-reveal{\r\n\r\n    opacity:0;\r\n\r\n    transform:\r\n\r\n    translateY(60px);\r\n\r\n    transition:\r\n\r\n    1.1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-reveal.active{\r\n\r\n    opacity:1;\r\n\r\n    transform:\r\n\r\n    translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nRESPONSIVE\r\n========================= *\/\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-kpi-okr-map-container{\r\n\r\n    padding:80px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-map-compare{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-grid{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-column{\r\n\r\n    padding:35px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-column h3{\r\n\r\n    font-size:45px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-okr-map-sub{\r\n\r\n    font-size:20px;\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"sm-kpi-okr-map\">\r\n\r\n\r\n<div class=\"sm-kpi-okr-map-container\">\r\n\r\n\r\n\r\n<!-- HERO -->\r\n\r\n<div class=\"sm-kpi-okr-map-header sm-kpi-okr-reveal\">\r\n\r\n\r\n<div class=\"sm-kpi-okr-map-label\">\r\n\r\nKPI VS OKR BUSINESS APPLICATION\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<h1 class=\"sm-kpi-okr-map-title\">\r\n\r\nWhere Does\r\n\r\n<br>\r\n\r\n<span>\r\nOKR Work Best?\r\n<\/span>\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n<p class=\"sm-kpi-okr-map-sub\">\r\n\r\nDifferent business challenges\r\n\r\n<br>\r\n\r\nrequire different management tools\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<!-- KPI VS OKR COMPARISON -->\r\n\r\n\r\n<div class=\"sm-kpi-okr-map-compare\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-column\">\r\n\r\n\r\n<div class=\"sm-kpi-okr-column-label\">\r\n\r\nINNOVATION ENVIRONMENT\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<h3>\r\n\r\nOKR\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<p>\r\n\r\nBest suited for teams dealing with\r\n\r\ncreativity, innovation and uncertain goals\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-column\">\r\n\r\n\r\n<div class=\"sm-kpi-okr-column-label\">\r\n\r\nOPERATIONAL ENVIRONMENT\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<h3>\r\n\r\nKPI\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<p>\r\n\r\nBest suited for organisations requiring\r\n\r\nconsistency, productivity and execution\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- OKR SECTION -->\r\n\r\n\r\n<div class=\"sm-kpi-okr-section\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-section-header sm-kpi-okr-reveal\">\r\n\r\n\r\n<h2>\r\n\r\nWhere \r\n\r\n<span>\r\nOKR\r\n<\/span>\r\n\r\nWorks Best\r\n\r\n<\/h2>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-grid\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>01<\/span>\r\n\r\nResearch & Development Teams\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>02<\/span>\r\n\r\nProduct Development Teams\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>03<\/span>\r\n\r\nSoftware Development Teams\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>04<\/span>\r\n\r\nInnovation Teams\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>05<\/span>\r\n\r\nStrategy Teams\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>06<\/span>\r\n\r\nCreative Departments\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- KPI SECTION -->\r\n\r\n\r\n<div class=\"sm-kpi-okr-section\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-section-header sm-kpi-okr-reveal\">\r\n\r\n\r\n<h2>\r\n\r\nWhere\r\n\r\n<span>\r\nKPI\r\n<\/span>\r\n\r\nWorks Best\r\n\r\n<\/h2>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-grid\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>01<\/span>\r\n\r\nSales\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>02<\/span>\r\n\r\nPurchasing\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>03<\/span>\r\n\r\nProduction\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>04<\/span>\r\n\r\nWarehouse\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>05<\/span>\r\n\r\nLogistics\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>06<\/span>\r\n\r\nQuality\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>07<\/span>\r\n\r\nCustomer Service\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>08<\/span>\r\n\r\nFinance\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>09<\/span>\r\n\r\nHuman Resources\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-okr-item sm-kpi-okr-reveal\">\r\n\r\n<span>10<\/span>\r\n\r\nAdministration\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- FINAL MESSAGE -->\r\n\r\n\r\n<div class=\"sm-kpi-okr-final sm-kpi-okr-reveal\">\r\n\r\n\r\n<h2>\r\n\r\nOKR drives\r\n\r\n<span>\r\ninnovation\r\n<\/span>\r\n\r\n\r\n<br>\r\n\r\n\r\nKPI drives\r\n\r\n<span>\r\nexecution\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<p>\r\n\r\nTogether, they support sustainable business growth\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n\"DOMContentLoaded\",\r\n()=>{\r\n\r\n\r\nconst revealItems = document.querySelectorAll(\r\n\".sm-kpi-okr-reveal\"\r\n);\r\n\r\n\r\n\r\nconst columns = document.querySelectorAll(\r\n\".sm-kpi-okr-column\"\r\n);\r\n\r\n\r\n\r\nconst items = document.querySelectorAll(\r\n\".sm-kpi-okr-item\"\r\n);\r\n\r\n\r\n\r\n\r\n\r\nconst observer = new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\n\r\nobserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n});\r\n\r\n\r\n},\r\n\r\n{\r\n\r\n\r\nthreshold:0.15,\r\n\r\nrootMargin:\"0px 0px -80px 0px\"\r\n\r\n}\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nrevealItems.forEach(\r\n\r\n(item)=>{\r\n\r\nobserver.observe(item);\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nCARD STAGGER ANIMATION\r\n========================= *\/\r\n\r\n\r\nconst cardObserver = new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\nconst cards = entry.target.querySelectorAll(\r\n\".sm-kpi-okr-item\"\r\n);\r\n\r\n\r\n\r\ncards.forEach(\r\n\r\n(card,index)=>{\r\n\r\n\r\nsetTimeout(()=>{\r\n\r\n\r\ncard.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\n},index * 100);\r\n\r\n\r\n\r\n}\r\n);\r\n\r\n\r\n\r\ncardObserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n});\r\n\r\n\r\n},\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.2\r\n\r\n\r\n}\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\ndocument.querySelectorAll(\r\n\".sm-kpi-okr-grid\"\r\n)\r\n\r\n.forEach(\r\n\r\n(grid)=>{\r\n\r\n\r\ncardObserver.observe(grid);\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nCOMPARE CARD DELAY\r\n========================= *\/\r\n\r\n\r\nconst compareObserver = new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\ncolumns.forEach(\r\n\r\n(column,index)=>{\r\n\r\n\r\nsetTimeout(()=>{\r\n\r\n\r\ncolumn.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\n\r\n},index * 250);\r\n\r\n\r\n\r\n}\r\n);\r\n\r\n\r\n\r\ncompareObserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n});\r\n\r\n\r\n},\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.2\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\ndocument.querySelectorAll(\r\n\".sm-kpi-okr-map-compare\"\r\n)\r\n\r\n.forEach(\r\n\r\n(section)=>{\r\n\r\n\r\ncompareObserver.observe(section);\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-04ebefd e-flex e-con-boxed e-con e-parent\" data-id=\"04ebefd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ba5778 elementor-widget elementor-widget-html\" data-id=\"6ba5778\" 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>\r\n\r\n\/* =====================================================\r\nSCREEN 9\r\nWHY TRADITIONAL KPI OFTEN FAILS\r\nAPPLE DARK CONSULTING PREMIUM VERSION\r\nFIXED CONTRAST VERSION\r\n===================================================== *\/\r\n\r\n\r\n.sm-kpi-fail-section{\r\n\r\nwidth:100vw;\r\n\r\nmargin-left:calc(50% - 50vw);\r\n\r\nbackground:#000000;\r\n\r\ncolor:#ffffff;\r\n\r\nmin-height:160vh;\r\n\r\noverflow:hidden;\r\n\r\nposition:relative;\r\n\r\nfont-family:\r\n-apple-system,\r\nBlinkMacSystemFont,\r\n\"SF Pro Display\",\r\n\"Segoe UI\",\r\nsans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBACKGROUND GLOW\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-fail-section::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:850px;\r\n\r\nheight:850px;\r\n\r\nright:-250px;\r\n\r\ntop:-200px;\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.22),\r\ntransparent 65%\r\n);\r\n\r\nfilter:blur(60px);\r\n\r\nopacity:.8;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-section::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:600px;\r\n\r\nheight:600px;\r\n\r\nleft:-250px;\r\n\r\nbottom:0;\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(255,255,255,.08),\r\ntransparent 70%\r\n);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-container{\r\n\r\nwidth:min(1200px,90%);\r\n\r\nmargin:auto;\r\n\r\npadding:140px 0;\r\n\r\nposition:relative;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHEADER\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-fail-header{\r\n\r\nmax-width:1000px;\r\n\r\nmargin-bottom:110px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-label{\r\n\r\nfont-size:12px;\r\n\r\nletter-spacing:6px;\r\n\r\ncolor:#b8b8b8;\r\n\r\nmargin-bottom:35px;\r\n\r\nfont-weight:500;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-title{\r\n\r\nfont-size:\r\n\r\nclamp(55px,7vw,100px);\r\n\r\nline-height:1.05;\r\n\r\nletter-spacing:-5px;\r\n\r\nfont-weight:750;\r\n\r\nmargin:0;\r\n\r\ncolor:#ffffff;\r\n\r\ntext-shadow:\r\n\r\n0 10px 40px rgba(0,0,0,.5);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-intro{\r\n\r\nmargin-top:45px;\r\n\r\nfont-size:28px;\r\n\r\nline-height:1.65;\r\n\r\ncolor:#e5e5e5;\r\n\r\nmax-width:780px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-intro strong{\r\n\r\ncolor:#ffffff;\r\n\r\nfont-weight:700;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nPROBLEM STATEMENT\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-fail-message{\r\n\r\nmargin:120px 0;\r\n\r\npadding-left:45px;\r\n\r\nborder-left:3px solid #f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-message h2{\r\n\r\nfont-size:\r\n\r\nclamp(38px,4.5vw,60px);\r\n\r\nline-height:1.35;\r\n\r\nletter-spacing:-2px;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-message span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFAIL LIST\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-fail-list{\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:\r\n\r\nrepeat(2,1fr);\r\n\r\ngap:25px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-item{\r\n\r\npadding:38px;\r\n\r\nmin-height:110px;\r\n\r\nborder:\r\n\r\n1px solid rgba(255,255,255,.18);\r\n\r\n\r\nbackground:\r\n\r\nrgba(255,255,255,.08);\r\n\r\n\r\nbackdrop-filter:\r\n\r\nblur(20px);\r\n\r\n\r\nborder-radius:22px;\r\n\r\n\r\nfont-size:22px;\r\n\r\nfont-weight:500;\r\n\r\ncolor:#ffffff;\r\n\r\n\r\ndisplay:flex;\r\n\r\nalign-items:center;\r\n\r\ngap:22px;\r\n\r\n\r\nbox-shadow:\r\n\r\n0 20px 60px rgba(0,0,0,.35);\r\n\r\n\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(50px);\r\n\r\n\r\ntransition:\r\n\r\n.9s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-item:hover{\r\n\r\nborder-color:#f5b400;\r\n\r\nbackground:\r\n\r\nrgba(245,180,0,.08);\r\n\r\ntransform:\r\n\r\ntranslateY(-8px);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-number{\r\n\r\nfont-size:13px;\r\n\r\nletter-spacing:3px;\r\n\r\ncolor:#f5b400;\r\n\r\nfont-weight:600;\r\n\r\nmin-width:35px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-item.active{\r\n\r\nopacity:1;\r\n\r\ntransform:\r\n\r\ntranslateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFINAL STATEMENT\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-fail-final{\r\n\r\nmargin-top:150px;\r\n\r\npadding-top:90px;\r\n\r\ntext-align:center;\r\n\r\nborder-top:\r\n\r\n1px solid rgba(255,255,255,.18);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-final h2{\r\n\r\nfont-size:\r\n\r\nclamp(45px,6vw,88px);\r\n\r\nline-height:1.15;\r\n\r\nletter-spacing:-4px;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-final span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-final p{\r\n\r\nmargin-top:40px;\r\n\r\nfont-size:28px;\r\n\r\ncolor:#d0d0d0;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nREVEAL\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-fail-reveal{\r\n\r\nopacity:0;\r\n\r\ntransform:\r\n\r\ntranslateY(60px);\r\n\r\n\r\ntransition:\r\n\r\n1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-fail-reveal.active{\r\n\r\nopacity:1;\r\n\r\ntransform:\r\n\r\ntranslateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nMOBILE\r\n========================= *\/\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-kpi-fail-container{\r\n\r\npadding:80px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-fail-title{\r\n\r\nletter-spacing:-3px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-fail-intro{\r\n\r\nfont-size:20px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-fail-list{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-fail-item{\r\n\r\nfont-size:18px;\r\n\r\npadding:28px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-fail-message{\r\n\r\npadding-left:25px;\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"sm-kpi-fail-section\">\r\n\r\n\r\n<div class=\"sm-kpi-fail-container\">\r\n\r\n\r\n\r\n<!-- =========================\r\nHEADER\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-fail-header sm-kpi-fail-reveal\">\r\n\r\n\r\n<div class=\"sm-kpi-fail-label\">\r\n\r\nKPI IMPLEMENTATION CHALLENGES\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<h1 class=\"sm-kpi-fail-title\">\r\n\r\nWhy Traditional\r\n\r\n<br>\r\n\r\n<span>\r\n\r\nKPI Often Fails\r\n\r\n<\/span>\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"sm-kpi-fail-intro\">\r\n\r\n\r\nMany CEOs believe\r\n\r\n<strong>KPI does not work <\/strong>\r\n\r\n\r\n<br><br>\r\n\r\n\r\nIn reality,\r\n\r\ntraditional KPI implementations <br> are often\r\n\r\n<strong>the real problem <\/strong>\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nCORE MESSAGE\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-fail-message sm-kpi-fail-reveal\">\r\n\r\n\r\n<h2>\r\n\r\n\r\nThe problem is not KPI\r\n\r\n\r\n<br>\r\n\r\n\r\nThe problem is <br>\r\n\r\n<span>\r\n\r\nhow KPI is implemented\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nFAILURE POINTS\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-fail-list\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-fail-item sm-kpi-fail-reveal\">\r\n\r\n<span class=\"sm-kpi-fail-number\">\r\n\r\n01\r\n\r\n<\/span>\r\n\r\n\r\nKPI reviewed only once a year\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-fail-item sm-kpi-fail-reveal\">\r\n\r\n<span class=\"sm-kpi-fail-number\">\r\n\r\n02\r\n\r\n<\/span>\r\n\r\n\r\nExcel-based management\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-fail-item sm-kpi-fail-reveal\">\r\n\r\n<span class=\"sm-kpi-fail-number\">\r\n\r\n03\r\n\r\n<\/span>\r\n\r\n\r\nNo real-time dashboard\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-fail-item sm-kpi-fail-reveal\">\r\n\r\n<span class=\"sm-kpi-fail-number\">\r\n\r\n04\r\n\r\n<\/span>\r\n\r\n\r\nNo process visibility\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-fail-item sm-kpi-fail-reveal\">\r\n\r\n<span class=\"sm-kpi-fail-number\">\r\n\r\n05\r\n\r\n<\/span>\r\n\r\n\r\nNo accountability\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-fail-item sm-kpi-fail-reveal\">\r\n\r\n<span class=\"sm-kpi-fail-number\">\r\n\r\n06\r\n\r\n<\/span>\r\n\r\n\r\nNo SOP integration\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-fail-item sm-kpi-fail-reveal\">\r\n\r\n<span class=\"sm-kpi-fail-number\">\r\n\r\n07\r\n\r\n<\/span>\r\n\r\n\r\nNo continuous monitoring\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-fail-item sm-kpi-fail-reveal\">\r\n\r\n<span class=\"sm-kpi-fail-number\">\r\n\r\n08\r\n\r\n<\/span>\r\n\r\n\r\nEmployees do not understand their KPIs\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nFINAL MESSAGE\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-fail-final sm-kpi-fail-reveal\">\r\n\r\n\r\n<h2>\r\n\r\n\r\nKPI becomes\r\n\r\n<span>\r\n\r\npaperwork\r\n\r\n<\/span>\r\n\r\n\r\n<br>\r\n\r\n\r\nInstead of driving\r\n\r\n<span>\r\n\r\nexecution\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\nTraditional KPI becomes an annual appraisal exercise\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n\"DOMContentLoaded\",\r\n()=>{\r\n\r\n\r\n\/* =========================\r\nGENERAL REVEAL\r\n========================= *\/\r\n\r\n\r\nconst revealElements = document.querySelectorAll(\r\n\".sm-kpi-fail-reveal\"\r\n);\r\n\r\n\r\n\r\nconst revealObserver = new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\n\r\nrevealObserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n},\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.15,\r\n\r\nrootMargin:\"0px 0px -80px 0px\"\r\n\r\n}\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nrevealElements.forEach(\r\n\r\n(element)=>{\r\n\r\n\r\nrevealObserver.observe(element);\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFAILURE LIST STAGGER\r\n========================= *\/\r\n\r\n\r\nconst failList = document.querySelector(\r\n\".sm-kpi-fail-list\"\r\n);\r\n\r\n\r\n\r\nif(failList){\r\n\r\n\r\n\r\nconst listObserver = new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\nconst items = entry.target.querySelectorAll(\r\n\".sm-kpi-fail-item\"\r\n);\r\n\r\n\r\n\r\n\r\nitems.forEach(\r\n\r\n(item,index)=>{\r\n\r\n\r\nsetTimeout(\r\n\r\n()=>{\r\n\r\n\r\nitem.classList.add(\r\n\"active\"\r\n);\r\n\r\n\r\n},\r\n\r\nindex * 120\r\n\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n);\r\n\r\n\r\n\r\n\r\nlistObserver.unobserve(\r\nentry.target\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n},\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.2\r\n\r\n}\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\nlistObserver.observe(\r\nfailList\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nSMOOTH PARALLAX LIGHT EFFECT\r\n========================= *\/\r\n\r\n\r\nconst section = document.querySelector(\r\n\".sm-kpi-fail-section\"\r\n);\r\n\r\n\r\n\r\nif(section){\r\n\r\n\r\n\r\nwindow.addEventListener(\r\n\"scroll\",\r\n()=>{\r\n\r\n\r\nconst scroll =\r\nwindow.scrollY;\r\n\r\n\r\n\r\nconst glow =\r\nsection.querySelector(\r\n\"::before\"\r\n);\r\n\r\n\r\n\r\nsection.style.backgroundPosition =\r\n`center ${scroll * 0.05}px`;\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-add9eb3 e-flex e-con-boxed e-con e-parent\" data-id=\"add9eb3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d78d99e elementor-widget elementor-widget-html\" data-id=\"d78d99e\" 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>\r\n\r\n\/* =====================================================\r\nSCREEN 10\r\nTHE SANDMERIT KPI DIFFERENCE\r\nAPPLE WHITE CONSULTING STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-kpi-difference{\r\n\r\nwidth:100vw;\r\n\r\nmargin-left:calc(50% - 50vw);\r\n\r\nbackground:#ffffff;\r\n\r\ncolor:#111111;\r\n\r\nmin-height:150vh;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nfont-family:\r\n-apple-system,\r\nBlinkMacSystemFont,\r\n\"SF Pro Display\",\r\n\"Segoe UI\",\r\nsans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBACKGROUND ELEMENT\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-difference::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:700px;\r\n\r\nheight:700px;\r\n\r\nright:-250px;\r\n\r\ntop:100px;\r\n\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.15),\r\ntransparent 0%\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-container{\r\n\r\nwidth:min(1200px,90%);\r\n\r\nmargin:auto;\r\n\r\npadding:150px 0;\r\n\r\nposition:relative;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nTOP LABEL\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-difference-label{\r\n\r\nfont-size:12px;\r\n\r\nletter-spacing:6px;\r\n\r\ncolor:#888888;\r\n\r\nmargin-bottom:45px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHERO TITLE\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-difference-title{\r\n\r\nfont-size:\r\n\r\nclamp(55px,7vw,100px);\r\n\r\nline-height:1.05;\r\n\r\nletter-spacing:-5px;\r\n\r\nfont-weight:750;\r\n\r\nmargin:0;\r\n\r\ncolor:#111111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-difference-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nINTRO\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-difference-intro{\r\n\r\nmargin-top:50px;\r\n\r\nmax-width:850px;\r\n\r\nfont-size:30px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#444444;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-intro strong{\r\n\r\ncolor:#111111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nYEARS BLOCK\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-difference-years{\r\n\r\nmargin-top:130px;\r\n\r\ndisplay:flex;\r\n\r\nalign-items:center;\r\n\r\ngap:50px;\r\n\r\npadding:60px 0;\r\n\r\nborder-top:1px solid #eeeeee;\r\n\r\nborder-bottom:1px solid #eeeeee;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-difference-number{\r\n\r\nfont-size:\r\n\r\nclamp(80px,10vw,150px);\r\n\r\nfont-weight:700;\r\n\r\nletter-spacing:-8px;\r\n\r\ncolor:#111111;\r\n\r\nline-height:1;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-years-text{\r\n\r\nfont-size:26px;\r\n\r\nline-height:1.6;\r\n\r\ncolor:#555555;\r\n\r\nmax-width:500px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nPHILOSOPHY\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-difference-philosophy{\r\n\r\nmargin-top:120px;\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:1fr 1fr;\r\n\r\ngap:80px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-difference-box{\r\n\r\npadding:50px;\r\n\r\nborder-radius:30px;\r\n\r\nbackground:#f8f8f8;\r\n\r\nborder:1px solid #e8e8e8;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-box small{\r\n\r\nfont-size:12px;\r\n\r\nletter-spacing:4px;\r\n\r\ncolor:#999999;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-box h3{\r\n\r\nfont-size:40px;\r\n\r\nline-height:1.2;\r\n\r\nletter-spacing:-2px;\r\n\r\nmargin:25px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-box span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-box p{\r\n\r\nfont-size:21px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#555555;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFINAL MESSAGE\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-difference-final{\r\n\r\nmargin-top:140px;\r\n\r\ntext-align:center;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-final h2{\r\n\r\nfont-size:\r\n\r\nclamp(45px,6vw,85px);\r\n\r\nline-height:1.15;\r\n\r\nletter-spacing:-4px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-final span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-final p{\r\n\r\nmargin-top:35px;\r\n\r\nfont-size:28px;\r\n\r\ncolor:#555555;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nREVEAL\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-difference-reveal{\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(60px);\r\n\r\ntransition:\r\n\r\n1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-reveal.active{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nMOBILE\r\n========================= *\/\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-kpi-difference-container{\r\n\r\npadding:80px 0;\r\n\r\n}\r\n\r\n\r\n.sm-kpi-difference-years{\r\n\r\ndisplay:block;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-philosophy{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-box{\r\n\r\npadding:35px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-difference-intro{\r\n\r\nfont-size:21px;\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"sm-kpi-difference\">\r\n\r\n\r\n<div class=\"sm-kpi-difference-container\">\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nHEADER\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-difference-reveal\">\r\n\r\n\r\n<div class=\"sm-kpi-difference-label\">\r\n\r\nTHE SANDMERIT KPI DIFFERENCE\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<h1 class=\"sm-kpi-difference-title\">\r\n\r\n\r\nBeyond\r\n\r\n<span>\r\nKPI Creation\r\n<\/span>\r\n\r\n\r\n<br>\r\n\r\n\r\nBuilding Execution Systems\r\n\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n<p class=\"sm-kpi-difference-intro\">\r\n\r\n\r\nFor more than 23 years,\r\n\r\n<strong>sandmerit<\/strong>\r\n\r\nhas helped Public Listed Companies,\r\n\r\nmultinational corporations and SMEs\r\n\r\nimprove business execution through practical <br> \r\n\r\nPerformance Management systems\r\n\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\n23 YEARS\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-difference-years sm-kpi-difference-reveal\">\r\n\r\n\r\n<div class=\"sm-kpi-difference-number\">\r\n\r\n23+\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-difference-years-text\">\r\n\r\n\r\nYears of practical experience\r\n\r\nin building performance-driven\r\n\r\nbusiness systems\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nPHILOSOPHY\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-difference-philosophy\">\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-difference-box sm-kpi-difference-reveal\">\r\n\r\n\r\n<small>\r\n\r\nOUR PHILOSOPHY\r\n\r\n<\/small>\r\n\r\n\r\n\r\n<h3>\r\n\r\n\r\nNot just\r\n\r\n<span>\r\ncreating KPIs\r\n\r\n<\/span>\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nOur philosophy has never been\r\n\r\nabout creating KPIs only\r\n\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-difference-box sm-kpi-difference-reveal\">\r\n\r\n\r\n<small>\r\n\r\nOUR APPROACH\r\n\r\n<\/small>\r\n\r\n\r\n\r\n<h3>\r\n\r\n\r\nBuilding a complete\r\n\r\n<span>\r\nBusiness Execution System\r\n\r\n<\/span>\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nBecause execution\u2014not strategy\u2014\r\n\r\nis where most companies struggle\r\n\r\n\r\n<\/p>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nFINAL\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-difference-final sm-kpi-difference-reveal\">\r\n\r\n\r\n<h2>\r\n\r\n\r\nStrategy creates direction\r\n\r\n<br>\r\n\r\n\r\n<span>\r\n\r\nExecution creates results\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nsandmerit focuses on turning business goals into measurable execution\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\r\n\"DOMContentLoaded\",\r\n\r\n()=>{\r\n\r\n\r\nconst elements =\r\ndocument.querySelectorAll(\r\n\r\n\".sm-kpi-difference-reveal\"\r\n\r\n);\r\n\r\n\r\n\r\nconst observer =\r\nnew IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\n\r\nobserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n},\r\n\r\n{\r\n\r\n\r\nthreshold:.15\r\n\r\n}\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\nelements.forEach(\r\n\r\n(el)=>{\r\n\r\n\r\nobserver.observe(el);\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b3e6ae6 e-flex e-con-boxed e-con e-parent\" data-id=\"b3e6ae6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6572a2a elementor-widget elementor-widget-html\" data-id=\"6572a2a\" 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>\r\n\r\n\/* =====================================================\r\nSCREEN 11\r\nSANDMERIT KPI IS MORE THAN KPI\r\nAPPLE DARK EXECUTION PLATFORM STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-kpi-platform{\r\n\r\nwidth:100vw;\r\n\r\nmargin-left:calc(50% - 50vw);\r\n\r\nbackground:#000000;\r\n\r\ncolor:#ffffff;\r\n\r\nmin-height:170vh;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nfont-family:\r\n-apple-system,\r\nBlinkMacSystemFont,\r\n\"SF Pro Display\",\r\n\"Segoe UI\",\r\nsans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBACKGROUND\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-platform::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:900px;\r\n\r\nheight:900px;\r\n\r\nleft:-300px;\r\n\r\ntop:-200px;\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.18),\r\ntransparent 65%\r\n);\r\n\r\nfilter:blur(60px);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-container{\r\n\r\nwidth:min(1200px,90%);\r\n\r\nmargin:auto;\r\n\r\npadding:150px 0;\r\n\r\nposition:relative;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHEADER\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-platform-label{\r\n\r\nfont-size:12px;\r\n\r\nletter-spacing:6px;\r\n\r\ncolor:#aaaaaa;\r\n\r\nmargin-bottom:35px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-title{\r\n\r\nfont-size:\r\n\r\nclamp(55px,7vw,100px);\r\n\r\nline-height:1.05;\r\n\r\nletter-spacing:-5px;\r\n\r\nfont-weight:750;\r\n\r\nmargin:0;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-intro{\r\n\r\nmargin-top:45px;\r\n\r\nfont-size:28px;\r\n\r\nline-height:1.7;\r\n\r\nmax-width:850px;\r\n\r\ncolor:#dddddd;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-intro strong{\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nPLATFORM MODULES\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-platform-grid{\r\n\r\nmargin-top:120px;\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:\r\n\r\nrepeat(3,1fr);\r\n\r\ngap:20px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-item{\r\n\r\npadding:35px;\r\n\r\nmin-height:120px;\r\n\r\nborder-radius:24px;\r\n\r\nbackground:\r\n\r\nrgba(255,255,255,.06);\r\n\r\nborder:\r\n\r\n1px solid rgba(255,255,255,.15);\r\n\r\ndisplay:flex;\r\n\r\nalign-items:center;\r\n\r\nfont-size:22px;\r\n\r\nfont-weight:500;\r\n\r\ncolor:#ffffff;\r\n\r\n\r\ntransition:.5s ease;\r\n\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(50px);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-item:hover{\r\n\r\nborder-color:#f5b400;\r\n\r\nbackground:\r\n\r\nrgba(245,180,0,.08);\r\n\r\ntransform:\r\n\r\ntranslateY(-8px);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-item.active{\r\n\r\nopacity:1;\r\n\r\ntransform:\r\n\r\ntranslateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-number{\r\n\r\nfont-size:13px;\r\n\r\nletter-spacing:3px;\r\n\r\ncolor:#f5b400;\r\n\r\nmargin-right:18px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFLOW SYSTEM\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-platform-flow{\r\n\r\nmargin-top:150px;\r\n\r\npadding:80px 0;\r\n\r\ntext-align:center;\r\n\r\nborder-top:\r\n\r\n1px solid rgba(255,255,255,.15);\r\n\r\nborder-bottom:\r\n\r\n1px solid rgba(255,255,255,.15);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-flow-title{\r\n\r\nfont-size:14px;\r\n\r\nletter-spacing:5px;\r\n\r\ncolor:#999999;\r\n\r\nmargin-bottom:60px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-step{\r\n\r\nfont-size:\r\n\r\nclamp(35px,4vw,60px);\r\n\r\nfont-weight:700;\r\n\r\nletter-spacing:-2px;\r\n\r\nline-height:1.3;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-arrow{\r\n\r\nfont-size:40px;\r\n\r\ncolor:#f5b400;\r\n\r\nmargin:25px 0;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-step span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFINAL\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-platform-final{\r\n\r\nmargin-top:130px;\r\n\r\ntext-align:center;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-final h2{\r\n\r\nfont-size:\r\n\r\nclamp(45px,6vw,85px);\r\n\r\nline-height:1.15;\r\n\r\nletter-spacing:-4px;\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-platform-final span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-platform-final p{\r\n\r\nmargin-top:35px;\r\n\r\nfont-size:26px;\r\n\r\ncolor:#cccccc;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nREVEAL\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-platform-reveal{\r\n\r\nopacity:0;\r\n\r\ntransform:\r\n\r\ntranslateY(60px);\r\n\r\n\r\ntransition:\r\n\r\n1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-platform-reveal.active{\r\n\r\nopacity:1;\r\n\r\ntransform:\r\n\r\ntranslateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nMOBILE\r\n========================= *\/\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-kpi-platform-container{\r\n\r\npadding:80px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-platform-grid{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-platform-intro{\r\n\r\nfont-size:21px;\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"sm-kpi-platform\">\r\n\r\n\r\n<div class=\"sm-kpi-platform-container\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- HEADER -->\r\n\r\n\r\n<div class=\"sm-kpi-platform-reveal\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-label\">\r\n\r\nINTEGRATED BUSINESS EXECUTION PLATFORM\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<h1 class=\"sm-kpi-platform-title\">\r\n\r\n\r\nsandmerit KPI <br>\r\n\r\n<span>\r\n\r\nIs More Than KPI\r\n\r\n<\/span>\r\n\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n<p class=\"sm-kpi-platform-intro\">\r\n\r\n\r\nOur platform integrates multiple business management functions\r\n\r\ninto one connected execution ecosystem\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- MODULES -->\r\n\r\n\r\n<div class=\"sm-kpi-platform-grid\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n01\r\n\r\n<\/span>\r\n\r\nSOP Workflow\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n02\r\n\r\n<\/span>\r\n\r\nProcess Tracking\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n03\r\n\r\n<\/span>\r\n\r\nTask Management\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n04\r\n\r\n<\/span>\r\n\r\nReal-Time Dashboard\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n05\r\n\r\n<\/span>\r\n\r\nCompetency Management\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n06\r\n\r\n<\/span>\r\n\r\nPerformance Appraisal\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n07\r\n\r\n<\/span>\r\n\r\nReward Management\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n08\r\n\r\n<\/span>\r\n\r\nSalary Increment\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n09\r\n\r\n<\/span>\r\n\r\nBonus Calculation\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n10\r\n\r\n<\/span>\r\n\r\nPromotion Reference\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-item sm-kpi-platform-reveal\">\r\n\r\n<span class=\"sm-kpi-platform-number\">\r\n\r\n11\r\n\r\n<\/span>\r\n\r\nCEO Dashboard\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- FLOW -->\r\n\r\n\r\n<div class=\"sm-kpi-platform-flow sm-kpi-platform-reveal\">\r\n\r\n\r\n<div class=\"sm-kpi-platform-flow-title\">\r\n\r\nONE CONNECTED EXECUTION SYSTEM\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-step\">\r\n\r\nBusiness Strategy\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-kpi-platform-arrow\">\r\n\r\n\u2193\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-step\">\r\n\r\nExecution\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-kpi-platform-arrow\">\r\n\r\n\u2193\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-step\">\r\n\r\nPerformance\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-kpi-platform-arrow\">\r\n\r\n\u2193\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-step\">\r\n\r\nReward\r\n\r\n<\/div>\r\n\r\n\r\n<div class=\"sm-kpi-platform-arrow\">\r\n\r\n\u2193\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-kpi-platform-step\">\r\n\r\n<span>\r\n\r\nContinuous Improvement\r\n\r\n<\/span>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- FINAL -->\r\n\r\n\r\n<div class=\"sm-kpi-platform-final sm-kpi-platform-reveal\">\r\n\r\n\r\n<h2>\r\n\r\n\r\nEverything connected\r\n\r\n<br>\r\n\r\n\r\n<span>\r\n\r\nEverything aligned\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nTurning strategy into measurable business execution\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\r\n\"DOMContentLoaded\",\r\n\r\n()=>{\r\n\r\n\r\nconst elements=document.querySelectorAll(\r\n\r\n\".sm-kpi-platform-reveal\"\r\n\r\n);\r\n\r\n\r\n\r\nconst observer=new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\nobserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n},\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.15\r\n\r\n}\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\nelements.forEach(\r\n\r\n(el)=>{\r\n\r\n\r\nobserver.observe(el);\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst items=document.querySelectorAll(\r\n\r\n\".sm-kpi-platform-item\"\r\n\r\n);\r\n\r\n\r\n\r\nconst grid=document.querySelector(\r\n\r\n\".sm-kpi-platform-grid\"\r\n\r\n);\r\n\r\n\r\n\r\nif(grid){\r\n\r\n\r\nconst gridObserver=new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nitems.forEach(\r\n\r\n(item,index)=>{\r\n\r\n\r\nsetTimeout(()=>{\r\n\r\n\r\nitem.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\n},index*100);\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\ngridObserver.unobserve(grid);\r\n\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n},\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.2\r\n\r\n}\r\n\r\n\r\n);\r\n\r\n\r\n\r\ngridObserver.observe(grid);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8b4d388 e-flex e-con-boxed e-con e-parent\" data-id=\"8b4d388\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-165dde7 elementor-widget elementor-widget-html\" data-id=\"165dde7\" 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>\r\n\r\n\/* =====================================================\r\nSCREEN 12\r\nKPI VS OKR VS SANDMERIT KPI\r\nAPPLE COMPARISON EXPERIENCE STYLE\r\nWHITE PREMIUM CONSULTING DESIGN\r\n===================================================== *\/\r\n\r\n\r\n.sm-kpi-comparison{\r\n\r\nwidth:100vw;\r\n\r\nmargin-left:calc(50% - 50vw);\r\n\r\nbackground:#ffffff;\r\n\r\ncolor:#111111;\r\n\r\nmin-height:180vh;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nfont-family:\r\n-apple-system,\r\nBlinkMacSystemFont,\r\n\"SF Pro Display\",\r\n\"Segoe UI\",\r\nsans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBACKGROUND\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-comparison::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:700px;\r\n\r\nheight:700px;\r\n\r\ntop:-200px;\r\n\r\nleft:-250px;\r\n\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.12),\r\ntransparent 0%\r\n);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-comparison-container{\r\n\r\nwidth:min(1300px,92%);\r\n\r\nmargin:auto;\r\n\r\npadding:140px 0;\r\n\r\nposition:relative;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHEADER\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-comparison-label{\r\n\r\nfont-size:12px;\r\n\r\nletter-spacing:6px;\r\n\r\ncolor:#888;\r\n\r\nmargin-bottom:35px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-comparison-title{\r\n\r\nfont-size:\r\n\r\nclamp(55px,7vw,95px);\r\n\r\nline-height:1.05;\r\n\r\nletter-spacing:-5px;\r\n\r\nfont-weight:750;\r\n\r\nmargin:0;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-comparison-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-comparison-intro{\r\n\r\nmargin-top:35px;\r\n\r\nfont-size:26px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#555;\r\n\r\nmax-width:850px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nTABLE AREA\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-table-wrapper{\r\n\r\nmargin-top:120px;\r\n\r\noverflow-x:auto;\r\n\r\npadding-bottom:20px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-table{\r\n\r\nwidth:100%;\r\n\r\nborder-collapse:separate;\r\n\r\nborder-spacing:0;\r\n\r\nmin-width:1000px;\r\n\r\nbackground:#fff;\r\n\r\nborder-radius:30px;\r\n\r\noverflow:hidden;\r\n\r\nbox-shadow:\r\n\r\n0 30px 80px rgba(0,0,0,.08);\r\n\r\nborder:1px solid #e8e8e8;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-table th{\r\n\r\npadding:30px 25px;\r\n\r\nfont-size:16px;\r\n\r\nletter-spacing:1px;\r\n\r\ntext-align:left;\r\n\r\nbackground:#111111;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-table th:first-child{\r\n\r\nborder-radius:30px 0 0 0;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-table th:last-child{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-table td{\r\n\r\npadding:25px;\r\n\r\nfont-size:17px;\r\n\r\nline-height:1.5;\r\n\r\ncolor:#333333;\r\n\r\nborder-bottom:\r\n\r\n1px solid #eeeeee;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-table tr:last-child td{\r\n\r\nborder-bottom:none;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-table td:first-child{\r\n\r\nfont-weight:600;\r\n\r\ncolor:#111111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-table td:last-child{\r\n\r\nfont-weight:600;\r\n\r\ncolor:#111111;\r\n\r\nbackground:\r\n\r\nrgba(245,180,0,.08);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-table tr:hover td{\r\n\r\nbackground:#fafafa;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-table tr:hover td:last-child{\r\n\r\nbackground:\r\n\r\nrgba(245,180,0,.15);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHIGHLIGHT SECTION\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-comparison-highlight{\r\n\r\nmargin-top:120px;\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:\r\n\r\nrepeat(3,1fr);\r\n\r\ngap:25px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-highlight-box{\r\n\r\npadding:45px;\r\n\r\nbackground:#f8f8f8;\r\n\r\nborder-radius:30px;\r\n\r\nborder:1px solid #e8e8e8;\r\n\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(50px);\r\n\r\n\r\ntransition:\r\n\r\n1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-highlight-box.active{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-highlight-box h3{\r\n\r\nfont-size:35px;\r\n\r\nletter-spacing:-2px;\r\n\r\nmargin-bottom:20px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-kpi-highlight-box span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-highlight-box p{\r\n\r\nfont-size:19px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#555;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFINAL\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-comparison-final{\r\n\r\nmargin-top:140px;\r\n\r\ntext-align:center;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-comparison-final h2{\r\n\r\nfont-size:\r\n\r\nclamp(45px,6vw,85px);\r\n\r\nline-height:1.15;\r\n\r\nletter-spacing:-4px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-comparison-final span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-comparison-final p{\r\n\r\nmargin-top:35px;\r\n\r\nfont-size:26px;\r\n\r\ncolor:#555;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nREVEAL\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-comparison-reveal{\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(60px);\r\n\r\ntransition:\r\n\r\n1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-comparison-reveal.active{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-kpi-comparison-container{\r\n\r\npadding:80px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-comparison-highlight{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-comparison-intro{\r\n\r\nfont-size:20px;\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"sm-kpi-comparison\">\r\n\r\n\r\n<div class=\"sm-kpi-comparison-container\">\r\n\r\n\r\n\r\n\r\n\r\n<!-- HEADER -->\r\n\r\n\r\n<div class=\"sm-kpi-comparison-reveal\">\r\n\r\n\r\n<div class=\"sm-kpi-comparison-label\">\r\n\r\nMANAGEMENT SYSTEM COMPARISON\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<h1 class=\"sm-kpi-comparison-title\">\r\n\r\n\r\nKPI vs OKR vs <br>\r\n\r\n<span>\r\n\r\nsandmerit KPI\r\n\r\n<\/span>\r\n\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n<p class=\"sm-kpi-comparison-intro\">\r\n\r\n\r\nDifferent management systems solve different business challenges. <br>\r\n\r\nThe key difference is how effectively they connect goals, <br>\r\n\r\nexecution and performance\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- TABLE -->\r\n\r\n\r\n<div class=\"sm-kpi-table-wrapper sm-kpi-comparison-reveal\">\r\n\r\n\r\n<table class=\"sm-kpi-table\">\r\n\r\n\r\n<thead>\r\n\r\n\r\n<tr>\r\n\r\n<th>\r\n\r\nComparison\r\n\r\n<\/th>\r\n\r\n\r\n<th>\r\n\r\nOKR\r\n\r\n<\/th>\r\n\r\n\r\n<th>\r\n\r\nTraditional KPI\r\n\r\n<\/th>\r\n\r\n\r\n<th>\r\n\r\nsandmerit KPI\r\n\r\n<\/th>\r\n\r\n\r\n<\/tr>\r\n\r\n\r\n<\/thead>\r\n\r\n\r\n\r\n<tbody>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nPrimary Purpose\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nEmployee Engagement\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nPerformance Measurement\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nBusiness Execution\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nTarget Achievement\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nStretch Goals<br>\r\n60\u201370% acceptable\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\n100% Target\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\n100% Target\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nReview Frequency\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nRegular\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nAnnual or Semi-Annual\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nContinuous & Real-Time\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nFocus\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nHow\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nWhat\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nWhat + How\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nGoal Setting\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nBottom-Up\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nMostly Top-Down\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nFlexible\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nBonus Integration\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nNo\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nYes\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nFully Automated\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nSalary Increment\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nNo\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nYes\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nFully Automated\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nPromotion Support\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nNo\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nLimited\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nYes\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nPerformance Appraisal\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nNo\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nManual\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nAutomatically Captured\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nCompetency Assessment\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nNo\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nSometimes\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nYes\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nSOP Integration\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nNo\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nRarely\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nYes\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nReal-Time Dashboard\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nLimited\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nRare\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nYes\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n\r\n<td>\r\n\r\nSuitable For\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nProject Teams\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nMost Organisations\r\n\r\n<\/td>\r\n\r\n<td>\r\n\r\nAll Organisations\r\n\r\n<\/td>\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<\/tbody>\r\n\r\n\r\n<\/table>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- HIGHLIGHT -->\r\n\r\n\r\n<div class=\"sm-kpi-comparison-highlight\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-highlight-box\">\r\n\r\n<h3>\r\n\r\nOKR\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nDesigned for alignment, ambition and innovation\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-highlight-box\">\r\n\r\n<h3>\r\n\r\nTraditional KPI\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nDesigned for measuring performance results\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-highlight-box\">\r\n\r\n<h3>\r\n\r\n<span>\r\n\r\nsandmerit KPI\r\n\r\n<\/span>\r\n\r\n<\/h3>\r\n\r\n<p>\r\n\r\nDesigned to connect strategy, execution and rewards\r\n\r\n<\/p>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- FINAL -->\r\n\r\n\r\n<div class=\"sm-kpi-comparison-final sm-kpi-comparison-reveal\">\r\n\r\n\r\n<h2>\r\n\r\n\r\nFrom measuring performance\r\n\r\n<br>\r\n\r\n\r\nto building\r\n\r\n<span>\r\n\r\nexecution systems\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<p>\r\n\r\nThe difference is not only KPI measurement.\r\n\r\nIt is how business execution is managed\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\r\n\"DOMContentLoaded\",\r\n\r\n()=>{\r\n\r\n\r\nconst reveal=document.querySelectorAll(\r\n\r\n\".sm-kpi-comparison-reveal\"\r\n\r\n);\r\n\r\n\r\n\r\nconst observer=new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nentry.target.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\nobserver.unobserve(entry.target);\r\n\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n},\r\n\r\n{\r\n\r\nthreshold:.15\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\nreveal.forEach(\r\n\r\n(el)=>{\r\n\r\n\r\nobserver.observe(el);\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nconst boxes=document.querySelectorAll(\r\n\r\n\".sm-kpi-highlight-box\"\r\n\r\n);\r\n\r\n\r\n\r\nconst boxObserver=new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\nboxes.forEach(\r\n\r\n(box,index)=>{\r\n\r\n\r\nsetTimeout(()=>{\r\n\r\n\r\nbox.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\n},index*200);\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\nboxObserver.unobserve(entry.target);\r\n\r\n\r\n}\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n},\r\n\r\n{\r\n\r\nthreshold:.2\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nconst highlight=document.querySelector(\r\n\r\n\".sm-kpi-comparison-highlight\"\r\n\r\n);\r\n\r\n\r\n\r\nif(highlight){\r\n\r\nboxObserver.observe(highlight);\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b778ad e-flex e-con-boxed e-con e-parent\" data-id=\"4b778ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6d6b1e elementor-widget elementor-widget-html\" data-id=\"a6d6b1e\" 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>\r\n\r\n\/* =====================================================\r\nSCREEN 13\r\nOUR VIEW ON OKR\r\nAPPLE DARK STRATEGY EXPLANATION STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-okr-view{\r\n\r\nwidth:100vw;\r\n\r\nmargin-left:calc(50% - 50vw);\r\n\r\nbackground:#000000;\r\n\r\ncolor:#ffffff;\r\n\r\nmin-height:180vh;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nfont-family:\r\n-apple-system,\r\nBlinkMacSystemFont,\r\n\"SF Pro Display\",\r\n\"Segoe UI\",\r\nsans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBACKGROUND\r\n========================= *\/\r\n\r\n\r\n.sm-okr-view::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:800px;\r\n\r\nheight:800px;\r\n\r\nright:-250px;\r\n\r\ntop:150px;\r\n\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.18),\r\ntransparent 65%\r\n);\r\n\r\n\r\nfilter:blur(50px);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-okr-view::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:600px;\r\n\r\nheight:600px;\r\n\r\nleft:-250px;\r\n\r\nbottom:0;\r\n\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(255,255,255,.08),\r\ntransparent 70%\r\n);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-container{\r\n\r\nwidth:min(1200px,90%);\r\n\r\nmargin:auto;\r\n\r\npadding:140px 0;\r\n\r\nposition:relative;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHEADER\r\n========================= *\/\r\n\r\n\r\n.sm-okr-view-label{\r\n\r\nfont-size:12px;\r\n\r\nletter-spacing:6px;\r\n\r\ncolor:#aaaaaa;\r\n\r\nmargin-bottom:35px;\r\n\r\nfont-weight:500;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-title{\r\n\r\nfont-size:\r\n\r\nclamp(55px,7vw,95px);\r\n\r\nline-height:1.05;\r\n\r\nletter-spacing:-5px;\r\n\r\nfont-weight:750;\r\n\r\nmargin:0;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-intro{\r\n\r\nmargin-top:45px;\r\n\r\nfont-size:30px;\r\n\r\nline-height:1.65;\r\n\r\ncolor:#dddddd;\r\n\r\nmax-width:850px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-intro strong{\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nOKR POSITION\r\n========================= *\/\r\n\r\n\r\n.sm-okr-view-position{\r\n\r\nmargin-top:120px;\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:1fr 1fr;\r\n\r\ngap:40px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-box{\r\n\r\npadding:55px;\r\n\r\nborder-radius:35px;\r\n\r\n\r\nbackground:\r\n\r\nrgba(255,255,255,.06);\r\n\r\n\r\nborder:\r\n\r\n1px solid rgba(255,255,255,.18);\r\n\r\n\r\nbackdrop-filter:blur(20px);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-view-box.highlight{\r\n\r\nbackground:\r\n\r\nrgba(245,180,0,.08);\r\n\r\n\r\nborder-color:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-box small{\r\n\r\nfont-size:12px;\r\n\r\nletter-spacing:4px;\r\n\r\ncolor:#aaaaaa;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-box.highlight small{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-box h3{\r\n\r\nfont-size:42px;\r\n\r\nletter-spacing:-2px;\r\n\r\nmargin:25px 0;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-box p{\r\n\r\nfont-size:21px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#dddddd;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-box.highlight p{\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBUSINESS GOALS\r\n========================= *\/\r\n\r\n\r\n.sm-okr-view-goals{\r\n\r\nmargin-top:130px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-section-title{\r\n\r\nfont-size:\r\n\r\nclamp(40px,5vw,65px);\r\n\r\nletter-spacing:-3px;\r\n\r\nmargin-bottom:55px;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-section-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-grid{\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:\r\n\r\nrepeat(4,1fr);\r\n\r\ngap:18px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-item{\r\n\r\npadding:30px;\r\n\r\nmin-height:90px;\r\n\r\n\r\nborder:\r\n\r\n1px solid rgba(255,255,255,.15);\r\n\r\n\r\nborder-radius:18px;\r\n\r\n\r\nfont-size:18px;\r\n\r\nfont-weight:500;\r\n\r\ncolor:#ffffff;\r\n\r\n\r\nbackground:\r\n\r\nrgba(255,255,255,.05);\r\n\r\n\r\ndisplay:flex;\r\n\r\nalign-items:center;\r\n\r\n\r\ntransition:.5s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-item:hover{\r\n\r\nborder-color:#f5b400;\r\n\r\nbackground:\r\n\r\nrgba(245,180,0,.08);\r\n\r\ntransform:translateY(-5px);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nSYSTEM CONNECTION\r\n========================= *\/\r\n\r\n\r\n.sm-okr-view-system{\r\n\r\nmargin-top:140px;\r\n\r\npadding:80px 0;\r\n\r\n\r\nborder-top:\r\n\r\n1px solid rgba(255,255,255,.15);\r\n\r\n\r\nborder-bottom:\r\n\r\n1px solid rgba(255,255,255,.15);\r\n\r\n\r\ntext-align:center;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-system-title{\r\n\r\nfont-size:13px;\r\n\r\nletter-spacing:5px;\r\n\r\ncolor:#999999;\r\n\r\nmargin-bottom:50px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-system-flow{\r\n\r\ndisplay:flex;\r\n\r\njustify-content:center;\r\n\r\nalign-items:center;\r\n\r\ngap:20px;\r\n\r\nflex-wrap:wrap;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-system-flow span{\r\n\r\npadding:20px 30px;\r\n\r\nborder-radius:50px;\r\n\r\n\r\nbackground:#ffffff;\r\n\r\n\r\ncolor:#111111;\r\n\r\n\r\nfont-size:18px;\r\n\r\nfont-weight:600;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-system-flow i{\r\n\r\nfont-style:normal;\r\n\r\ncolor:#f5b400;\r\n\r\nfont-size:30px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFINAL\r\n========================= *\/\r\n\r\n\r\n.sm-okr-view-final{\r\n\r\nmargin-top:140px;\r\n\r\ntext-align:center;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-final h2{\r\n\r\nfont-size:\r\n\r\nclamp(45px,6vw,85px);\r\n\r\nline-height:1.15;\r\n\r\nletter-spacing:-4px;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-final span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-final p{\r\n\r\nmargin-top:35px;\r\n\r\nfont-size:28px;\r\n\r\ncolor:#cccccc;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nREVEAL\r\n========================= *\/\r\n\r\n\r\n.sm-okr-view-reveal{\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(60px);\r\n\r\n\r\ntransition:\r\n\r\n1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-okr-view-reveal.active{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-okr-view-container{\r\n\r\npadding:80px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-view-position{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-view-grid{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-view-intro{\r\n\r\nfont-size:21px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-okr-view-box{\r\n\r\npadding:35px;\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"sm-okr-view\">\r\n\r\n\r\n<div class=\"sm-okr-view-container\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nHEADER\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-okr-view-reveal\">\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-label\">\r\n\r\nOUR VIEW ON OKR\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<h1 class=\"sm-okr-view-title\">\r\n\r\n\r\nWe Respect\r\n\r\n<span>\r\n\r\nOKR\r\n\r\n<\/span>\r\n\r\n\r\n<br>\r\n\r\n\r\nBut Execution <br> Needs More\r\n\r\n\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"sm-okr-view-intro\">\r\n\r\n\r\nWe are not against OKR\r\n\r\n\r\n<br><br>\r\n\r\n\r\nIn fact,\r\n\r\nwe believe OKR is an excellent management framework\r\n\r\nfor innovation-driven teams\r\n\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nOKR POSITION\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-okr-view-position\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-box sm-okr-view-reveal\">\r\n\r\n\r\n\r\n<small>\r\n\r\nOKR WORKS WELL FOR\r\n\r\n<\/small>\r\n\r\n\r\n\r\n\r\n<h3>\r\n\r\n\r\nInnovation\r\n\r\n<br>\r\n\r\n& Growth\r\n\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\n\u2022 Innovation Teams\r\n\r\n<br>\r\n\r\n\u2022 R&D Teams\r\n\r\n<br>\r\n\r\n\u2022 Software Development\r\n\r\n<br>\r\n\r\n\u2022 Project-Based Teams\r\n\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-box highlight sm-okr-view-reveal\">\r\n\r\n\r\n\r\n<small>\r\n\r\nBUSINESS EXECUTION NEEDS\r\n\r\n<\/small>\r\n\r\n\r\n\r\n\r\n\r\n<h3>\r\n\r\n\r\nPerformance System\r\n\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nWhen companies need measurable execution, <br>\r\n\r\nprofitability improvement and accountability, <br>\r\n\r\na structured Performance Management System <br> \r\n\r\nis required\r\n\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nBUSINESS GOALS\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-okr-view-goals sm-okr-view-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h2 class=\"sm-okr-view-section-title\">\r\n\r\n\r\nBusiness Goals That Need\r\n\r\n<span>\r\n\r\nExecution\r\n\r\n<\/span>\r\n\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-grid\">\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-item\">\r\n\r\n\r\nImprove profitability\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-item\">\r\n\r\n\r\nReduce operational costs\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-item\">\r\n\r\n\r\nImprove productivity\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-item\">\r\n\r\n\r\nReduce wastage\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-item\">\r\n\r\n\r\nImprove quality\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-item\">\r\n\r\n\r\nIncrease <br> customer satisfaction\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-item\">\r\n\r\n\r\nBuild fair reward system\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-item\">\r\n\r\n\r\nImprove execution\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nSYSTEM CONNECTION\r\n========================= -->\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-system sm-okr-view-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-system-title\">\r\n\r\n\r\nCONNECTED PERFORMANCE MANAGEMENT SYSTEM\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-system-flow\">\r\n\r\n\r\n\r\n\r\n\r\n<span>\r\n\r\nSOP\r\n\r\n<\/span>\r\n\r\n\r\n\r\n<i>\r\n\r\n\u2192\r\n\r\n<\/i>\r\n\r\n\r\n\r\n\r\n\r\n<span>\r\n\r\nKPI\r\n\r\n<\/span>\r\n\r\n\r\n\r\n<i>\r\n\r\n\u2192\r\n\r\n<\/i>\r\n\r\n\r\n\r\n\r\n\r\n<span>\r\n\r\nPerformance Appraisal\r\n\r\n<\/span>\r\n\r\n\r\n\r\n<i>\r\n\r\n\u2192\r\n\r\n<\/i>\r\n\r\n\r\n\r\n\r\n\r\n<span>\r\n\r\nBonus\r\n\r\n<\/span>\r\n\r\n\r\n\r\n<i>\r\n\r\n\u2192\r\n\r\n<\/i>\r\n\r\n\r\n\r\n\r\n\r\n<span>\r\n\r\nSalary Increment\r\n\r\n<\/span>\r\n\r\n\r\n\r\n<i>\r\n\r\n\u2192\r\n\r\n<\/i>\r\n\r\n\r\n\r\n\r\n\r\n<span>\r\n\r\nPromotion\r\n\r\n<\/span>\r\n\r\n\r\n\r\n<i>\r\n\r\n\u2192\r\n\r\n<\/i>\r\n\r\n\r\n\r\n\r\n\r\n<span>\r\n\r\nCEO Dashboard\r\n\r\n<\/span>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nFINAL MESSAGE\r\n========================= -->\r\n\r\n\r\n\r\n<div class=\"sm-okr-view-final sm-okr-view-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<h2>\r\n\r\n\r\n\r\nThis is exactly what\r\n\r\n\r\n<span>\r\n\r\nsandmerit\r\n\r\n<\/span>\r\n\r\n\r\n\r\nwas <br> designed to do\r\n\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n<br>\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nConnecting strategy, people and execution into one system\r\n\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n\r\n\"DOMContentLoaded\",\r\n\r\n()=>{\r\n\r\n\r\nconst elements = document.querySelectorAll(\r\n\r\n\".sm-okr-view-reveal\"\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nconst observer = new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\nentry.target.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\n\r\nobserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n},\r\n\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:0.15,\r\n\r\nrootMargin:\"0px 0px -80px 0px\"\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\nelements.forEach(\r\n\r\n(el)=>{\r\n\r\n\r\nobserver.observe(el);\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nCARD STAGGER ANIMATION\r\n========================= *\/\r\n\r\n\r\n\r\nconst gridItems = document.querySelectorAll(\r\n\r\n\".sm-okr-view-item\"\r\n\r\n);\r\n\r\n\r\n\r\nconst gridObserver = new IntersectionObserver(\r\n\r\n\r\n\r\n(entries)=>{\r\n\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\ngridItems.forEach(\r\n\r\n(item,index)=>{\r\n\r\n\r\n\r\nsetTimeout(()=>{\r\n\r\n\r\n\r\nitem.style.opacity=\"1\";\r\n\r\nitem.style.transform=\"translateY(0)\";\r\n\r\n\r\n\r\n},index*100);\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\n\r\ngridObserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n},\r\n\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:0.2\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst grid = document.querySelector(\r\n\r\n\".sm-okr-view-grid\"\r\n\r\n);\r\n\r\n\r\n\r\nif(grid){\r\n\r\n\r\ngridItems.forEach(\r\n\r\n(item)=>{\r\n\r\n\r\nitem.style.opacity=\"0\";\r\n\r\nitem.style.transform=\"translateY(40px)\";\r\n\r\nitem.style.transition=\r\n\r\n\"1s cubic-bezier(.22,1,.36,1)\";\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\ngridObserver.observe(grid);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFLOW REVEAL\r\n========================= *\/\r\n\r\n\r\n\r\nconst flowItems = document.querySelectorAll(\r\n\r\n\".sm-okr-view-system-flow span\"\r\n\r\n);\r\n\r\n\r\n\r\nconst flowObserver = new IntersectionObserver(\r\n\r\n\r\n\r\n(entries)=>{\r\n\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\nflowItems.forEach(\r\n\r\n(item,index)=>{\r\n\r\n\r\n\r\nsetTimeout(()=>{\r\n\r\n\r\n\r\nitem.style.opacity=\"1\";\r\n\r\nitem.style.transform=\"scale(1)\";\r\n\r\n\r\n\r\n},index*150);\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\n\r\nflowObserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n},\r\n\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:0.3\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst flow = document.querySelector(\r\n\r\n\".sm-okr-view-system-flow\"\r\n\r\n);\r\n\r\n\r\n\r\nif(flow){\r\n\r\n\r\n\r\nflowItems.forEach(\r\n\r\n(item)=>{\r\n\r\n\r\nitem.style.opacity=\"0\";\r\n\r\nitem.style.transform=\"scale(.8)\";\r\n\r\nitem.style.transition=\r\n\r\n\"0.8s cubic-bezier(.22,1,.36,1)\";\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\nflowObserver.observe(flow);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5548f21 e-flex e-con-boxed e-con e-parent\" data-id=\"5548f21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fde9fd elementor-widget elementor-widget-html\" data-id=\"6fde9fd\" 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>\r\n\r\n\/* =====================================================\r\nSCREEN 14\r\nTHE REAL QUESTION IS NOT KPI OR OKR\r\nAPPLE WHITE STRATEGY FOCUS STYLE V2\r\nHIGH CONTRAST VERSION\r\n===================================================== *\/\r\n\r\n\r\n.sm-kpi-question{\r\n\r\nwidth:100vw;\r\n\r\nmargin-left:calc(50% - 50vw);\r\n\r\nbackground:#ffffff;\r\n\r\ncolor:#111111;\r\n\r\nmin-height:150vh;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nfont-family:\r\n-apple-system,\r\nBlinkMacSystemFont,\r\n\"SF Pro Display\",\r\n\"Segoe UI\",\r\nsans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBACKGROUND\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-question::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:750px;\r\n\r\nheight:750px;\r\n\r\nright:-250px;\r\n\r\ntop:-180px;\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.18),\r\ntransparent 0%\r\n);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:550px;\r\n\r\nheight:550px;\r\n\r\nleft:-220px;\r\n\r\nbottom:80px;\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(0,0,0,.08),\r\ntransparent 0%\r\n);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-container{\r\n\r\nwidth:min(1200px,90%);\r\n\r\nmargin:auto;\r\n\r\npadding:160px 0;\r\n\r\nposition:relative;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHERO\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-question-label{\r\n\r\nfont-size:13px;\r\n\r\nletter-spacing:6px;\r\n\r\nfont-weight:600;\r\n\r\ncolor:#666666;\r\n\r\nmargin-bottom:40px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-title{\r\n\r\nfont-size:\r\n\r\nclamp(60px,8vw,110px);\r\n\r\nline-height:1.05;\r\n\r\nletter-spacing:-6px;\r\n\r\nfont-weight:800;\r\n\r\nmargin:0;\r\n\r\ncolor:#111111;\r\n\r\ntext-shadow:\r\n\r\n0 2px 8px rgba(0,0,0,.05);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-intro{\r\n\r\nmargin-top:60px;\r\n\r\nfont-size:32px;\r\n\r\nline-height:1.65;\r\n\r\nmax-width:850px;\r\n\r\nfont-weight:500;\r\n\r\ncolor:#444444;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-intro strong{\r\n\r\ncolor:#111111;\r\n\r\nfont-weight:700;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nCENTER QUESTION\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-question-focus{\r\n\r\nmargin-top:140px;\r\n\r\npadding:90px 80px;\r\n\r\nborder-radius:45px;\r\n\r\nbackground:#111111;\r\n\r\ncolor:#ffffff;\r\n\r\ntext-align:center;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nbox-shadow:\r\n\r\n0 40px 100px rgba(0,0,0,.15);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-focus::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:450px;\r\n\r\nheight:450px;\r\n\r\nright:-120px;\r\n\r\ntop:-120px;\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.45),\r\ntransparent 0%\r\n);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-focus h2{\r\n\r\nposition:relative;\r\n\r\nfont-size:\r\n\r\nclamp(45px,5vw,78px);\r\n\r\nline-height:1.2;\r\n\r\nletter-spacing:-3px;\r\n\r\nfont-weight:800;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-focus span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-focus p{\r\n\r\nposition:relative;\r\n\r\nmargin-top:35px;\r\n\r\nfont-size:25px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#eeeeee;\r\n\r\nfont-weight:400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nPOWERPOINT SECTION\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-question-problem{\r\n\r\nmargin-top:130px;\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:1fr 1fr;\r\n\r\ngap:40px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-card{\r\n\r\npadding:60px;\r\n\r\nborder-radius:32px;\r\n\r\nborder:1px solid #dddddd;\r\n\r\nbackground:#f8f8f8;\r\n\r\nbox-shadow:\r\n\r\n0 20px 50px rgba(0,0,0,.06);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-card h3{\r\n\r\nfont-size:42px;\r\n\r\nfont-weight:750;\r\n\r\nletter-spacing:-2px;\r\n\r\nmargin-bottom:25px;\r\n\r\ncolor:#111111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-card span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-card p{\r\n\r\nfont-size:22px;\r\n\r\nline-height:1.75;\r\n\r\ncolor:#444444;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nEXECUTION MESSAGE\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-question-result{\r\n\r\nmargin-top:150px;\r\n\r\ntext-align:center;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-result h2{\r\n\r\nfont-size:\r\n\r\nclamp(50px,7vw,95px);\r\n\r\nline-height:1.1;\r\n\r\nletter-spacing:-5px;\r\n\r\nfont-weight:800;\r\n\r\ncolor:#111111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-result span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-result p{\r\n\r\nmargin-top:35px;\r\n\r\nfont-size:28px;\r\n\r\nline-height:1.6;\r\n\r\ncolor:#555555;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nREVEAL\r\n========================= *\/\r\n\r\n\r\n.sm-kpi-question-reveal{\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(60px);\r\n\r\ntransition:\r\n\r\n1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-kpi-question-reveal.active{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nMOBILE\r\n========================= *\/\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-kpi-question-container{\r\n\r\npadding:80px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-question-title{\r\n\r\nletter-spacing:-3px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-question-intro{\r\n\r\nfont-size:22px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-question-problem{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-question-focus{\r\n\r\npadding:45px 25px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-kpi-question-card{\r\n\r\npadding:35px;\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"sm-kpi-question\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-question-container\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nHERO\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-question-reveal\">\r\n\r\n\r\n\r\n<div class=\"sm-kpi-question-label\">\r\n\r\n\r\nSTRATEGY EXECUTION THINKING\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<h1 class=\"sm-kpi-question-title\">\r\n\r\n\r\nThe Real Question\r\n\r\n<br>\r\n\r\n\r\nIs Not KPI\r\n\r\n<span>\r\n\r\nor OKR\r\n\r\n<\/span>\r\n\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"sm-kpi-question-intro\">\r\n\r\n\r\nThe real question is:\r\n\r\n\r\n<br><br>\r\n\r\n\r\n<strong>\r\n\r\nCan Your Strategy Be Successfully Executed?\r\n\r\n<\/strong>\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nMAIN QUESTION\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-question-focus sm-kpi-question-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h2>\r\n\r\n\r\nCan Strategy Become\r\n\r\n<br>\r\n\r\n\r\n<span>\r\n\r\nBusiness Results?\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nWithout execution,\r\n\r\neven the best strategy remains a PowerPoint presentation\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nSTRATEGY VS EXECUTION\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-kpi-question-problem\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-question-card sm-kpi-question-reveal\">\r\n\r\n\r\n\r\n<h3>\r\n\r\nStrategy\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nA strong strategy creates direction,\r\n\r\nbut direction alone does not guarantee results\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-kpi-question-card sm-kpi-question-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h3>\r\n\r\n\r\n<span>\r\n\r\nExecution\r\n\r\n<\/span>\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nExecution transforms plans,\r\n\r\npeople and processes into measurable business outcomes\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nFINAL MESSAGE\r\n========================= -->\r\n\r\n\r\n\r\n<div class=\"sm-kpi-question-result sm-kpi-question-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h2>\r\n\r\n\r\nExecution Is What\r\n\r\n<br>\r\n\r\n\r\nCreates\r\n\r\n<span>\r\n\r\nResults\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nStrategy defines the destination.\r\n\r\nExecution determines whether the business gets there\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n\r\n\"DOMContentLoaded\",\r\n\r\n()=>{\r\n\r\n\r\n\r\nconst elements = document.querySelectorAll(\r\n\r\n\".sm-kpi-question-reveal\"\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nconst observer = new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\nentry.target.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\n\r\nobserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n},\r\n\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.15,\r\n\r\nrootMargin:\"0px 0px -80px 0px\"\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\nelements.forEach(\r\n\r\n(el)=>{\r\n\r\n\r\nobserver.observe(el);\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nCARD DELAY ANIMATION\r\n========================= *\/\r\n\r\n\r\nconst cards = document.querySelectorAll(\r\n\r\n\".sm-kpi-question-card\"\r\n\r\n);\r\n\r\n\r\n\r\nconst cardObserver = new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\ncards.forEach(\r\n\r\n(card,index)=>{\r\n\r\n\r\n\r\nsetTimeout(()=>{\r\n\r\n\r\ncard.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\n\r\n},index*200);\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\n\r\ncardObserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n},\r\n\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.2\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nconst cardArea=document.querySelector(\r\n\r\n\".sm-kpi-question-problem\"\r\n\r\n);\r\n\r\n\r\n\r\nif(cardArea){\r\n\r\n\r\n\r\ncards.forEach(\r\n\r\n(card)=>{\r\n\r\n\r\ncard.style.opacity=\"0\";\r\n\r\ncard.style.transform=\"translateY(50px)\";\r\n\r\ncard.style.transition=\r\n\r\n\"1s cubic-bezier(.22,1,.36,1)\";\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\ncardObserver.observe(cardArea);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nCARD ACTIVE STYLE\r\n========================= *\/\r\n\r\n\r\nconst style=document.createElement(\r\n\r\n\"style\"\r\n\r\n);\r\n\r\n\r\n\r\nstyle.innerHTML=`\r\n\r\n\r\n.sm-kpi-question-card.active{\r\n\r\nopacity:1!important;\r\n\r\ntransform:translateY(0)!important;\r\n\r\n}\r\n\r\n\r\n\r\n`;\r\n\r\n\r\n\r\ndocument.head.appendChild(style);\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28017f9 e-flex e-con-boxed e-con e-parent\" data-id=\"28017f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a7f23fc e-con-full e-flex e-con e-child\" data-id=\"a7f23fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-112a8b3 elementor-widget elementor-widget-html\" data-id=\"112a8b3\" 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>\r\n\r\n\/* =====================================================\r\nSCREEN 15\r\nWHY COMPANIES CHOOSE SANDMERIT\r\nAPPLE DARK CONSULTING EXPERIENCE STYLE\r\n===================================================== *\/\r\n\r\n\r\n.sm-choose-sandmerit{\r\n\r\nwidth:100vw;\r\n\r\nmargin-left:calc(50% - 50vw);\r\n\r\nbackground:#000000;\r\n\r\ncolor:#ffffff;\r\n\r\nmin-height:180vh;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nfont-family:\r\n-apple-system,\r\nBlinkMacSystemFont,\r\n\"SF Pro Display\",\r\n\"Segoe UI\",\r\nsans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBACKGROUND\r\n========================= *\/\r\n\r\n\r\n.sm-choose-sandmerit::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:850px;\r\n\r\nheight:850px;\r\n\r\nright:-250px;\r\n\r\ntop:-200px;\r\n\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.20),\r\ntransparent 0%\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-sandmerit::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:600px;\r\n\r\nheight:600px;\r\n\r\nleft:-250px;\r\n\r\nbottom:120px;\r\n\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(255,255,255,.08),\r\ntransparent 0%\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-sandmerit-container{\r\n\r\nwidth:min(1200px,90%);\r\n\r\nmargin:auto;\r\n\r\npadding:140px 0;\r\n\r\nposition:relative;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHEADER\r\n========================= *\/\r\n\r\n\r\n.sm-choose-label{\r\n\r\nfont-size:12px;\r\n\r\nletter-spacing:6px;\r\n\r\ncolor:#aaaaaa;\r\n\r\nfont-weight:600;\r\n\r\nmargin-bottom:35px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-title{\r\n\r\nfont-size:\r\n\r\nclamp(55px,7vw,100px);\r\n\r\nline-height:1.05;\r\n\r\nletter-spacing:-5px;\r\n\r\nfont-weight:800;\r\n\r\nmargin:0;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-intro{\r\n\r\nmargin-top:50px;\r\n\r\nfont-size:28px;\r\n\r\nline-height:1.7;\r\n\r\nmax-width:900px;\r\n\r\ncolor:#dddddd;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-intro strong{\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nEXPERIENCE BLOCK\r\n========================= *\/\r\n\r\n\r\n.sm-choose-experience{\r\n\r\nmargin-top:120px;\r\n\r\npadding:70px;\r\n\r\nborder-radius:40px;\r\n\r\nbackground:#111111;\r\n\r\ncolor:#ffffff;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nborder:1px solid rgba(255,255,255,.15);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-experience::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:450px;\r\n\r\nheight:450px;\r\n\r\nright:-150px;\r\n\r\ntop:-150px;\r\n\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.35),\r\ntransparent 0%\r\n);\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-experience h2{\r\n\r\nposition:relative;\r\n\r\nfont-size:\r\n\r\nclamp(45px,5vw,75px);\r\n\r\nletter-spacing:-3px;\r\n\r\nline-height:1.2;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-experience span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-experience p{\r\n\r\nposition:relative;\r\n\r\nmargin-top:30px;\r\n\r\nfont-size:24px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#dddddd;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nDIFFERENCE CARDS\r\n========================= *\/\r\n\r\n\r\n.sm-choose-difference{\r\n\r\nmargin-top:120px;\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:1fr 1fr;\r\n\r\ngap:30px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-card{\r\n\r\npadding:50px;\r\n\r\nborder-radius:30px;\r\n\r\nborder:1px solid rgba(255,255,255,.18);\r\n\r\nbackground:\r\n\r\nrgba(255,255,255,.06);\r\n\r\nbackdrop-filter:blur(18px);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-card h3{\r\n\r\nfont-size:38px;\r\n\r\nletter-spacing:-2px;\r\n\r\nmargin-bottom:25px;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-card span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-card p{\r\n\r\nfont-size:20px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#cccccc;\r\n\r\n}\r\n\r\n\r\n<style>\r\n\r\n\r\n\/* =========================\r\nAPPROACH\r\n========================= *\/\r\n\r\n\r\n.sm-choose-approach{\r\n\r\nmargin-top:140px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-section-title{\r\n\r\nfont-size:\r\n\r\nclamp(40px,5vw,65px);\r\n\r\nletter-spacing:-3px;\r\n\r\nmargin-bottom:55px;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-section-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-grid{\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:\r\n\r\nrepeat(4,1fr);\r\n\r\ngap:20px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-item{\r\n\r\npadding:35px 25px;\r\n\r\nborder-radius:20px;\r\n\r\nborder:1px solid rgba(255,255,255,.15);\r\n\r\nbackground:#111111;\r\n\r\nfont-size:19px;\r\n\r\nfont-weight:600;\r\n\r\ncolor:#ffffff;\r\n\r\ntransition:.5s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-item:hover{\r\n\r\nborder-color:#f5b400;\r\n\r\ntransform:translateY(-8px);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nFINAL\r\n========================= *\/\r\n\r\n\r\n.sm-choose-final{\r\n\r\nmargin-top:150px;\r\n\r\ntext-align:center;\r\n\r\npadding-top:80px;\r\n\r\nborder-top:1px solid rgba(255,255,255,.15);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-final h2{\r\n\r\nfont-size:\r\n\r\nclamp(45px,6vw,85px);\r\n\r\nline-height:1.15;\r\n\r\nletter-spacing:-4px;\r\n\r\nfont-weight:800;\r\n\r\ncolor:#ffffff;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-final span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-final p{\r\n\r\nmargin-top:35px;\r\n\r\nfont-size:28px;\r\n\r\ncolor:#cccccc;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nREVEAL\r\n========================= *\/\r\n\r\n\r\n.sm-choose-reveal{\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(60px);\r\n\r\ntransition:\r\n\r\n1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-choose-reveal.active{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-choose-sandmerit-container{\r\n\r\npadding:80px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-choose-difference{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-choose-grid{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-choose-experience{\r\n\r\npadding:40px 25px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-choose-intro{\r\n\r\nfont-size:21px;\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<section class=\"sm-choose-sandmerit\">\r\n\r\n\r\n\r\n<div class=\"sm-choose-sandmerit-container\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- HEADER -->\r\n\r\n\r\n<div class=\"sm-choose-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-choose-label\">\r\n\r\nWHY COMPANIES CHOOSE SANDMERIT\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<h1 class=\"sm-choose-title\">\r\n\r\n\r\nMore Than 23 Years\r\n\r\n\r\n<br>\r\n\r\n\r\nof Practical\r\n\r\n\r\n\r\n\r\n<span>\r\n\r\nConsulting Experience\r\n\r\n<\/span>\r\n\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"sm-choose-intro\">\r\n\r\n\r\nWe are not just software developers\r\n\r\n\r\n<br><br>\r\n\r\n\r\nWe are not typical trainers\r\n\r\n\r\n<br><br>\r\n\r\n\r\nWe are experienced business consultants who understand operations\r\n\r\nbefore recommending practical solutions\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- EXPERIENCE -->\r\n\r\n\r\n<div class=\"sm-choose-experience sm-choose-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h2>\r\n\r\n\r\nBuilding Practical\r\n\r\n\r\n<br>\r\n\r\n\r\n<span>\r\n\r\nBusiness Execution Systems\r\n\r\n<\/span>\r\n\r\n<br>\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nEvery company is different.\r\n\r\n\r\n<br>\r\n\r\n\r\nThere is no one-size-fits-all management system\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- DIFFERENCE -->\r\n\r\n\r\n<div class=\"sm-choose-difference\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-choose-card sm-choose-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h3>\r\n\r\n\r\nNot Just\r\n\r\n\r\n\r\n\r\n<span>\r\n\r\nSoftware\r\n\r\n<\/span>\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nTechnology is only one part.\r\n\r\n\r\n<br>\r\n\r\n\r\nSuccessful execution requires processes, <br>\r\n\r\npeople alignment and management discipline\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-choose-card sm-choose-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h3>\r\n\r\n\r\nNot Just\r\n\r\n\r\n\r\n<span>\r\n\r\nTraining\r\n\r\n<\/span>\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nKnowledge alone does not create improvementy.\r\n\r\n\r\n<br>\r\n\r\n\r\nImplementation turns ideas into measurable results\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- APPROACH -->\r\n\r\n\r\n<div class=\"sm-choose-approach sm-choose-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h2 class=\"sm-choose-section-title\">\r\n\r\n\r\n<br> <br> \r\n\r\nOur Practical\r\n\r\n\r\n<span>\r\n\r\nApproach\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-choose-grid\">\r\n\r\n\r\n\r\n<div class=\"sm-choose-item\">\r\n\r\nConsultancy\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-choose-item\">\r\n\r\nBusiness Process Improvement\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-choose-item\">\r\n\r\nSOP Development\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-choose-item\">\r\n\r\nKPI Design\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-choose-item\">\r\n\r\nPerformance Management\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-choose-item\">\r\n\r\nReward System\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-choose-item\">\r\n\r\nDigital Automation\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<div class=\"sm-choose-item\">\r\n\r\nHands-on Implementation\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- FINAL -->\r\n\r\n\r\n<div class=\"sm-choose-final sm-choose-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h2>\r\n\r\n\r\nFrom Strategy\r\n\r\n\r\n<br>\r\n\r\n\r\nTo Measurable\r\n\r\n\r\n<br>\r\n\r\n\r\n<span>\r\n\r\nBusiness Improvement\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nPractical systems that help organisations improve execution\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\n\r\n\r\ndocument.addEventListener(\r\n\r\n\"DOMContentLoaded\",\r\n\r\n()=>{\r\n\r\n\r\n\r\n\r\n\r\nconst elements=document.querySelectorAll(\r\n\r\n\".sm-choose-reveal\"\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst observer=new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\nentry.target.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nobserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n},\r\n\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.15,\r\n\r\nrootMargin:\"0px 0px -80px 0px\"\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nelements.forEach(\r\n\r\n(el)=>{\r\n\r\n\r\nobserver.observe(el);\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nAPPROACH GRID STAGGER\r\n========================= *\/\r\n\r\n\r\nconst grid=document.querySelector(\r\n\r\n\".sm-choose-grid\"\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nif(grid){\r\n\r\n\r\n\r\nconst items=\r\n\r\ngrid.querySelectorAll(\r\n\r\n\".sm-choose-item\"\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst gridObserver=new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\nitems.forEach(\r\n\r\n(item,index)=>{\r\n\r\n\r\n\r\nsetTimeout(()=>{\r\n\r\n\r\n\r\nitem.style.opacity=\"1\";\r\n\r\nitem.style.transform=\"translateY(0)\";\r\n\r\n\r\n\r\n},index*120);\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\n\r\n\r\ngridObserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n},\r\n\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.2\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\nitems.forEach(\r\n\r\n(item)=>{\r\n\r\n\r\nitem.style.opacity=\"0\";\r\n\r\nitem.style.transform=\"translateY(35px)\";\r\n\r\nitem.style.transition=\r\n\r\n\"1s cubic-bezier(.22,1,.36,1)\";\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\n\r\n\r\n\r\ngridObserver.observe(grid);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\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-73f3fc9 e-flex e-con-boxed e-con e-parent\" data-id=\"73f3fc9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7e2279 elementor-widget elementor-widget-html\" data-id=\"c7e2279\" 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>\r\n\r\n\/* =====================================================\r\nSCREEN 16\r\nTHERE IS NO PERFECT MANAGEMENT TOOL\r\nAPPLE LIGHT EXECUTION PHILOSOPHY STYLE\r\nHIGH CONTRAST VERSION\r\n===================================================== *\/\r\n\r\n\r\n.sm-perfect-tool{\r\n\r\nwidth:100vw;\r\n\r\nmargin-left:calc(50% - 50vw);\r\n\r\nbackground:#ffffff;\r\n\r\ncolor:#111111;\r\n\r\nmin-height:190vh;\r\n\r\nposition:relative;\r\n\r\noverflow:hidden;\r\n\r\nfont-family:\r\n-apple-system,\r\nBlinkMacSystemFont,\r\n\"SF Pro Display\",\r\n\"Segoe UI\",\r\nsans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nBACKGROUND\r\n========================= *\/\r\n\r\n\r\n.sm-perfect-tool::before{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:850px;\r\n\r\nheight:850px;\r\n\r\nright:-250px;\r\n\r\ntop:-200px;\r\n\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(245,180,0,.18),\r\ntransparent 0%\r\n);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n.sm-perfect-tool::after{\r\n\r\ncontent:\"\";\r\n\r\nposition:absolute;\r\n\r\nwidth:600px;\r\n\r\nheight:600px;\r\n\r\nleft:-250px;\r\n\r\nbottom:150px;\r\n\r\n\r\nbackground:\r\n\r\nradial-gradient(\r\ncircle,\r\nrgba(0,0,0,.06),\r\ntransparent 0%\r\n);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-tool-container{\r\n\r\nwidth:min(1200px,90%);\r\n\r\nmargin:auto;\r\n\r\npadding:150px 0;\r\n\r\nposition:relative;\r\n\r\nz-index:2;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nHEADER\r\n========================= *\/\r\n\r\n\r\n.sm-perfect-label{\r\n\r\nfont-size:12px;\r\n\r\nletter-spacing:6px;\r\n\r\ncolor:#777777;\r\n\r\nfont-weight:600;\r\n\r\nmargin-bottom:40px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-title{\r\n\r\nfont-size:\r\n\r\nclamp(60px,8vw,110px);\r\n\r\nline-height:1.05;\r\n\r\nletter-spacing:-6px;\r\n\r\nfont-weight:800;\r\n\r\nmargin:0;\r\n\r\ncolor:#111111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-title span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-intro{\r\n\r\nmargin-top:55px;\r\n\r\nfont-size:30px;\r\n\r\nline-height:1.7;\r\n\r\nmax-width:900px;\r\n\r\ncolor:#444444;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-intro strong{\r\n\r\ncolor:#111111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nMETHODOLOGY CARDS\r\n========================= *\/\r\n\r\n\r\n.sm-perfect-method{\r\n\r\nmargin-top:130px;\r\n\r\ndisplay:grid;\r\n\r\ngrid-template-columns:repeat(3,1fr);\r\n\r\ngap:25px;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-card{\r\n\r\npadding:45px 35px;\r\n\r\nborder-radius:28px;\r\n\r\nbackground:#fafafa;\r\n\r\nborder:1px solid #dddddd;\r\n\r\nbox-shadow:\r\n\r\n0 20px 50px rgba(0,0,0,.06);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-card h3{\r\n\r\nfont-size:32px;\r\n\r\nletter-spacing:-1px;\r\n\r\nmargin-bottom:20px;\r\n\r\ncolor:#111111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-card p{\r\n\r\nfont-size:19px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#555555;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-card span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nLEADER THINKING\r\n========================= *\/\r\n\r\n\r\n.sm-perfect-thinking{\r\n\r\nmargin-top:140px;\r\n\r\npadding:80px;\r\n\r\nborder-left:3px solid #f5b400;\r\n\r\nbackground:#f7f7f7;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-thinking h2{\r\n\r\nfont-size:\r\n\r\nclamp(40px,5vw,70px);\r\n\r\nline-height:1.25;\r\n\r\nletter-spacing:-3px;\r\n\r\ncolor:#111111;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-thinking span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-thinking p{\r\n\r\nmargin-top:30px;\r\n\r\nfont-size:24px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#555555;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nSANDMERIT PHILOSOPHY\r\n========================= *\/\r\n\r\n\r\n.sm-perfect-final{\r\n\r\nmargin-top:160px;\r\n\r\ntext-align:center;\r\n\r\npadding-top:100px;\r\n\r\nborder-top:1px solid #dddddd;\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-final h2{\r\n\r\nfont-size:\r\n\r\nclamp(50px,7vw,100px);\r\n\r\nline-height:1.1;\r\n\r\nletter-spacing:-5px;\r\n\r\nfont-weight:800;\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-final span{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-final p{\r\n\r\nmargin-top:35px;\r\n\r\nfont-size:28px;\r\n\r\nline-height:1.6;\r\n\r\ncolor:#555555;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-brand{\r\n\r\nmargin-top:100px;\r\n\r\ntext-align:center;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-brand h3{\r\n\r\nfont-size:45px;\r\n\r\nletter-spacing:-2px;\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-brand p{\r\n\r\nmargin-top:25px;\r\n\r\nfont-size:25px;\r\n\r\nline-height:1.7;\r\n\r\ncolor:#555555;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-brand strong{\r\n\r\ncolor:#f5b400;\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nREVEAL\r\n========================= *\/\r\n\r\n\r\n.sm-perfect-reveal{\r\n\r\nopacity:0;\r\n\r\ntransform:translateY(60px);\r\n\r\ntransition:\r\n\r\n1s cubic-bezier(.22,1,.36,1);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.sm-perfect-reveal.active{\r\n\r\nopacity:1;\r\n\r\ntransform:translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nMOBILE\r\n========================= *\/\r\n\r\n\r\n@media(max-width:900px){\r\n\r\n\r\n.sm-perfect-tool-container{\r\n\r\npadding:80px 0;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-perfect-method{\r\n\r\ngrid-template-columns:1fr;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-perfect-thinking{\r\n\r\npadding:40px 25px;\r\n\r\n}\r\n\r\n\r\n\r\n.sm-perfect-intro{\r\n\r\nfont-size:22px;\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"sm-perfect-tool\">\r\n\r\n\r\n<div class=\"sm-perfect-tool-container\">\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nHEADER\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-perfect-reveal\">\r\n\r\n\r\n\r\n<div class=\"sm-perfect-label\">\r\n\r\nMANAGEMENT PHILOSOPHY\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<h1 class=\"sm-perfect-title\">\r\n\r\n\r\nThere Is No\r\n\r\n\r\n\r\n\r\nPerfect <br>\r\n\r\n<span>\r\n\r\nManagement Tool\r\n\r\n<\/span>\r\n\r\n\r\n<\/h1>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p class=\"sm-perfect-intro\">\r\n\r\n\r\nEvery management methodology has its strengths\r\n\r\n\r\n<br><br>\r\n\r\n\r\nOKR has its place,\r\n\r\n\r\n<br>\r\n\r\n\r\nKPI has its purpose\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nMETHODOLOGY CARDS\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-perfect-method\">\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-perfect-card sm-perfect-reveal\">\r\n\r\n\r\n<h3>\r\n\r\n\r\n<span>\r\n\r\nOKR\r\n\r\n<\/span>\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nDesigned for innovation,\r\n\r\ngrowth and uncertain environments\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-perfect-card sm-perfect-reveal\">\r\n\r\n\r\n<h3>\r\n\r\n\r\n<span>\r\n\r\nKPI\r\n\r\n<\/span>\r\n\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nDesigned for measurement,\r\n\r\nperformance and execution control\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<div class=\"sm-perfect-card sm-perfect-reveal\">\r\n\r\n\r\n<h3>\r\n\r\nLeadership\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nThe best leaders choose systems\r\n\r\nthat fit their business reality\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nLEADERSHIP THINKING\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-perfect-thinking sm-perfect-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h2>\r\n\r\n\r\nThe Best System\r\n\r\n<br>\r\n\r\n\r\nDepends On\r\n\r\n\r\n<br>\r\n\r\n\r\n<span>\r\n\r\nYour Business\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nManagement decisions should fit:\r\n\r\n\r\n<br><br>\r\n\r\n\r\n\u2022 Business Model\r\n\r\n\r\n<br>\r\n\r\n\r\n\u2022 Company Culture\r\n\r\n\r\n<br>\r\n\r\n\r\n\u2022 Organisational Maturity\r\n\r\n\r\n<br>\r\n\r\n\r\n\u2022 Strategic Objectives\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nFINAL PHILOSOPHY\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-perfect-final sm-perfect-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h2>\r\n\r\n\r\nBusiness Success Comes From\r\n\r\n\r\n<br>\r\n\r\n\r\n<span>\r\n\r\nExecution\r\n\r\n<\/span>\r\n\r\n\r\n<\/h2>\r\n\r\n<br>\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nAt sandmerit,\r\n\r\nwe believe execution is what transforms strategy into measurable results\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!-- =========================\r\nBRAND MESSAGE\r\n========================= -->\r\n\r\n\r\n<div class=\"sm-perfect-brand sm-perfect-reveal\">\r\n\r\n\r\n\r\n\r\n\r\n<h3>\r\n\r\nsandmerit\r\n\r\n<\/h3>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<p>\r\n\r\n\r\nReduce Costs. Improve Efficiency.\r\n\r\n\r\n<br>\r\n\r\n\r\n<strong>\r\n\r\nExecution Is King.\r\n\r\n<\/strong>\r\n\r\n\r\n<br><br>\r\n\r\n\r\nTurning Business Strategy Into Measurable Results\r\n\r\n\r\n<\/p>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n\r\n\"DOMContentLoaded\",\r\n\r\n()=>{\r\n\r\n\r\n\r\nconst items=document.querySelectorAll(\r\n\r\n\".sm-perfect-reveal\"\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nconst observer=new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\nentry.target.classList.add(\r\n\r\n\"active\"\r\n\r\n);\r\n\r\n\r\n\r\nobserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n},\r\n\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.15,\r\n\r\nrootMargin:\"0px 0px -80px 0px\"\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nitems.forEach(\r\n\r\n(item)=>{\r\n\r\n\r\nobserver.observe(item);\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nCARD STAGGER EFFECT\r\n========================= *\/\r\n\r\n\r\nconst cards=document.querySelectorAll(\r\n\r\n\".sm-perfect-card\"\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nconst cardObserver=new IntersectionObserver(\r\n\r\n(entries)=>{\r\n\r\n\r\n\r\nentries.forEach(\r\n\r\n(entry)=>{\r\n\r\n\r\n\r\nif(entry.isIntersecting){\r\n\r\n\r\n\r\ncards.forEach(\r\n\r\n(card,index)=>{\r\n\r\n\r\n\r\nsetTimeout(()=>{\r\n\r\n\r\n\r\ncard.style.opacity=\"1\";\r\n\r\ncard.style.transform=\"translateY(0)\";\r\n\r\n\r\n\r\n},index*180);\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\n\r\ncardObserver.unobserve(\r\n\r\nentry.target\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n},\r\n\r\n\r\n\r\n{\r\n\r\n\r\nthreshold:.2\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst cardSection=document.querySelector(\r\n\r\n\".sm-perfect-method\"\r\n\r\n);\r\n\r\n\r\n\r\n\r\n\r\nif(cardSection){\r\n\r\n\r\n\r\ncards.forEach(\r\n\r\n(card)=>{\r\n\r\n\r\ncard.style.opacity=\"0\";\r\n\r\ncard.style.transform=\"translateY(40px)\";\r\n\r\ncard.style.transition=\r\n\r\n\"1s cubic-bezier(.22,1,.36,1)\";\r\n\r\n\r\n\r\n});\r\n\r\n\r\n\r\n\r\ncardObserver.observe(\r\n\r\ncardSection\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\/* =========================\r\nSMOOTH PARALLAX LIGHT\r\n========================= *\/\r\n\r\n\r\nwindow.addEventListener(\r\n\r\n\"scroll\",\r\n\r\n()=>{\r\n\r\n\r\nconst section=document.querySelector(\r\n\r\n\".sm-perfect-tool\"\r\n\r\n);\r\n\r\n\r\n\r\nif(section){\r\n\r\n\r\n\r\nconst scrollY=window.scrollY;\r\n\r\n\r\n\r\nsection.style.backgroundPositionY=\r\n\r\n(scrollY*0.05)+\"px\";\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\n);\r\n\r\n\r\n\r\n}\r\n\r\n);\r\n\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44aa643 e-flex e-con-boxed e-con e-parent\" data-id=\"44aa643\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2ef682a e-flex e-con-boxed e-con e-child\" data-id=\"2ef682a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-178104f elementor-widget elementor-widget-heading\" data-id=\"178104f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">contact us for a consultation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4de7e2e elementor-widget elementor-widget-heading\" data-id=\"4de7e2e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Fill out the form below, and our local representative will be in touch with you within 24 hours<\/h2>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0861a88 e-flex e-con-boxed e-con e-parent\" data-id=\"0861a88\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-397606a e-con-full e-flex e-con e-child\" data-id=\"397606a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f56b318 elementor-widget elementor-widget-html\" data-id=\"f56b318\" 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<!DOCTYPE html>\n<html>\n<head>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/3.6.0\/jquery.min.js\"><\/script>\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.js\"><\/script>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/slick-carousel\/1.8.1\/slick.min.css\">\n    <style>\n        .main-container {\n            position: relative;\n            width: calc(100% + 200px);\n            max-width: 700px;\n            padding-right: 200px;\n        }\n\n        .location-container {\n            width: 100%;\n            max-width: 500px;\n            border-radius: 1px;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n        }\n\n        .slider-image {\n            width: 100%;\n            height: 300px;\n            object-fit: cover;\n        }\n\n        .info-box {\n            background: #000;\n            padding: 30px;\n            color: #fff;\n        }\n\n        .info-box h2 {\n            color: #FDB913;\n            font-size: 24px;\n            margin-bottom: 15px;\n            font-weight: normal;\n        }\n\n        .info-box p {\n            font-size: 14px;\n            line-height: 1.6;\n            opacity: 0.9;\n        }\n\n        .country-navigation {\n            position: absolute;\n            right: 0;\n            top: 50%;\n            transform: translateY(-50%);\n            display: flex;\n            flex-direction: column;\n            gap: 15px;\n            z-index: 10;\n            width: 180px;\n        }\n\n        .country-link {\n            color: white;\n            text-decoration: none;\n            cursor: pointer;\n            font-weight: 500;\n            font-size: 16px;\n            transition: color 0.3s ease;\n        }\n\n        .country-link:hover {\n            color: #ddd;\n        }\n\n        .country-link.active {\n            color: black;\n            font-weight: 600;\n        }\n\n        @media (max-width: 768px) {\n            .main-container {\n                width: 100%;\n                padding-right: 0;\n                padding-bottom: 80px;\n            }\n\n            .country-navigation {\n                position: static;\n                flex-direction: row;\n                justify-content: center;\n                transform: none;\n                padding: 15px;\n                gap: 8px;\n                width: 100%;\n                flex-wrap: wrap;\n            }\n\n            .country-link {\n                font-size: 14px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"main-container\">\n        <div class=\"location-container\">\n            <div class=\"map-slides\">\n                <div>\n                    <img decoding=\"async\" class=\"slider-image\" src=\"https:\/\/sandmerit.com\/wp-content\/uploads\/2025\/06\/1-01-scaled.png\" alt=\"Malaysia\">\n                <\/div>\n                <div>\n                    <img decoding=\"async\" class=\"slider-image\" src=\"https:\/\/sandmerit.com\/wp-content\/uploads\/2025\/06\/2-01-scaled.png\" alt=\"Singapore\">\n                <\/div>\n                <div>\n                    <img decoding=\"async\" class=\"slider-image\" src=\"https:\/\/sandmerit.com\/wp-content\/uploads\/2025\/06\/7-01-scaled.png\" alt=\"Thailand\">\n                <\/div>\n                <div>\n                    <img decoding=\"async\" class=\"slider-image\" src=\"https:\/\/sandmerit.com\/wp-content\/uploads\/2025\/06\/3-01-scaled.png\" alt=\"Philippines\">\n                <\/div>\n                <div>\n                    <img decoding=\"async\" class=\"slider-image\" src=\"https:\/\/sandmerit.com\/wp-content\/uploads\/2025\/06\/4-01-scaled.png\" alt=\"Vietnam\">\n                <\/div>\n                <div>\n                    <img decoding=\"async\" class=\"slider-image\" src=\"https:\/\/sandmerit.com\/wp-content\/uploads\/2025\/06\/5-01-scaled.png\" alt=\"Cambodia\">\n                <\/div>\n                <div>\n                    <img decoding=\"async\" class=\"slider-image\" src=\"https:\/\/sandmerit.com\/wp-content\/uploads\/2025\/06\/6-01-scaled.png\" alt=\"Indonesia\">\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"country-navigation\">\n            <a class=\"country-link active\" onclick=\"goToSlide(0)\">&#8729;\tMalaysia<\/a>\n            <a class=\"country-link\" onclick=\"goToSlide(1)\">&#8729;\tSingapore<\/a>\n            <a class=\"country-link\" onclick=\"goToSlide(2)\">&#8729;\tThailand<\/a>\n            <a class=\"country-link\" onclick=\"goToSlide(3)\">&#8729;\tPhilippines<\/a>\n            <a class=\"country-link\" onclick=\"goToSlide(4)\">&#8729;\tVietnam<\/a>\n            <a class=\"country-link\" onclick=\"goToSlide(5)\">&#8729;\tCambodia<\/a>\n            <a class=\"country-link\" onclick=\"goToSlide(6)\">&#8729;\tIndonesia<\/a>\n        <\/div>\n    <\/div>\n\n    <script>\n        $(document).ready(function(){\n            $('.map-slides').slick({\n                slidesToShow: 1,\n                slidesToScroll: 1,\n                arrows: false,\n                fade: true,\n                speed: 500,\n                cssEase: 'linear',\n                infinite: true,\n                afterChange: function(event, slick, currentSlide) {\n                    updateActiveButton(currentSlide);\n                }\n            });\n        });\n\n        function goToSlide(index) {\n            $('.map-slides').slick('slickGoTo', index);\n            updateActiveButton(index);\n        }\n\n        function updateActiveButton(activeIndex) {\n            $('.country-link').removeClass('active');\n            $('.country-link').eq(activeIndex).addClass('active');\n        }\n    <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b91d2ae e-con-full e-flex e-con e-child\" data-id=\"b91d2ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c0ca791 elementor-widget elementor-widget-wpforms\" data-id=\"c0ca791\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wpforms.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"wpforms-container \" id=\"wpforms-7\"><form id=\"wpforms-form-7\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"7\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/cn\/wp-json\/wp\/v2\/pages\/7926\" data-token=\"8d665aba329b0b00e351a434c3aff48d\" data-token-time=\"1784845564\"><noscript class=\"wpforms-error-noscript\">\u8bf7\u5728\u6d4f\u89c8\u5668\u4e2d\u542f\u7528JavaScript\u6765\u5b8c\u6210\u6b64\u8868\u5355\u3002<\/noscript><div class=\"wpforms-field-container\"><div id=\"wpforms-7-field_0-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"0\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_0\">Name <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-7-field_0\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][0]\" required><\/div><div id=\"wpforms-7-field_3-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_3\">Position <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-7-field_3\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][3]\" required><\/div><div id=\"wpforms-7-field_4-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_4\">Company <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-7-field_4\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][4]\" required><\/div><div id=\"wpforms-7-field_5-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"5\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_5\">Phone <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"text\" id=\"wpforms-7-field_5\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][5]\" required><\/div><div id=\"wpforms-7-field_1-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_1\">Email <span class=\"wpforms-required-label\">*<\/span><\/label><input type=\"email\" id=\"wpforms-7-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" spellcheck=\"false\" required><\/div><div id=\"wpforms-7-field_6-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"6\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_6\">Remark<\/label><textarea id=\"wpforms-7-field_6\" class=\"wpforms-field-medium\" name=\"wpforms[fields][6]\" ><\/textarea><\/div><div id=\"wpforms-7-field_7-container\" class=\"wpforms-field wpforms-field-text wpforms-hidden\" data-field-id=\"7\"><label class=\"wpforms-field-label\" for=\"wpforms-7-field_7\">Lead Source<\/label><input type=\"text\" id=\"wpforms-7-field_7\" class=\"wpforms-field-medium\" name=\"wpforms[fields][7]\" ><\/div><\/div><!-- .wpforms-field-container --><div class=\"wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v2\" ><div class=\"g-recaptcha\" data-sitekey=\"6LeQjo8rAAAAAD5bDEQWVS6Bc_uzDdf8Wn95xT37\"><\/div><input type=\"text\" name=\"g-recaptcha-hidden\" class=\"wpforms-recaptcha-hidden\" style=\"position:absolute!important;clip:rect(0,0,0,0)!important;height:1px!important;width:1px!important;border:0!important;overflow:hidden!important;padding:0!important;margin:0!important;\" data-rule-recaptcha=\"1\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"7\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/sandmerit.com\/cn\/wp-json\/wp\/v2\/pages\/7926\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-7\" class=\"wpforms-submit\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/sandmerit.com\/wp-content\/plugins\/wpforms-lite\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"\u52a0\u8f7d\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\t\t\t\t<\/div>\n\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>OKR vs KPI Malaysia \u2219 Singapore \u2219 Philippines \u2219 Thailand \u2219 Vietnam \u2219 Cambodia \u2219 Indonesia BUSINESS PERFORMANCE FRAMEWORK KPI vs OKR Understanding the Real Difference Between KPI, OKR and the sandmerit KPI Execution System KPI Performance Measurement OKR Goal Alignment sandmerit Execution System THE KPI VS OKR DEBATE Has KPI Become Outdated? The New [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","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":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7926","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sandmerit.com\/cn\/wp-json\/wp\/v2\/pages\/7926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sandmerit.com\/cn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sandmerit.com\/cn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sandmerit.com\/cn\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sandmerit.com\/cn\/wp-json\/wp\/v2\/comments?post=7926"}],"version-history":[{"count":86,"href":"https:\/\/sandmerit.com\/cn\/wp-json\/wp\/v2\/pages\/7926\/revisions"}],"predecessor-version":[{"id":8066,"href":"https:\/\/sandmerit.com\/cn\/wp-json\/wp\/v2\/pages\/7926\/revisions\/8066"}],"wp:attachment":[{"href":"https:\/\/sandmerit.com\/cn\/wp-json\/wp\/v2\/media?parent=7926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}