:root {
--petrol: #0A3A45;
--petrol-dark: #072C34;
--petrol-soft: rgba(10, 58, 69, 0.08);
--sand: #F4F1EC;
--white: #FFFFFF;
--text: #153B45;
--muted: #5F757B;
--line: rgba(10, 58, 69, 0.10);
--shadow-sm: 0 12px 30px rgba(10, 58, 69, 0.06);
--shadow-md: 0 24px 60px rgba(10, 58, 69, 0.10);
--shadow-lg: 0 30px 80px rgba(10, 58, 69, 0.14);
--radius-md: 18px;
--radius-lg: 28px;
--radius-xl: 36px;
--container: 1240px;
--space-section: clamp(88px, 10vw, 144px);
--space-card: clamp(24px, 3vw, 34px);
--transition: 0.28s ease;
--copper: #B9855B;
--marquee-gap: 22px;
}
.skillhill-page,
.skillhill-page * {
box-sizing: border-box;
}
.skillhill-page {
font-family: "Inter", Arial, sans-serif;
color: var(--text);
background: var(--white);
line-height: 1.6;
overflow-x: hidden;
}
.skillhill-page img {
display: block;
max-width: 100%;
}
.skillhill-page a {
color: inherit;
text-decoration: none;
}
.skillhill-container {
width: min(calc(100% - 40px), var(--container));
margin: 0 auto;
}
.skillhill-section {
padding: var(--space-section) 0;
position: relative;
}
.skillhill-section-sand {
background: var(--sand);
}
.skillhill-section-white {
background: var(--white);
}
.skillhill-eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 9px 15px;
border-radius: 999px;
background: var(--petrol-soft);
color: var(--petrol);
font-size: 14px;
font-weight: 500;
letter-spacing: 0.02em;
}
.skillhill-eyebrow::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--petrol);
}
.skillhill-section-header {
max-width: 820px;
margin-bottom: 52px;
}
.skillhill-section-header h2 {
margin: 18px 0 16px;
font-size: clamp(38px, 4vw, 44px);
line-height: 1.08;
letter-spacing: -0.045em;
font-weight: 600;
color: var(--petrol);
}
.skillhill-section-header p {
margin: 0;
font-size: clamp(18px, 1.6vw, 20px);
line-height: 1.65;
color: var(--muted);
max-width: 760px;
}
.skillhill-btn-row {
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
}
.skillhill-btn {
min-height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0 22px;
border-radius: 14px;
font-size: 15px;
font-weight: 500;
border: 1px solid transparent;
transition: transform var(--transition), background var(--transition), box-shadow var(--transition), border-color var(--transition), color var(--transition);
cursor: pointer;
}
.skillhill-btn:hover {
transform: translateY(-2px);
}
.skillhill-btn-primary {
background: var(--petrol);
color: var(--white);
box-shadow: 0 18px 34px rgba(10, 58, 69, 0.18);
}
.skillhill-btn-primary:hover {
background: var(--petrol-dark);
}
.skillhill-btn-secondary {
background: transparent;
color: var(--petrol);
border-color: rgba(10, 58, 69, 0.20);
}
.skillhill-btn-secondary:hover {
background: rgba(10, 58, 69, 0.04);
border-color: rgba(10, 58, 69, 0.34);
}
/* HERO UPGRADE */
.skillhill-hero {
position: relative;
padding: 18px 0 2px;
overflow: hidden;
background:
radial-gradient(circle at 12% 16%, rgba(10, 58, 69, 0.08), transparent 26%),
radial-gradient(circle at 84% 14%, rgba(185, 133, 91, 0.08), transparent 20%),
linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
}
.skillhill-hero::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 76% 24%, rgba(10, 58, 69, 0.06), transparent 17%),
radial-gradient(circle at 24% 84%, rgba(10, 58, 69, 0.04), transparent 18%);
pointer-events: none;
}
.skillhill-hero-grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr);
gap: 34px;
align-items: center;
min-height: auto;
padding: 10px 0 8px;
}
.skillhill-hero-copy {
padding-right: 8px;
}
.skillhill-hero-copy h1 {
margin: 10px 0 14px;
font-size: clamp(42px, 5vw, 56px);
line-height: 0.94;
letter-spacing: -0.06em;
font-weight: 600;
color: var(--petrol);
max-width: 11ch;
}
.skillhill-hero-copy .skillhill-lede {
font-size: clamp(17px, 1.45vw, 19px);
line-height: 1.58;
color: var(--muted);
max-width: 680px;
margin-bottom: 18px;
}
.skillhill-micro-lines {
display: grid;
gap: 5px;
margin: 14px 0 20px;
}
.skillhill-micro-lines span {
display: block;
font-size: 15px;
font-weight: 500;
color: var(--petrol);
letter-spacing: -0.02em;
}
.skillhill-hero-points {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
margin-top: 18px;
}
.skillhill-hero-point {
padding: 16px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.82);
border: 1px solid rgba(10, 58, 69, 0.08);
box-shadow: var(--shadow-sm);
}
.skillhill-hero-point strong {
display: block;
margin-bottom: 4px;
font-size: 17px;
line-height: 1.3;
font-weight: 600;
color: var(--petrol);
}
.skillhill-hero-point span {
display: block;
font-size: 15px;
line-height: 1.55;
color: var(--muted);
}
.skillhill-hero-visual {
position: relative;
background: linear-gradient(155deg, #0B414C 0%, #0A313B 100%);
color: var(--white);
border-radius: 28px;
padding: 24px;
box-shadow: var(--shadow-lg);
overflow: hidden;
max-width: 460px;
width: 100%;
}
.skillhill-hero-visual::before {
content: "";
position: absolute;
inset: auto -8% -22% auto;
width: 280px;
height: 280px;
background: radial-gradient(circle, rgba(255,255,255,0.16), transparent 62%);
pointer-events: none;
}
.skillhill-hero-visual small {
display: block;
margin-bottom: 10px;
font-size: 12px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: rgba(255,255,255,0.72);
}
.skillhill-hero-visual h3 {
margin: 0 0 10px;
font-size: clamp(24px, 2.4vw, 30px);
line-height: 1.1;
letter-spacing: -0.04em;
font-weight: 600;
color: #fff;
}
.skillhill-hero-visual p {
margin: 0;
font-size: 16px;
line-height: 1.62;
color: rgba(255,255,255,0.82);
max-width: 32ch;
}
.skillhill-capability-diagram {
margin-top: 18px;
padding: 16px;
border-radius: 20px;
background: rgba(255,255,255,0.07);
border: 1px solid rgba(255,255,255,0.12);
}
.skillhill-capability-diagram-title {
margin-bottom: 12px;
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255,255,255,0.72);
}
.skillhill-capability-builder {
position: relative;
display: grid;
place-items: center;
min-height: 190px;
}
.skillhill-center-core {
position: absolute;
width: 104px;
height: 104px;
border-radius: 50%;
display: grid;
place-items: center;
text-align: center;
padding: 16px;
background: rgba(255,255,255,0.14);
border: 1px solid rgba(255,255,255,0.16);
backdrop-filter: blur(8px);
font-size: 14px;
line-height: 1.25;
font-weight: 600;
}
.skillhill-orbit {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
border: 1px dashed rgba(255,255,255,0.16);
animation: skillhill-spin 22s linear infinite;
}
.skillhill-orbit.skillhill-reverse {
animation-direction: reverse;
}
.skillhill-orbit-node {
position: absolute;
width: 96px;
padding: 10px 12px;
border-radius: 16px;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.14);
text-align: center;
font-size: 13px;
font-weight: 500;
line-height: 1.35;
backdrop-filter: blur(8px);
transition: transform var(--transition), background var(--transition);
}
.skillhill-orbit-node:hover {
transform: scale(1.04);
background: rgba(255,255,255,0.18);
}
.skillhill-node-1 { top: 2%; left: 50%; transform: translateX(-50%); }
.skillhill-node-2 { top: 28%; right: 0%; }
.skillhill-node-3 { bottom: 2%; left: 50%; transform: translateX(-50%); }
.skillhill-node-4 { top: 28%; left: 0%; }
.skillhill-counter-row {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
margin-top: 14px;
}
.skillhill-counter-card {
padding: 14px;
border-radius: 16px;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.10);
}
.skillhill-counter-value {
display: block;
margin-bottom: 4px;
font-size: 24px;
line-height: 1;
font-weight: 600;
color: var(--white);
}
.skillhill-counter-label {
display: block;
font-size: 13px;
color: rgba(255,255,255,0.76);
line-height: 1.45;
}
.skillhill-logo-section {
padding: 12px 0 10px;
background: linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
border-top: 1px solid rgba(10, 58, 69, 0.06);
}
.skillhill-logo-label {
text-align: center;
color: var(--muted);
font-size: 14px;
font-weight: 500;
margin-bottom: 16px;
}
.skillhill-marquee-shell {
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 14px;
-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}
.skillhill-marquee-track {
display: flex;
align-items: center;
gap: 22px;
width: max-content;
}
.skillhill-marquee-top {
animation: skillhill-marquee-left 35s linear infinite;
}
.skillhill-marquee-bottom {
animation: skillhill-marquee-right 35s linear infinite;
}
.skillhill-logo-card {
width: 180px;
height: 88px;
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
padding: 18px 22px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.96);
border: 1px solid rgba(10, 58, 69, 0.08);
box-shadow: 0 12px 30px rgba(10, 58, 69, 0.06);
}
.skillhill-logo-card img {
display: block;
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
filter: none;
opacity: 1;
}
.skillhill-cards-2,
.skillhill-cards-3,
.skillhill-cards-4 {
display: grid;
gap: 22px;
}
.skillhill-cards-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.skillhill-cards-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.skillhill-cards-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.skillhill-card {
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
padding: var(--space-card);
box-shadow: var(--shadow-sm);
transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.skillhill-card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-md);
border-color: rgba(10, 58, 69, 0.16);
}
.skillhill-card h3 {
margin: 0 0 12px;
font-size: clamp(28px, 2.4vw, 32px);
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 600;
color: var(--petrol);
}
.skillhill-card p {
margin: 0;
font-size: 18px;
line-height: 1.65;
color: var(--muted);
}
.skillhill-mini {
display: block;
margin-bottom: 12px;
font-size: 14px;
font-weight: 500;
color: var(--petrol);
text-transform: uppercase;
letter-spacing: 0.08em;
}
.skillhill-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 14px;
}
.skillhill-list li {
position: relative;
padding-left: 18px;
font-size: 18px;
line-height: 1.65;
color: var(--muted);
}
.skillhill-list li::before {
content: "";
position: absolute;
left: 0;
top: 12px;
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--petrol);
}
.skillhill-split-layout {
display: grid;
grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
gap: 30px;
align-items: center;
}
.skillhill-image-panel {
position: relative;
min-height: 620px;
border-radius: var(--radius-xl);
overflow: hidden;
background:
linear-gradient(180deg, rgba(10,58,69,0.10), rgba(10,58,69,0.28)),
url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat;
box-shadow: var(--shadow-lg);
}
.skillhill-image-badge {
position: absolute;
left: 26px;
bottom: 26px;
max-width: 260px;
padding: 18px 20px;
border-radius: 22px;
background: rgba(255,255,255,0.84);
backdrop-filter: blur(12px);
box-shadow: var(--shadow-md);
color: var(--petrol);
font-size: 16px;
line-height: 1.6;
font-weight: 500;
}
.skillhill-process-stack {
display: grid;
gap: 18px;
}
.skillhill-process-card {
background: rgba(255,255,255,0.82);
border: 1px solid rgba(10, 58, 69, 0.10);
border-radius: 24px;
padding: 24px;
box-shadow: var(--shadow-sm);
transition: transform var(--transition), box-shadow var(--transition);
}
.skillhill-process-card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-md);
}
.skillhill-process-step {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 14px;
background: var(--petrol-soft);
color: var(--petrol);
font-weight: 600;
margin-bottom: 14px;
}
.skillhill-process-card h3 {
margin: 0 0 8px;
font-size: 28px;
line-height: 1.15;
letter-spacing: -0.03em;
font-weight: 600;
color: var(--petrol);
}
.skillhill-process-card p {
margin: 0;
font-size: 18px;
line-height: 1.65;
color: var(--muted);
}
.skillhill-founders-layout {
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: 30px;
align-items: start;
}
.skillhill-founders-note {
position: sticky;
top: 40px;
}
.skillhill-founders-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 22px;
}
.skillhill-founder-profile {
background: var(--white);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-sm);
transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.skillhill-founder-profile:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-md);
border-color: rgba(10, 58, 69, 0.16);
}
.skillhill-founder-text {
padding: 26px 26px 18px;
}
.skillhill-founder-text h3 {
margin: 0 0 10px;
font-size: clamp(28px, 2.2vw, 32px);
line-height: 1.12;
letter-spacing: -0.035em;
font-weight: 600;
color: var(--petrol);
}
.skillhill-founder-text p {
margin: 0;
font-size: 18px;
line-height: 1.65;
color: var(--muted);
}
.skillhill-founder-photo-wrap {
aspect-ratio: 4 / 3;
overflow: hidden;
background: var(--sand);
margin: 0 18px 18px;
border-radius: 22px;
}
.skillhill-founder-photo {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.skillhill-quote-block {
position: relative;
padding: 34px 34px 34px 42px;
border-radius: var(--radius-lg);
background: var(--white);
border: 1px solid rgba(10, 58, 69, 0.08);
box-shadow: var(--shadow-md);
}
.skillhill-quote-block::before {
content: "";
position: absolute;
top: 28px;
left: 22px;
width: 3px;
height: calc(100% - 56px);
background: var(--copper);
border-radius: 99px;
}
.skillhill-quote-block p {
margin: 0;
font-size: clamp(24px, 2.2vw, 30px);
line-height: 1.28;
letter-spacing: -0.03em;
font-style: italic;
color: var(--petrol);
max-width: 17ch;
}
.skillhill-quote-block small {
display: block;
margin-top: 16px;
font-size: 15px;
color: var(--muted);
font-style: normal;
}
.skillhill-cta-band {
text-align: center;
background: linear-gradient(180deg, #ffffff 0%, #faf7f3 100%);
}
.skillhill-cta-box {
max-width: 980px;
margin: 0 auto;
padding: clamp(34px, 5vw, 60px);
border-radius: 34px;
background: var(--sand);
border: 1px solid rgba(10, 58, 69, 0.08);
box-shadow: var(--shadow-lg);
}
.skillhill-cta-box h2 {
margin: 16px 0;
font-size: clamp(38px, 4vw, 44px);
line-height: 1.08;
letter-spacing: -0.045em;
font-weight: 600;
color: var(--petrol);
}
.skillhill-cta-box p {
max-width: 760px;
margin: 0 auto 26px;
font-size: 18px;
line-height: 1.65;
color: var(--muted);
}
.skillhill-footer {
background: var(--petrol);
padding: 30px 0 42px;
color: rgba(255,255,255,0.80);
}
.skillhill-footer-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
flex-wrap: wrap;
}
.skillhill-footer-brand {
font-weight: 600;
color: #fff;
}
.skillhill-reveal {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.skillhill-reveal.skillhill-visible {
opacity: 1;
transform: translateY(0);
}
@keyframes skillhill-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes skillhill-marquee-left {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
@keyframes skillhill-marquee-right {
from { transform: translateX(-50%); }
to { transform: translateX(0); }
}
@media (max-width: 1150px) {
.skillhill-hero-grid,
.skillhill-split-layout,
.skillhill-founders-layout,
.skillhill-cards-4,
.skillhill-cards-3,
.skillhill-cards-2,
.skillhill-founders-grid {
grid-template-columns: 1fr;
}
.skillhill-hero-points,
.skillhill-counter-row {
grid-template-columns: 1fr 1fr;
}
.skillhill-image-panel {
min-height: 500px;
}
.skillhill-founders-note {
position: static;
}
.skillhill-hero-visual {
max-width: 100%;
}
}
@media (max-width: 860px) {
.skillhill-hero-grid {
min-height: auto;
padding-top: 4px;
}
.skillhill-hero-points,
.skillhill-counter-row {
grid-template-columns: 1fr;
}
.skillhill-container {
width: min(calc(100% - 24px), var(--container));
}
.skillhill-logo-card {
width: 150px;
height: 76px;
}
.skillhill-hero {
padding: 12px 0 2px;
}
.skillhill-hero-copy h1 {
max-width: 12ch;
}
}
@media (max-width: 560px) {
.skillhill-btn {
width: 100%;
}
.skillhill-card,
.skillhill-process-card,
.skillhill-quote-block,
.skillhill-cta-box,
.skillhill-hero-visual {
padding: 22px;
}
.skillhill-image-badge {
left: 16px;
right: 16px;
bottom: 16px;
max-width: none;
}
.skillhill-founder-photo-wrap {
margin: 0 14px 14px;
}
}
Capability Builder
Where transformation succeeds or fails.
In leadership, culture, accountability, and everyday decisions, including the toughest M&A and large-scale change situations.
Capability Builder
Capability Builder
Leadership
Culture
Execution
Accountability
0
Core growth levers aligned.
0
Execution barriers surfaced faster.
0
Focus on practical business value.
Human Capabilities. Real Change.
We turn strategy into results.
We help organizations achieve ambitious targets, from customer experience and employee engagement to profit, margin, and growth.
Customer relationships.
Sales capability.
Execution where it matters.
Leadership clarity
Stronger priorities. Better decisions. Sharper accountability.
Execution discipline
Turn transformation into everyday ways of working.
Human-centered change
Culture, trust, learning, and practical momentum.
Trusted by leaders, teams, and transformation-driven organizations.
Growth
Reach demanding targets
Improve NPS and eNPS, protect and grow margin, increase revenue, and achieve profitability, even when targets are ambitious.
Sales insight
Strengthen sales through customer insight
Use structured interviews and certified measurement tools to turn customer expectations, loyalty, and future plans into concrete sales action.
Capability
Develop sales, experts, and sales leadership
Coach and facilitate professionals and leaders to navigate complex customer situations and grow into value-creating experts.
Advisory mindset
Turn experts into customer advisors
Help experts move beyond execution, opening the right conversations and creating customer value instead of staying silent.
Transformation
Make transformation work in practice
Turn strategy, AI, ERP, CRM, and large-scale change initiatives into everyday ways of working, not parallel projects.
Integration
Succeed in M&A integration
Align cultures, clarify leadership and decision-making, streamline ways of working, and build accountability after mergers and acquisitions.
01
Clarify leadership and direction
Equip leaders and teams with clear roles, shared priorities, and the courage to address what really needs to change.
02
Build capabilities that last
Develop people, teams, and organizations so performance is sustained, not dependent on constant external support.
03
Stay involved until results show
We don’t step in, deliver recommendations, and step away. We stay involved until change is visible, adopted, and producing results.
Real human moments.
We stay involved until change is visible, adopted, and producing results.
Use this as a founder quote, leadership note, or company principle.
Founder
Mika Nurmesniemi
Add.
Founder
Tapio Kyllönen
Addn.
Readiness before technology
Are leaders aligned on purpose, responsibility, and expectations?
Do people understand how AI will affect their work and why?
Does the culture support learning, experimentation, and accountability?
If these questions are ignored, AI becomes a costly experiment, not a value-creating investment.
From readiness to real results
Measure AI and change readiness across leadership, staff, and the organization.
Define the gap between current reality and successful adoption.
Design practical actions to close that gap.
Embed AI into real decision-making and everyday work only after the foundation is ready.
Revenue growth
Stronger strategic choices and better customer work create sales momentum.
Margin protection
Reduce friction, avoid missteps, and improve prioritization quality.
Execution speed
Move from talk to decision to disciplined follow-through faster.
Sustained capability
Build internal strength that remains long after the project ends.
Your mission is our mission.
Most transformations start with structure, technology, or processes. We start with people and culture, then connect that human foundation to strategy, sales, leadership, and execution as one coherent whole.
We don’t optimize PowerPoint slides. We strengthen customer relationships, sales capability, and execution where it matters.
SKILLhill Capability Builder
(function () {
const root = document.querySelector('.skillhill-page');
if (!root) return;
if ('IntersectionObserver' in window) {
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('skillhill-visible');
}
});
}, { threshold: 0.14 });
root.querySelectorAll('.skillhill-reveal').forEach(el => observer.observe(el));
const counters = root.querySelectorAll('[data-target]');
const animateCounter = (el) => {
const target = Number(el.dataset.target);
const duration = 1400;
const start = performance.now();
const step = (now) => {
const progress = Math.min((now - start) / duration, 1);
const eased = 1 - Math.pow(1 - progress, 3);
const current = Math.floor(eased * target);
el.textContent = current + (target === 100 ? '%' : '+');
if (progress {
entries.forEach(entry => {
if (entry.isIntersecting && !entry.target.dataset.animated) {
entry.target.dataset.animated = 'true';
animateCounter(entry.target);
}
});
}, { threshold: 0.4 });
counters.forEach(counter => counterObserver.observe(counter));
} else {
root.querySelectorAll('.skillhill-reveal').forEach(el => el.classList.add('skillhill-visible'));
}
})();
Suomi 
English