{"id":7535,"date":"2026-03-03T16:57:22","date_gmt":"2026-03-03T16:57:22","guid":{"rendered":"https:\/\/skillhill.000.fi\/?page_id=7535"},"modified":"2026-04-11T22:59:47","modified_gmt":"2026-04-11T22:59:47","slug":"services-2","status":"publish","type":"page","link":"https:\/\/skillhill.000.fi\/fi\/home-page\/services-2\/","title":{"rendered":"Palvelut"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7535\" class=\"elementor elementor-7535\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7b04d25 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"7b04d25\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-db2dfee\" data-id=\"db2dfee\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ae735ae elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"ae735ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><!-- services\/skillhill-services.html -->\r\n\r\n\r\n\r\n\r\n\r\n\/* \u2500\u2500\u2500 TOKENS (mirrored exactly from surveys-assessments-1.html) \u2500\u2500\u2500 *\/\r\n:root, [data-theme=\"light\"] {\r\n  --color-bg: #f7f6f2;\r\n  --color-surface: #f9f8f5;\r\n  --color-surface-2: #fbfbf9;\r\n  --color-surface-offset: #f0ede8;\r\n  --color-surface-dynamic: #e6e4df;\r\n  --color-divider: #dcd9d5;\r\n  --color-border: #d4d1ca;\r\n  --color-text: #28251d;\r\n  --color-text-muted: #6b6860;\r\n  --color-text-faint: #b0afa8;\r\n  --color-text-inverse: #f9f8f4;\r\n  --color-primary: #01696f;\r\n  --color-primary-hover: #0c4e54;\r\n  --color-primary-active: #0f3638;\r\n  --color-primary-highlight: #cedcd8;\r\n  --color-accent: #c85c2a;\r\n  --color-success: #437a22;\r\n  --color-success-highlight: #d4dfcc;\r\n  --color-gold: #b88a00;\r\n  --radius-sm: .375rem;\r\n  --radius-md: .5rem;\r\n  --radius-lg: .75rem;\r\n  --radius-xl: 1rem;\r\n  --radius-2xl: 1.5rem;\r\n  --radius-full: 9999px;\r\n  --shadow-sm: 0 1px 2px oklch(0.2 0.01 80 \/ 0.06);\r\n  --shadow-md: 0 4px 16px oklch(0.2 0.01 80 \/ 0.09);\r\n  --shadow-lg: 0 12px 40px oklch(0.2 0.01 80 \/ 0.13);\r\n  --shadow-xl: 0 24px 64px oklch(0.2 0.01 80 \/ 0.18);\r\n  --transition: 180ms cubic-bezier(0.16,1,0.3,1);\r\n  --font-display: 'Instrument Serif', Georgia, serif;\r\n  --font-body: 'DM Sans', 'Helvetica Neue', sans-serif;\r\n  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);\r\n  --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);\r\n  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);\r\n  --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);\r\n  --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);\r\n  --text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);\r\n  --text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);\r\n  --content-narrow: 640px;\r\n  --content-default: 960px;\r\n  --content-wide: 1200px;\r\n}\r\n\r\n[data-theme=\"dark\"] {\r\n  --color-bg: #141312;\r\n  --color-surface: #1a1917;\r\n  --color-surface-2: #201f1d;\r\n  --color-surface-offset: #1d1c1a;\r\n  --color-surface-dynamic: #2a2927;\r\n  --color-divider: #262523;\r\n  --color-border: #393836;\r\n  --color-text: #cccac7;\r\n  --color-text-muted: #797876;\r\n  --color-text-faint: #545350;\r\n  --color-text-inverse: #2b2a28;\r\n  --color-primary: #4f98a3;\r\n  --color-primary-hover: #3d8490;\r\n  --color-primary-active: #2a6f7a;\r\n  --color-primary-highlight: #1f3234;\r\n  --color-accent: #e07a4a;\r\n  --color-success: #6daa45;\r\n  --color-success-highlight: #2a3a1f;\r\n  --color-gold: #e0a820;\r\n  --shadow-sm: 0 1px 2px oklch(0 0 0 \/ 0.25);\r\n  --shadow-md: 0 4px 16px oklch(0 0 0 \/ 0.35);\r\n  --shadow-lg: 0 12px 40px oklch(0 0 0 \/ 0.45);\r\n  --shadow-xl: 0 24px 64px oklch(0 0 0 \/ 0.55);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESET \u2500\u2500\u2500 *\/\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\nhtml { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }\r\n\r\n\/* \u2500\u2500\u2500 BASE \u2500\u2500\u2500 *\/\r\n.sv-wrap {\r\n  font-family: var(--font-body);\r\n  font-size: var(--text-base);\r\n  color: var(--color-text);\r\n  background: var(--color-bg);\r\n  line-height: 1.6;\r\n  overflow-x: hidden;\r\n}\r\n.sv-wrap img, .sv-wrap svg { display: block; max-width: 100%; }\r\n.sv-wrap p, .sv-wrap li { text-wrap: pretty; }\r\n.sv-wrap h1, .sv-wrap h2, .sv-wrap h3, .sv-wrap h4 { text-wrap: balance; line-height: 1.15; }\r\n.sv-wrap a, .sv-wrap button {\r\n  transition: color var(--transition), background var(--transition),\r\n    border-color var(--transition), box-shadow var(--transition),\r\n    opacity var(--transition), transform var(--transition);\r\n}\r\n.sv-wrap button { cursor: pointer; background: none; border: none; font: inherit; color: inherit; }\r\n\r\n\/* \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500 *\/\r\n.reveal {\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n  transition: opacity .7s cubic-bezier(0.16,1,0.3,1), transform .7s cubic-bezier(0.16,1,0.3,1);\r\n}\r\n.reveal.visible { opacity: 1; transform: none; }\r\n.reveal-delay-1 { transition-delay: .1s; }\r\n.reveal-delay-2 { transition-delay: .2s; }\r\n.reveal-delay-3 { transition-delay: .3s; }\r\n.reveal-delay-4 { transition-delay: .4s; }\r\n\r\n\/* \u2500\u2500\u2500 LAYOUT \u2500\u2500\u2500 *\/\r\n.sv-container {\r\n  max-width: var(--content-default);\r\n  margin-inline: auto;\r\n  padding-inline: clamp(1rem, 4vw, 2.5rem);\r\n}\r\n.sv-container-wide {\r\n  max-width: var(--content-wide);\r\n  margin-inline: auto;\r\n  padding-inline: clamp(1rem, 4vw, 2.5rem);\r\n}\r\n.sv-section { padding-block: clamp(4rem, 8vw, 7rem); }\r\n.sv-section + .sv-section { border-top: 1px solid var(--color-divider); }\r\n\r\n\/* \u2500\u2500\u2500 THEME TOGGLE BAR \u2500\u2500\u2500 *\/\r\n.sv-topbar {\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  padding: .75rem clamp(1rem, 4vw, 2.5rem);\r\n  border-bottom: 1px solid var(--color-divider);\r\n  background: var(--color-surface);\r\n}\r\n.sv-theme-btn {\r\n  display: flex; align-items: center; gap: .45rem;\r\n  padding: .35rem .85rem;\r\n  border-radius: var(--radius-full);\r\n  border: 1px solid var(--color-border);\r\n  font-size: var(--text-xs); font-weight: 500;\r\n  color: var(--color-text-muted);\r\n  background: var(--color-bg);\r\n}\r\n.sv-theme-btn:hover { color: var(--color-text); border-color: var(--color-primary); }\r\n.sv-theme-btn svg { width: 14px; height: 14px; }\r\n\r\n\/* \u2500\u2500\u2500 TYPOGRAPHY \u2500\u2500\u2500 *\/\r\n.section-eyebrow {\r\n  font-size: var(--text-xs); font-weight: 600;\r\n  letter-spacing: .1em; text-transform: uppercase;\r\n  color: var(--color-primary); margin-bottom: .75rem;\r\n}\r\n.section-title {\r\n  font-family: var(--font-display);\r\n  font-size: var(--text-2xl); line-height: 1.12;\r\n  letter-spacing: -.015em; color: var(--color-text);\r\n  margin-bottom: 1rem;\r\n}\r\n.section-title em { font-style: italic; color: var(--color-primary); }\r\n.section-desc {\r\n  font-size: var(--text-base); color: var(--color-text-muted);\r\n  max-width: 60ch; line-height: 1.7;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 BUTTONS \u2500\u2500\u2500 *\/\r\n.btn-primary {\r\n  display: inline-flex; align-items: center; gap: .5rem;\r\n  background: var(--color-primary); color: var(--color-text-inverse) !important;\r\n  padding: .75rem 1.6rem; border-radius: var(--radius-full);\r\n  font-weight: 600; font-size: var(--text-sm);\r\n  text-decoration: none; letter-spacing: .01em;\r\n}\r\n.btn-primary:hover {\r\n  background: var(--color-primary-hover);\r\n  transform: translateY(-1px); box-shadow: var(--shadow-md);\r\n}\r\n.btn-ghost {\r\n  display: inline-flex; align-items: center; gap: .5rem;\r\n  color: var(--color-text-muted); padding: .75rem 1.4rem;\r\n  border-radius: var(--radius-full); font-weight: 500;\r\n  font-size: var(--text-sm); text-decoration: none;\r\n  border: 1px solid var(--color-border);\r\n}\r\n.btn-ghost:hover {\r\n  color: var(--color-text); border-color: var(--color-primary);\r\n  background: var(--color-primary-highlight);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\r\n.sv-hero {\r\n  background: var(--color-bg);\r\n  padding-block: clamp(3.5rem, 7vw, 7rem);\r\n  position: relative; overflow: hidden;\r\n}\r\n.sv-hero-bg {\r\n  position: absolute; top: -20%; right: -8%;\r\n  width: 600px; height: 600px; border-radius: 50%;\r\n  background: radial-gradient(circle, oklch(from var(--color-primary) l c h \/ 0.07) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n.sv-hero-grid {\r\n  display: grid; grid-template-columns: 1.35fr 1fr;\r\n  gap: 3rem; align-items: center;\r\n}\r\n.sv-hero-badge {\r\n  display: inline-flex; align-items: center; gap: .4rem;\r\n  background: var(--color-primary-highlight); color: var(--color-primary);\r\n  font-size: var(--text-xs); font-weight: 600;\r\n  letter-spacing: .08em; text-transform: uppercase;\r\n  padding: .3rem .85rem; border-radius: var(--radius-full);\r\n  margin-bottom: 1.5rem;\r\n}\r\n.sv-hero-badge svg { width: 12px; height: 12px; }\r\n.sv-hero-headline {\r\n  font-family: var(--font-display);\r\n  font-size: var(--text-3xl); line-height: 1.08;\r\n  letter-spacing: -.02em; color: var(--color-text);\r\n  margin-bottom: 1.25rem; max-width: 14ch;\r\n}\r\n.sv-hero-headline em { font-style: italic; color: var(--color-primary); }\r\n.sv-hero-sub {\r\n  font-size: var(--text-lg); color: var(--color-text-muted);\r\n  max-width: 50ch; line-height: 1.65; margin-bottom: 2rem;\r\n}\r\n.sv-hero-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-bottom: 2.5rem; }\r\n.sv-logic-chain {\r\n  display: flex; flex-wrap: wrap; gap: .4rem .25rem;\r\n  align-items: center; margin-top: 1rem;\r\n}\r\n.sv-logic-pill {\r\n  display: inline-flex; align-items: center;\r\n  background: var(--color-surface); border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-full); padding: .3rem .85rem;\r\n  font-size: var(--text-xs); font-weight: 600; color: var(--color-text-muted);\r\n}\r\n.sv-logic-arrow { color: var(--color-primary); font-size: var(--text-xs); padding: 0 .15rem; }\r\n.sv-hero-card {\r\n  background: var(--color-surface); border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-xl); padding: 1.5rem;\r\n  box-shadow: var(--shadow-md);\r\n}\r\n.sv-hero-card-label {\r\n  font-size: var(--text-xs); font-weight: 600;\r\n  letter-spacing: .08em; text-transform: uppercase;\r\n  color: var(--color-text-muted); margin-bottom: .6rem;\r\n}\r\n.sv-hero-card-body {\r\n  font-family: var(--font-body); font-size: var(--text-sm);\r\n  color: var(--color-text-muted); line-height: 1.7;\r\n}\r\n.sv-hero-card-body strong { color: var(--color-text); font-weight: 600; }\r\n.sv-quote-block {\r\n  margin-top: 1.25rem; padding: 1rem 1rem 1rem 1.25rem;\r\n  border-radius: var(--radius-lg);\r\n  border: 1px solid var(--color-border);\r\n  background: var(--color-surface-offset);\r\n}\r\n.sv-quote-text {\r\n  font-family: var(--font-display); font-style: italic;\r\n  font-size: var(--text-base); color: var(--color-text); line-height: 1.5;\r\n}\r\n.sv-quote-cite {\r\n  display: block; margin-top: .4rem;\r\n  font-size: var(--text-xs); font-style: normal;\r\n  letter-spacing: .08em; text-transform: uppercase;\r\n  color: var(--color-text-faint);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SERVICE STRIP (4 cards) \u2500\u2500\u2500 *\/\r\n.sv-strip { background: var(--color-surface); }\r\n.sv-strip-grid {\r\n  display: grid; grid-template-columns: repeat(4, minmax(0,1fr));\r\n  gap: 1px; background: var(--color-border);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-xl); overflow: hidden;\r\n  margin-top: 1.5rem;\r\n}\r\n.sv-strip-card {\r\n  background: var(--color-surface-2);\r\n  padding: 1.75rem 1.5rem;\r\n  position: relative; overflow: hidden;\r\n  transition: transform .25s cubic-bezier(0.16,1,0.3,1),\r\n    box-shadow .25s cubic-bezier(0.16,1,0.3,1);\r\n}\r\n.sv-strip-card::before {\r\n  content: ''; position: absolute; inset: 0;\r\n  background: linear-gradient(135deg, var(--color-primary-highlight), transparent 60%);\r\n  opacity: 0; transition: opacity .3s;\r\n}\r\n.sv-strip-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }\r\n.sv-strip-card:hover::before { opacity: 1; }\r\n.sv-strip-num {\r\n  font-family: var(--font-display); font-size: 2.5rem;\r\n  font-style: italic; color: var(--color-primary-highlight);\r\n  line-height: 1; margin-bottom: .75rem; user-select: none;\r\n  position: relative; z-index: 1;\r\n}\r\n.sv-strip-label {\r\n  font-size: var(--text-xs); font-weight: 600;\r\n  letter-spacing: .08em; text-transform: uppercase;\r\n  color: var(--color-primary); margin-bottom: .4rem;\r\n  position: relative; z-index: 1;\r\n}\r\n.sv-strip-title {\r\n  font-weight: 700; font-size: var(--text-base);\r\n  color: var(--color-text); margin-bottom: .4rem;\r\n  position: relative; z-index: 1;\r\n}\r\n.sv-strip-body {\r\n  font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.6;\r\n  position: relative; z-index: 1;\r\n}\r\n\r\n\/* \u2500\u2500\u2500 SERVICE SECTIONS (2-col alternating) \u2500\u2500\u2500 *\/\r\n.sv-service-bg-alt { background: var(--color-surface); }\r\n.sv-service-grid {\r\n  display: grid; grid-template-columns: 1.1fr 1fr;\r\n  gap: 3.5rem; align-items: flex-start;\r\n}\r\n.sv-service-grid-rev { grid-template-columns: 1fr 1.1fr; }\r\n.sv-step-badge {\r\n  display: inline-flex; align-items: center; gap: .4rem;\r\n  background: var(--color-primary-highlight); color: var(--color-primary);\r\n  font-size: var(--text-xs); font-weight: 600;\r\n  letter-spacing: .08em; text-transform: uppercase;\r\n  padding: .25rem .7rem; border-radius: var(--radius-full);\r\n  margin-bottom: .6rem;\r\n}\r\n.sv-service-title {\r\n  font-family: var(--font-display); font-size: var(--text-xl);\r\n  line-height: 1.2; letter-spacing: -.01em;\r\n  color: var(--color-text); margin-bottom: 1rem;\r\n}\r\n.sv-service-body {\r\n  font-size: var(--text-base); color: var(--color-text-muted); line-height: 1.7;\r\n  margin-bottom: 1.5rem;\r\n}\r\n.sv-service-list { list-style: none; margin-bottom: 1.5rem; }\r\n.sv-service-list li {\r\n  display: flex; align-items: flex-start; gap: .75rem;\r\n  font-size: var(--text-sm); color: var(--color-text-muted);\r\n  padding: .6rem 0; border-bottom: 1px solid var(--color-divider);\r\n  line-height: 1.55;\r\n}\r\n.sv-service-list li:last-child { border-bottom: none; }\r\n.sv-service-list li svg { flex-shrink: 0; margin-top: 2px; color: var(--color-primary); }\r\n.sv-outcome {\r\n  background: var(--color-primary-highlight);\r\n  border: 1px solid oklch(from var(--color-primary) l c h \/ 0.2);\r\n  border-radius: var(--radius-lg); padding: 1rem 1.25rem;\r\n  margin-top: 1.5rem;\r\n}\r\n.sv-outcome-label {\r\n  font-size: var(--text-xs); font-weight: 600;\r\n  letter-spacing: .08em; text-transform: uppercase;\r\n  color: var(--color-primary); margin-bottom: .3rem;\r\n}\r\n.sv-outcome-body { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500\u2500 SERVICE VISUAL SIDE \u2500\u2500\u2500 *\/\r\n.sv-visual { display: flex; flex-direction: column; gap: 1rem; }\r\n.sv-img-wrap {\r\n  border-radius: var(--radius-xl); overflow: hidden;\r\n  position: relative; background: var(--color-surface-offset);\r\n  min-height: 200px; box-shadow: var(--shadow-md);\r\n}\r\n.sv-img-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }\r\n.sv-img-badge {\r\n  position: absolute; left: .875rem; bottom: .875rem;\r\n  padding: .25rem .7rem; border-radius: var(--radius-full);\r\n  border: 1px solid var(--color-border);\r\n  background: oklch(from var(--color-surface) l c h \/ 0.92);\r\n  backdrop-filter: blur(8px);\r\n  font-size: var(--text-xs); color: var(--color-text-muted);\r\n}\r\n.sv-info-card {\r\n  background: var(--color-surface); border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-xl); padding: 1.25rem 1.5rem;\r\n}\r\n.sv-info-label {\r\n  font-size: var(--text-xs); font-weight: 600;\r\n  letter-spacing: .08em; text-transform: uppercase;\r\n  color: var(--color-primary); margin-bottom: .4rem;\r\n}\r\n.sv-info-body { font-size: var(--text-sm); color: var(--color-text-muted); line-height: 1.65; }\r\n\r\n\/* \u2500\u2500\u2500 PILL TAGS \u2500\u2500\u2500 *\/\r\n.sv-pill-row { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }\r\n.sv-pill {\r\n  padding: .3rem .8rem; border-radius: var(--radius-full);\r\n  border: 1px solid var(--color-border);\r\n  background: var(--color-surface);\r\n  font-size: var(--text-xs); color: var(--color-text-muted);\r\n  transition: border-color var(--transition), color var(--transition);\r\n}\r\n.sv-pill:hover { border-color: var(--color-primary); color: var(--color-primary); }\r\n\r\n\/* \u2500\u2500\u2500 HOW WE WORK PROCESS \u2500\u2500\u2500 *\/\r\n.sv-process-grid {\r\n  display: grid; grid-template-columns: repeat(4, minmax(0,1fr));\r\n  gap: 1px; background: var(--color-border);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-xl); overflow: hidden;\r\n  margin-top: 2.5rem;\r\n}\r\n.sv-process-step {\r\n  background: var(--color-surface); padding: 1.75rem 1.5rem; position: relative;\r\n}\r\n.sv-process-num {\r\n  font-family: var(--font-display); font-size: 2.5rem;\r\n  font-style: italic; color: var(--color-primary-highlight);\r\n  line-height: 1; margin-bottom: .75rem; user-select: none;\r\n}\r\n.sv-process-title { font-weight: 700; font-size: var(--text-sm); color: var(--color-text); margin-bottom: .4rem; }\r\n.sv-process-desc { font-size: var(--text-xs); color: var(--color-text-muted); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500\u2500 OUTCOMES GRID \u2500\u2500\u2500 *\/\r\n.sv-outcomes-grid {\r\n  display: grid; grid-template-columns: 1fr 1fr;\r\n  gap: 1rem; margin-top: 2rem;\r\n}\r\n.sv-outcome-item {\r\n  display: flex; align-items: flex-start; gap: .85rem;\r\n  background: var(--color-surface); border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg); padding: 1.1rem 1.25rem;\r\n}\r\n.sv-outcome-check {\r\n  width: 26px; height: 26px; border-radius: var(--radius-full);\r\n  background: var(--color-success-highlight); color: var(--color-success);\r\n  display: flex; align-items: center; justify-content: center;\r\n  flex-shrink: 0; margin-top: 1px;\r\n}\r\n.sv-outcome-check svg { width: 13px; height: 13px; }\r\n.sv-outcome-item-title { font-weight: 600; font-size: var(--text-sm); color: var(--color-text); margin-bottom: .2rem; }\r\n.sv-outcome-item-desc { font-size: var(--text-xs); color: var(--color-text-muted); line-height: 1.6; }\r\n\r\n\/* \u2500\u2500\u2500 CTA BLOCK \u2500\u2500\u2500 *\/\r\n.sv-cta-block {\r\n  background: var(--color-primary); color: var(--color-text-inverse);\r\n  border-radius: var(--radius-2xl); padding: clamp(2.5rem, 5vw, 4rem);\r\n  text-align: center; position: relative; overflow: hidden;\r\n  margin-top: 3rem; box-shadow: var(--shadow-xl);\r\n}\r\n.sv-cta-block::before {\r\n  content: ''; position: absolute; top: -40%; left: 50%;\r\n  transform: translateX(-50%); width: 700px; height: 700px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, oklch(from var(--color-text-inverse) l c h \/ 0.07) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n.sv-cta-title {\r\n  font-family: var(--font-display); font-size: var(--text-2xl);\r\n  color: var(--color-text-inverse); margin-bottom: .6rem;\r\n  position: relative; z-index: 1;\r\n}\r\n.sv-cta-body {\r\n  font-size: var(--text-base);\r\n  color: oklch(from var(--color-text-inverse) l c h \/ 0.75);\r\n  margin-bottom: 2rem; max-width: 52ch; margin-inline: auto;\r\n  position: relative; z-index: 1;\r\n}\r\n.sv-cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; position: relative; z-index: 1; }\r\n.btn-inverse {\r\n  display: inline-flex; align-items: center; gap: .5rem;\r\n  background: var(--color-text-inverse); color: var(--color-primary);\r\n  padding: .85rem 2rem; border-radius: var(--radius-full);\r\n  font-weight: 700; font-size: var(--text-sm); text-decoration: none;\r\n}\r\n.btn-inverse:hover {\r\n  background: var(--color-surface-dynamic);\r\n  transform: translateY(-2px); box-shadow: 0 8px 24px oklch(0 0 0 \/ 0.25);\r\n}\r\n.btn-outline-inverse {\r\n  display: inline-flex; align-items: center; gap: .5rem;\r\n  color: var(--color-text-inverse);\r\n  border: 1.5px solid oklch(from var(--color-text-inverse) l c h \/ 0.4);\r\n  padding: .85rem 2rem; border-radius: var(--radius-full);\r\n  font-weight: 600; font-size: var(--text-sm); text-decoration: none;\r\n}\r\n.btn-outline-inverse:hover { border-color: var(--color-text-inverse); background: oklch(from var(--color-text-inverse) l c h \/ 0.1); }\r\n.sv-footer-links { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; margin-top: 2rem; position: relative; z-index: 1; }\r\n.sv-footer-link {\r\n  padding: .35rem .9rem; border-radius: var(--radius-full);\r\n  border: 1px solid oklch(from var(--color-text-inverse) l c h \/ 0.2);\r\n  font-size: var(--text-xs); color: oklch(from var(--color-text-inverse) l c h \/ 0.65);\r\n  text-decoration: none;\r\n}\r\n.sv-footer-link:hover {\r\n  border-color: oklch(from var(--color-text-inverse) l c h \/ 0.5);\r\n  color: var(--color-text-inverse);\r\n}\r\n\r\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n  .sv-hero-grid, .sv-service-grid, .sv-service-grid-rev { grid-template-columns: 1fr; gap: 2rem; }\r\n  .sv-service-grid-rev .sv-visual { order: -1; }\r\n  .sv-strip-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }\r\n  .sv-process-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }\r\n}\r\n@media (max-width: 540px) {\r\n  .sv-strip-grid, .sv-process-grid, .sv-outcomes-grid { grid-template-columns: 1fr; }\r\n}\r\n\r\n\r\n<!-- WRAPPER \u2014 theme scoped here -->\r\n<div class=\"sv-wrap\" id=\"sv-root\">\r\n\r\n  <!-- Theme toggle -->\r\n  <div class=\"sv-topbar\">\r\n    <button class=\"sv-theme-btn\" id=\"sv-theme-btn\" aria-label=\"Toggle theme\">\r\n      \r\n      Dark mode\r\n    <\/button>\r\n  <\/div>\r\n\r\n  <!-- HERO -->\r\n  <section class=\"sv-hero\">\r\n    <div class=\"sv-hero-bg\" aria-hidden=\"true\"><\/div>\r\n    <div class=\"sv-container\">\r\n      <div class=\"sv-hero-grid\">\r\n        <div>\r\n          <div class=\"sv-hero-badge reveal\">\r\n            \r\n            Services\r\n          <\/div>\r\n          <h1 class=\"sv-hero-headline reveal reveal-delay-1\">From <em>Insight<\/em> to Execution<\/h1>\r\n          <p class=\"sv-hero-sub reveal reveal-delay-2\">\r\n            At SKILLhill, we do not deliver isolated workshops or advisory reports.\r\n            We design and build the capability systems that turn strategy into measurable results \u2014\r\n            in leadership, culture, sales, transformation, and AI initiatives.\r\n          <\/p>\r\n          <div class=\"sv-hero-actions reveal reveal-delay-3\">\r\n            <a href=\"#contact\" class=\"btn-primary\">\r\n              \r\n              Discuss your challenge\r\n            <\/a>\r\n            <a href=\"#how-we-work\" class=\"btn-ghost\">\r\n              Explore how we work\r\n              \r\n            <\/a>\r\n          <\/div>\r\n          <div class=\"sv-logic-chain reveal reveal-delay-4\" aria-label=\"Our logic chain\">\r\n            <span class=\"sv-logic-pill\">Clarity<\/span>\r\n            <span class=\"sv-logic-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n            <span class=\"sv-logic-pill\">Structure<\/span>\r\n            <span class=\"sv-logic-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n            <span class=\"sv-logic-pill\">Capability<\/span>\r\n            <span class=\"sv-logic-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n            <span class=\"sv-logic-pill\">Discipline<\/span>\r\n            <span class=\"sv-logic-arrow\" aria-hidden=\"true\">\u2192<\/span>\r\n            <span class=\"sv-logic-pill\">Results<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"reveal reveal-delay-2\">\r\n          <div class=\"sv-hero-card\">\r\n            <div class=\"sv-hero-card-label\">Our logic<\/div>\r\n            <div class=\"sv-hero-card-body\">\r\n              Our work follows a clear logic:<br><br>\r\n              <strong>Clarity \u2192 Structure \u2192 Capability \u2192 Discipline \u2192 Results<\/strong>\r\n            <\/div>\r\n            <div class=\"sv-quote-block\">\r\n              <p class=\"sv-quote-text\">\"Culture beats code \u2014 every time.\"<\/p>\r\n              <cite class=\"sv-quote-cite\">SKILLhill Core Principle<\/cite>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- SERVICE STRIP -->\r\n  <section class=\"sv-section sv-strip\">\r\n    <div class=\"sv-container\">\r\n      <p class=\"section-eyebrow reveal\">What we do<\/p>\r\n      <h2 class=\"section-title reveal reveal-delay-1\">Four integrated practices.<br><em>One clear outcome.<\/em><\/h2>\r\n      <div class=\"sv-strip-grid\">\r\n        <div class=\"sv-strip-card reveal reveal-delay-1\">\r\n          <div class=\"sv-strip-num\" aria-hidden=\"true\">01<\/div>\r\n          <div class=\"sv-strip-label\">Insight &amp; Diagnostics<\/div>\r\n          <div class=\"sv-strip-title\">Clarity before action.<\/div>\r\n          <div class=\"sv-strip-body\">Fact-based view of alignment, risk, and readiness before major bets.<\/div>\r\n        <\/div>\r\n        <div class=\"sv-strip-card reveal reveal-delay-2\">\r\n          <div class=\"sv-strip-num\" aria-hidden=\"true\">02<\/div>\r\n          <div class=\"sv-strip-label\">Consulting &amp; Change Architecture<\/div>\r\n          <div class=\"sv-strip-title\">Systems that work.<\/div>\r\n          <div class=\"sv-strip-body\">Operating structures that make strategy executable at every level.<\/div>\r\n        <\/div>\r\n        <div class=\"sv-strip-card reveal reveal-delay-3\">\r\n          <div class=\"sv-strip-num\" aria-hidden=\"true\">03<\/div>\r\n          <div class=\"sv-strip-label\">Capability Development<\/div>\r\n          <div class=\"sv-strip-title\">Behavior into performance.<\/div>\r\n          <div class=\"sv-strip-body\">Measurable capability across leadership, sales, transformation, and AI.<\/div>\r\n        <\/div>\r\n        <div class=\"sv-strip-card reveal reveal-delay-4\">\r\n          <div class=\"sv-strip-num\" aria-hidden=\"true\">04<\/div>\r\n          <div class=\"sv-strip-label\">Coaching &amp; Partnership<\/div>\r\n          <div class=\"sv-strip-title\">Momentum that sticks.<\/div>\r\n          <div class=\"sv-strip-body\">Long-term engagement until new ways of working are embedded.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 01 INSIGHT &amp; DIAGNOSTICS -->\r\n  <section class=\"sv-section\" id=\"insight\">\r\n    <div class=\"sv-container\">\r\n      <div class=\"sv-service-grid\">\r\n        <div>\r\n          <div class=\"sv-step-badge reveal\">\r\n            \r\n            01 \u2014 Insight &amp; Diagnostics\r\n          <\/div>\r\n          <h2 class=\"sv-service-title reveal reveal-delay-1\">Clarity Before Action<\/h2>\r\n          <p class=\"sv-service-body reveal reveal-delay-2\">\r\n            Transformation fails when decisions are based on assumptions.\r\n            We bring data, structure, and executive-level clarity before any major initiative moves forward.\r\n          <\/p>\r\n          <ul class=\"sv-service-list reveal reveal-delay-3\">\r\n            <li>Organizational alignment assessments<\/li>\r\n            <li>Culture &amp; behavioral diagnostics<\/li>\r\n            <li>Decision-making capability audits (DMD Audit\u2122)<\/li>\r\n            <li>AI readiness assessments<\/li>\r\n            <li>Customer &amp; sales capability analysis<\/li>\r\n            <li>Governance &amp; accountability clarity reviews<\/li>\r\n          <\/ul>\r\n          <div class=\"sv-outcome reveal reveal-delay-4\">\r\n            <div class=\"sv-outcome-label\">Outcome<\/div>\r\n            <div class=\"sv-outcome-body\">Clear understanding of current state, capability gaps, risk factors, and leadership alignment before investments are made.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sv-visual reveal reveal-delay-2\">\r\n          <div class=\"sv-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1181406\/pexels-photo-1181406.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1200\" alt=\"Executive diagnostic and leadership strategy review\" loading=\"lazy\">\r\n            <div class=\"sv-img-badge\">Diagnostics &amp; executive clarity<\/div>\r\n          <\/div>\r\n          <div class=\"sv-info-card\">\r\n            <div class=\"sv-info-label\">Diagnostic lens<\/div>\r\n            <div class=\"sv-info-body\">Clarity across alignment, readiness, risk, governance, and behavioral reality \u2014 because culture beats code, every time.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 02 CONSULTING &amp; CHANGE ARCHITECTURE -->\r\n  <section class=\"sv-section sv-service-bg-alt\" id=\"architecture\">\r\n    <div class=\"sv-container\">\r\n      <div class=\"sv-service-grid sv-service-grid-rev\">\r\n        <div class=\"sv-visual reveal\">\r\n          <div class=\"sv-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1181355\/pexels-photo-1181355.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1200\" alt=\"Consulting and change architecture session\" loading=\"lazy\">\r\n            <div class=\"sv-img-badge\">Execution design in practice<\/div>\r\n          <\/div>\r\n          <div class=\"sv-info-card\">\r\n            <div class=\"sv-info-label\">Execution design<\/div>\r\n            <div class=\"sv-info-body\">Defined decision rights, clear ownership, aligned leadership behavior, structured follow-through.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"sv-step-badge reveal\">\r\n            \r\n            02 \u2014 Consulting &amp; Change Architecture\r\n          <\/div>\r\n          <h2 class=\"sv-service-title reveal reveal-delay-1\">Designing Systems That Work<\/h2>\r\n          <p class=\"sv-service-body reveal reveal-delay-2\">\r\n            We do not advise from the sidelines. We design the operating structures that make strategy executable \u2014\r\n            with clear ownership, defined decision rights, aligned leadership behavior, and structured execution discipline.\r\n          <\/p>\r\n          <ul class=\"sv-service-list reveal reveal-delay-3\">\r\n            <li>Strategy-to-execution frameworks<\/li>\r\n            <li>Governance and accountability models<\/li>\r\n            <li>Decision architecture (Decision Making Done\u2122)<\/li>\r\n            <li>M&amp;A integration structures<\/li>\r\n            <li>AI operating models grounded in human readiness<\/li>\r\n            <li>Sales and commercial operating models<\/li>\r\n          <\/ul>\r\n          <div class=\"sv-outcome reveal reveal-delay-4\">\r\n            <div class=\"sv-outcome-label\">Outcome<\/div>\r\n            <div class=\"sv-outcome-body\">Execution clarity at board, executive, and operational levels.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 03 CAPABILITY DEVELOPMENT -->\r\n  <section class=\"sv-section\" id=\"capability\">\r\n    <div class=\"sv-container\">\r\n      <div class=\"sv-service-grid\">\r\n        <div>\r\n          <div class=\"sv-step-badge reveal\">\r\n            \r\n            03 \u2014 Capability Development\r\n          <\/div>\r\n          <h2 class=\"sv-service-title reveal reveal-delay-1\">Turning Behavior Into Performance<\/h2>\r\n          <p class=\"sv-service-body reveal reveal-delay-2\">\r\n            Strategy does not fail because of intelligence. It fails because of inconsistent behavior.\r\n            We build measurable capability across leadership, sales, transformation, delivery, customer experience, and AI-era leadership.\r\n          <\/p>\r\n          <ul class=\"sv-service-list reveal reveal-delay-3\">\r\n            <li>Leadership performance &amp; accountability<\/li>\r\n            <li>Sales excellence &amp; commercial impact<\/li>\r\n            <li>Expert-to-customer-value transformation<\/li>\r\n            <li>Project leadership &amp; margin discipline<\/li>\r\n            <li>Transformation leadership<\/li>\r\n            <li>AI-era leadership capability<\/li>\r\n            <li>Customer experience leadership<\/li>\r\n          <\/ul>\r\n          <div class=\"reveal reveal-delay-3\">\r\n            <p class=\"sv-info-label\" style=\"margin-bottom:.5rem\">Delivery formats include<\/p>\r\n            <div class=\"sv-pill-row\">\r\n              <span class=\"sv-pill\">Structured development programs<\/span>\r\n              <span class=\"sv-pill\">Executive workshops<\/span>\r\n              <span class=\"sv-pill\">Applied simulations<\/span>\r\n              <span class=\"sv-pill\">Decision labs<\/span>\r\n              <span class=\"sv-pill\">Habit-based performance systems<\/span>\r\n              <span class=\"sv-pill\">Capability Academy models<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sv-outcome reveal reveal-delay-4\">\r\n            <div class=\"sv-outcome-label\">Outcome<\/div>\r\n            <div class=\"sv-outcome-body\">Behavior change that becomes visible in daily execution.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"sv-visual reveal reveal-delay-2\">\r\n          <div class=\"sv-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1181622\/pexels-photo-1181622.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1200\" alt=\"Capability development workshop\" loading=\"lazy\">\r\n            <div class=\"sv-img-badge\">Capability systems in action<\/div>\r\n          <\/div>\r\n          <div class=\"sv-info-card\">\r\n            <div class=\"sv-info-label\">Capability systems<\/div>\r\n            <div class=\"sv-info-body\">Programs, decision labs, simulations, coaching, and habit-building tightly connected to the financial and human metrics your board actually tracks.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 04 COACHING &amp; PARTNERSHIP -->\r\n  <section class=\"sv-section sv-service-bg-alt\" id=\"coaching\">\r\n    <div class=\"sv-container\">\r\n      <div class=\"sv-service-grid sv-service-grid-rev\">\r\n        <div class=\"sv-visual reveal\">\r\n          <div class=\"sv-img-wrap\">\r\n            <img decoding=\"async\" src=\"https:\/\/images.pexels.com\/photos\/1181519\/pexels-photo-1181519.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1200\" alt=\"Executive coaching and partnership\" loading=\"lazy\">\r\n            <div class=\"sv-img-badge\">Trusted partner model<\/div>\r\n          <\/div>\r\n          <div class=\"sv-info-card\">\r\n            <div class=\"sv-info-label\">Trusted partner<\/div>\r\n            <div class=\"sv-info-body\">Accountable for outcomes \u2014 not activity. Close enough to the work that accountability survives after the kickoff applause ends.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div>\r\n          <div class=\"sv-step-badge reveal\">\r\n            \r\n            04 \u2014 Coaching, Facilitation &amp; Continuous Partnership\r\n          <\/div>\r\n          <h2 class=\"sv-service-title reveal reveal-delay-1\">Making Change Stick<\/h2>\r\n          <p class=\"sv-service-body reveal reveal-delay-2\">\r\n            Change fails when momentum fades. We stay engaged until new ways of working are embedded \u2014\r\n            providing continued coaching, facilitation, decision reviews, and leadership support through every phase of change.\r\n          <\/p>\r\n          <ul class=\"sv-service-list reveal reveal-delay-3\">\r\n            <li>Executive &amp; C-level coaching<\/li>\r\n            <li>Board facilitation<\/li>\r\n            <li>Strategic off-sites<\/li>\r\n            <li>Decision review sessions<\/li>\r\n            <li>Transformation steering support<\/li>\r\n            <li>Retain &amp; Sustain phase guidance<\/li>\r\n          <\/ul>\r\n          <div class=\"sv-quote-block reveal reveal-delay-3\">\r\n            <p class=\"sv-quote-text\">\"We work as a trusted partner. Accountable for outcomes \u2014 not activity.\"<\/p>\r\n            <cite class=\"sv-quote-cite\">How we show up<\/cite>\r\n          <\/div>\r\n          <div class=\"sv-outcome reveal reveal-delay-4\">\r\n            <div class=\"sv-outcome-label\">Outcome<\/div>\r\n            <div class=\"sv-outcome-body\">Sustained performance improvement, not temporary motivation.<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- HOW WE WORK -->\r\n  <section class=\"sv-section\" id=\"how-we-work\">\r\n    <div class=\"sv-container\">\r\n      <p class=\"section-eyebrow reveal\">How we work<\/p>\r\n      <h2 class=\"section-title reveal reveal-delay-1\">A structured path from<br><em>intent to execution.<\/em><\/h2>\r\n      <p class=\"section-desc reveal reveal-delay-2\">Every engagement follows a clear path \u2014 designed for executive teams who need clarity, speed, and measurable follow-through without another layer of noise.<\/p>\r\n      <div class=\"sv-process-grid\">\r\n        <div class=\"sv-process-step reveal reveal-delay-1\">\r\n          <div class=\"sv-process-num\" aria-hidden=\"true\">01<\/div>\r\n          <div class=\"sv-process-title\">Diagnose<\/div>\r\n          <div class=\"sv-process-desc\">Fact-based clarity on culture, readiness, governance, and performance.<\/div>\r\n        <\/div>\r\n        <div class=\"sv-process-step reveal reveal-delay-2\">\r\n          <div class=\"sv-process-num\" aria-hidden=\"true\">02<\/div>\r\n          <div class=\"sv-process-title\">Design<\/div>\r\n          <div class=\"sv-process-desc\">Tailored architecture aligned with your strategy and targets.<\/div>\r\n        <\/div>\r\n        <div class=\"sv-process-step reveal reveal-delay-3\">\r\n          <div class=\"sv-process-num\" aria-hidden=\"true\">03<\/div>\r\n          <div class=\"sv-process-title\">Deploy<\/div>\r\n          <div class=\"sv-process-desc\">Hands-on implementation, coaching, and facilitation.<\/div>\r\n        <\/div>\r\n        <div class=\"sv-process-step reveal reveal-delay-4\">\r\n          <div class=\"sv-process-num\" aria-hidden=\"true\">04<\/div>\r\n          <div class=\"sv-process-title\">Retain &amp; Sustain<\/div>\r\n          <div class=\"sv-process-desc\">Embedding new habits, decision discipline, and accountability systems.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- WHAT THIS MEANS FOR YOU -->\r\n  <section class=\"sv-section sv-service-bg-alt\">\r\n    <div class=\"sv-container\">\r\n      <p class=\"section-eyebrow reveal\">What this means for you<\/p>\r\n      <h2 class=\"section-title reveal reveal-delay-1\">Leadership, structure, and behavior<br><em>aligned to ambitious targets.<\/em><\/h2>\r\n      <p class=\"section-desc reveal reveal-delay-2\">Whether your focus is NPS, eNPS, profitability, revenue growth, M&amp;A integration, AI transformation, sales capability, or governance clarity \u2014 we align leadership, structure, and behavior so targets are reached. Even the ambitious ones.<\/p>\r\n      <div class=\"sv-outcomes-grid\">\r\n        <div class=\"sv-outcome-item reveal reveal-delay-1\">\r\n          <div class=\"sv-outcome-check\"><\/div>\r\n          <div><div class=\"sv-outcome-item-title\">NPS &amp; Customer Experience<\/div><div class=\"sv-outcome-item-desc\">Align leadership behavior to the customer moments that drive loyalty.<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"sv-outcome-item reveal reveal-delay-2\">\r\n          <div class=\"sv-outcome-check\"><\/div>\r\n          <div><div class=\"sv-outcome-item-title\">eNPS &amp; Employee Engagement<\/div><div class=\"sv-outcome-item-desc\">Build cultures where accountability and clarity drive genuine engagement.<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"sv-outcome-item reveal reveal-delay-3\">\r\n          <div class=\"sv-outcome-check\"><\/div>\r\n          <div><div class=\"sv-outcome-item-title\">Profitability &amp; Revenue Growth<\/div><div class=\"sv-outcome-item-desc\">Execution discipline that protects margin and accelerates top-line results.<\/div><\/div>\r\n        <\/div>\r\n        <div class=\"sv-outcome-item reveal reveal-delay-4\">\r\n          <div class=\"sv-outcome-check\"><\/div>\r\n          <div><div class=\"sv-outcome-item-title\">M&amp;A Integration &amp; AI Transformation<\/div><div class=\"sv-outcome-item-desc\">Human readiness, governance clarity, and decision discipline for complex transitions.<\/div><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- FINAL CTA -->\r\n  <section class=\"sv-section\" id=\"contact\">\r\n    <div class=\"sv-container\">\r\n      <div class=\"sv-cta-block reveal\">\r\n        <h2 class=\"sv-cta-title\">SKILLhill = Capability Builder<\/h2>\r\n        <p class=\"sv-cta-body\">We combine strategic clarity, human insight, decision discipline, and operational execution \u2014 because technology does not change organizations. People do.<\/p>\r\n        <div class=\"sv-cta-actions\">\r\n          <a href=\"https:\/\/www.tapiokyllonen.fi\/index.php\/skillhill-capability-builder\/contact-us\/\" class=\"btn-inverse\">\r\n            \r\n            Contact Us\r\n          <\/a>\r\n          <a href=\"https:\/\/www.tapiokyllonen.fi\/index.php\/skillhill-capability-builder\/approach\/\" class=\"btn-outline-inverse\">Our Approach<\/a>\r\n        <\/div>\r\n        <div class=\"sv-footer-links\">\r\n          <a href=\"https:\/\/www.tapiokyllonen.fi\/index.php\/skillhill-capability-builder\/approach\/our-values\/\" class=\"sv-footer-link\">Our Values<\/a>\r\n          <a href=\"https:\/\/www.tapiokyllonen.fi\/index.php\/skillhill-capability-builder\/impact\/\" class=\"sv-footer-link\">Impact<\/a>\r\n          <a href=\"https:\/\/www.tapiokyllonen.fi\/index.php\/skillhill-capability-builder\/about\/the-team\/\" class=\"sv-footer-link\">Our Team<\/a>\r\n          <a href=\"https:\/\/www.tapiokyllonen.fi\/index.php\/skillhill-capability-builder\/\" class=\"sv-footer-link\">SKILLhill<\/a>\r\n          <a href=\"https:\/\/www.linkedin.com\/company\/67679716\" class=\"sv-footer-link\" target=\"_blank\" rel=\"noopener\">LinkedIn \u2197<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div><!-- \/.sv-wrap -->\r\n\r\n\r\n(function () {\r\n  'use strict';\r\n\r\n  \/* \u2500\u2500 THEME TOGGLE \u2500\u2500 *\/\r\n  var root = document.documentElement;\r\n  var btn  = document.getElementById('sv-theme-btn');\r\n\r\n  \/\/ Read OS preference on load\r\n  var prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\r\n  var stored = localStorage.getItem('sv-theme');\r\n  var current = stored || (prefersDark ? 'dark' : 'light');\r\n  root.setAttribute('data-theme', current);\r\n  syncBtn(current);\r\n\r\n  if (btn) {\r\n    btn.addEventListener('click', function () {\r\n      current = current === 'dark' ? 'light' : 'dark';\r\n      root.setAttribute('data-theme', current);\r\n      localStorage.setItem('sv-theme', current);\r\n      syncBtn(current);\r\n    });\r\n  }\r\n\r\n  function syncBtn(theme) {\r\n    if (!btn) return;\r\n    if (theme === 'dark') {\r\n      btn.innerHTML = ' Light mode';\r\n    } else {\r\n      btn.innerHTML = ' Dark mode';\r\n    }\r\n  }\r\n\r\n  \/* \u2500\u2500 SCROLL REVEAL (IntersectionObserver \u2014 same as reference) \u2500\u2500 *\/\r\n  var revealObs = new IntersectionObserver(function (entries) {\r\n    entries.forEach(function (e) {\r\n      if (e.isIntersecting) {\r\n        e.target.classList.add('visible');\r\n        revealObs.unobserve(e.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n\r\n  document.querySelectorAll('.reveal').forEach(function (el) {\r\n    revealObs.observe(el);\r\n  });\r\n\r\n})();\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-96d5969 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"96d5969\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5503cec\" data-id=\"5503cec\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":7533,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7535","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/pages\/7535","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/comments?post=7535"}],"version-history":[{"count":19,"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/pages\/7535\/revisions"}],"predecessor-version":[{"id":8094,"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/pages\/7535\/revisions\/8094"}],"up":[{"embeddable":true,"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/pages\/7533"}],"wp:attachment":[{"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/media?parent=7535"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}