:root{
--navy:#062E36;
--petrol:#0A3A45;
--teal:#17646F;
--teal-soft:#2A7A86;
--sand:#F4F1EC;
--white:#ffffff;
--text:#16343C;
--muted:#607377;
--line:rgba(10,58,69,0.12);
--line-strong:rgba(10,58,69,0.18);
--shadow:0 28px 60px rgba(6,46,54,0.15);
--shadow-strong:0 36px 80px rgba(6,46,54,0.22);
--shadow-soft:0 16px 34px rgba(6,46,54,0.10);
--glow:0 0 0 1px rgba(255,255,255,0.2), 0 18px 40px rgba(23,100,111,0.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
.merger-page{
font-family:Inter, Arial, sans-serif;
background:
radial-gradient(circle at top right, rgba(23,100,111,0.10), transparent 25%),
radial-gradient(circle at bottom left, rgba(6,46,54,0.08), transparent 30%),
linear-gradient(180deg,#faf8f4,#f4f1ec);
color:var(--text);
line-height:1.65;
overflow:hidden;
position:relative;
}
.merger-page::before,
.merger-page::after{
content:"";
position:absolute;
pointer-events:none;
z-index:0;
}
.merger-page::before{
top:-120px;
right:-120px;
width:340px;
height:340px;
background:radial-gradient(circle, rgba(23,100,111,0.12), transparent 65%);
}
.merger-page::after{
bottom:-140px;
left:-100px;
width:320px;
height:320px;
background:radial-gradient(circle, rgba(6,46,54,0.08), transparent 70%);
}
.wrap{
width:min(1180px,calc(100% - 40px));
margin:auto;
position:relative;
z-index:2;
}
h1,h2,h3{letter-spacing:-0.03em}
h1{
font-size:clamp(42px,6vw,74px);
margin:0 0 18px;
color:var(--petrol);
line-height:1.02;
}
h2{
font-size:clamp(32px,4vw,48px);
margin:0 0 14px;
color:var(--petrol);
line-height:1.08;
}
h3{
font-size:22px;
margin:0 0 10px;
color:var(--petrol);
}
p{
font-size:18px;
color:var(--muted);
margin:0 0 16px;
}
a{text-decoration:none}
.reveal{
opacity:0;
transform:translateY(26px);
transition:opacity .85s ease, transform .85s ease;
}
.reveal.visible{
opacity:1;
transform:translateY(0);
}
.eyebrow{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 16px;
border-radius:999px;
background:rgba(255,255,255,0.82);
border:1px solid rgba(10,58,69,0.12);
color:var(--petrol);
font-size:13px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:22px;
backdrop-filter:blur(10px);
box-shadow:0 8px 22px rgba(6,46,54,0.06);
}
.eyebrow::before{
content:"";
width:10px;
height:10px;
border-radius:50%;
background:linear-gradient(135deg,var(--petrol),var(--teal));
box-shadow:0 0 0 6px rgba(10,58,69,0.08);
}
.btn-row{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:24px;
}
.btn-main,
.btn-alt{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 26px;
border-radius:999px;
font-size:16px;
font-weight:800;
transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.btn-main{
background:linear-gradient(135deg,var(--navy),var(--teal));
color:#fff;
box-shadow:0 18px 34px rgba(6,46,54,0.18);
}
.btn-main:hover{
transform:translateY(-3px);
box-shadow:0 26px 44px rgba(6,46,54,0.24);
}
.btn-alt{
background:rgba(255,255,255,0.84);
color:var(--petrol);
border:1px solid rgba(10,58,69,0.12);
}
.btn-alt:hover{
transform:translateY(-3px);
background:#fff;
border-color:var(--line-strong);
}
.hero,
.alt-section,
.timeline,
.game-section,
.leadership,
.final,
.visual-section{
padding:84px 0;
}
.hero{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
align-items:center;
padding-top:90px;
padding-bottom:60px;
}
.hero-copy h2{color:var(--teal); margin-bottom:18px}
.hero-image-wrap,
.image-spot-wrap{
position:relative;
}
.hero-image-wrap::before,
.image-spot-wrap::before{
content:"";
position:absolute;
inset:-14px;
border-radius:30px;
background:linear-gradient(135deg, rgba(10,58,69,0.16), rgba(23,100,111,0.10), rgba(255,255,255,0.55));
z-index:0;
filter:blur(2px);
}
.hero-image-wrap::after,
.image-spot-wrap::after{
content:"";
position:absolute;
left:-18px;
bottom:-18px;
width:180px;
height:180px;
border-radius:50%;
background:radial-gradient(circle, rgba(23,100,111,0.16), transparent 68%);
z-index:0;
}
.hero-image-card,
.image-spot-card{
position:relative;
z-index:1;
padding:16px;
background:rgba(255,255,255,0.76);
backdrop-filter:blur(10px);
border:1px solid rgba(255,255,255,0.55);
border-radius:28px;
box-shadow:var(--shadow-strong);
overflow:hidden;
}
.hero-image-card::after,
.image-spot-card::after{
content:"";
position:absolute;
inset:16px;
border-radius:20px;
background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(6,46,54,0.12));
pointer-events:none;
z-index:2;
}
.hero img,
.image-spot-card img{
width:100%;
height:auto;
aspect-ratio:4 / 3;
max-height:420px;
object-fit:cover;
border-radius:20px;
display:block;
transition:transform .85s ease, filter .35s ease;
}
.hero img{
aspect-ratio: 5 / 4;
max-height:500px;
}
.hero-image-card:hover img,
.image-spot-card:hover img{
transform:scale(1.03);
filter:saturate(1.04) contrast(1.02);
}
.hero-image-card img{object-position:center 34%}
.img-culture{object-position:center 38%}
.img-risk{object-position:center 28%}
.img-phases{object-position:center 26%}
.img-game{object-position:center 40%}
.img-leadership{object-position:center 32%}
.image-badge{
position:absolute;
left:30px;
top:30px;
z-index:3;
display:inline-flex;
align-items:center;
gap:8px;
padding:10px 14px;
border-radius:999px;
background:rgba(255,255,255,0.92);
border:1px solid rgba(10,58,69,0.08);
color:var(--petrol);
font-size:12px;
font-weight:800;
letter-spacing:.06em;
text-transform:uppercase;
box-shadow:var(--shadow-soft);
backdrop-filter:blur(10px);
}
.image-badge::before{
content:"";
width:8px;
height:8px;
border-radius:50%;
background:linear-gradient(135deg,var(--petrol),var(--teal));
}
.image-popup{
position:absolute;
left:30px;
right:30px;
bottom:30px;
z-index:3;
padding:16px 16px 14px;
border-radius:22px;
background:rgba(255,255,255,0.92);
border:1px solid rgba(10,58,69,0.10);
box-shadow:0 18px 36px rgba(10,58,69,0.14);
backdrop-filter:blur(10px);
transform:translateY(12px);
opacity:0;
transition:transform .3s ease, opacity .3s ease;
}
.hero-image-card:hover .image-popup,
.image-spot-card:hover .image-popup{
transform:translateY(0);
opacity:1;
}
.image-popup h4,
.floating-note strong,
.soft-stat strong{
display:block;
margin-bottom:8px;
}
.image-popup p,
.floating-note span,
.soft-stat span{
display:block;
font-size:14px;
line-height:1.5;
margin:0;
}
.floating-note,
.soft-stat{
background:linear-gradient(135deg, rgba(6,46,54,0.96), rgba(23,100,111,0.94));
color:#fff;
border-radius:22px;
padding:18px 18px 16px;
box-shadow:var(--shadow-strong);
}
.floating-note{
position:absolute;
right:-14px;
bottom:24px;
width:min(290px,92%);
animation:floatSoft 5s ease-in-out infinite;
}
.soft-stat{
position:absolute;
left:-12px;
bottom:22px;
width:min(280px,90%);
animation:floatSoft 5.6s ease-in-out infinite;
}
.statement{
padding:80px 0;
text-align:center;
}
.statement h2{
max-width:820px;
margin:auto;
line-height:1.2;
}
.alt-grid,
.visual-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}
.panel{
background:rgba(255,255,255,0.80);
backdrop-filter:blur(12px);
padding:34px;
border-radius:26px;
border:1px solid rgba(255,255,255,0.55);
box-shadow:var(--shadow);
position:relative;
overflow:hidden;
transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease;
}
.panel::before{
content:"";
position:absolute;
inset:auto -30px -30px auto;
width:140px;
height:140px;
background:radial-gradient(circle, rgba(23,100,111,0.14), transparent 68%);
pointer-events:none;
}
.panel::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:3px;
background:linear-gradient(90deg,var(--petrol),var(--teal));
transform:scaleX(0);
transform-origin:left;
transition:transform .32s ease;
}
.panel:hover{
transform:translateY(-6px);
box-shadow:0 32px 70px rgba(6,46,54,0.18);
border-color:rgba(10,58,69,0.16);
}
.panel:hover::after{transform:scaleX(1)}
.panel-grid-2{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-top:20px;
}
.mini-card{
padding:18px;
border-radius:18px;
background:rgba(244,241,236,0.70);
border:1px solid rgba(10,58,69,0.08);
transition:transform .25s ease, background .25s ease;
}
.mini-card:hover{
transform:translateY(-4px);
background:#fff;
}
.mini-card strong{
display:block;
color:var(--petrol);
margin-bottom:6px;
font-size:15px;
}
.mini-card span{
display:block;
color:var(--muted);
font-size:14px;
line-height:1.5;
}
.insight{
background:
radial-gradient(circle at left top, rgba(255,255,255,0.10), transparent 24%),
linear-gradient(135deg,var(--navy),var(--teal));
color:white;
padding:92px 0;
text-align:center;
margin:80px 0;
position:relative;
overflow:hidden;
}
.insight::before{
content:"";
position:absolute;
top:-60px;
right:-40px;
width:260px;
height:260px;
background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);
}
.insight h2,
.insight p{color:white}
.timeline-head p{max-width:720px}
.timeline-row{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:30px;
margin-top:26px;
}
.phase{
background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.84));
padding:30px;
border-radius:24px;
border:1px solid var(--line);
box-shadow:var(--shadow);
text-align:center;
position:relative;
overflow:hidden;
transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.phase::after{
content:"";
position:absolute;
left:50%;
top:0;
transform:translateX(-50%);
width:70%;
height:4px;
border-radius:999px;
background:linear-gradient(90deg,var(--petrol),var(--teal));
}
.phase:hover{
transform:translateY(-8px);
box-shadow:0 34px 70px rgba(6,46,54,0.16);
border-color:rgba(10,58,69,0.18);
}
.phase:nth-child(1){transition-delay:0s}
.phase:nth-child(2){transition-delay:.05s}
.phase:nth-child(3){transition-delay:.1s}
.phase h3{margin-top:10px}
.game-box,
.leadership-band{
position:relative;
overflow:hidden;
}
.game-box{
background:linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.84));
padding:36px;
border-radius:26px;
box-shadow:var(--shadow);
border:1px solid var(--line);
transition:transform .3s ease, box-shadow .3s ease;
}
.game-box::before{
content:"";
position:absolute;
right:-24px;
top:-24px;
width:180px;
height:180px;
background:radial-gradient(circle, rgba(23,100,111,0.14), transparent 70%);
}
.game-box:hover{
transform:translateY(-6px);
box-shadow:0 34px 70px rgba(6,46,54,0.16);
}
.game-highlights{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:24px;
}
.game-pill{
padding:14px 16px;
border-radius:18px;
background:rgba(244,241,236,0.72);
border:1px solid rgba(10,58,69,0.08);
text-align:center;
font-size:15px;
font-weight:700;
color:var(--petrol);
transition:transform .25s ease, background .25s ease, border-color .25s ease;
}
.game-pill:hover{
transform:translateY(-4px);
background:#fff;
border-color:rgba(10,58,69,0.14);
}
.leadership-band{
background:
radial-gradient(circle at top right, rgba(255,255,255,0.12), transparent 24%),
linear-gradient(135deg,var(--petrol),var(--teal));
color:white;
padding:50px;
border-radius:28px;
text-align:center;
box-shadow:var(--shadow-strong);
}
.leadership-band::after{
content:"";
position:absolute;
left:-40px;
bottom:-60px;
width:220px;
height:220px;
background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);
}
.leadership-band h2,
.leadership-band p{color:white}
.final{
text-align:center;
}
.final h2{
font-size:44px;
line-height:1.2;
max-width:860px;
margin-inline:auto;
}
.final strong{color:var(--petrol)}
.footer{
padding:40px 0;
text-align:center;
font-size:14px;
color:var(--muted);
}
@keyframes floatSoft{
0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}
}
@media(max-width:900px){
.hero,
.alt-grid,
.visual-grid,
.timeline-row{grid-template-columns:1fr}
.game-highlights{grid-template-columns:1fr 1fr}
.floating-note,
.soft-stat{
position:relative;
right:auto;
left:auto;
bottom:auto;
width:100%;
margin-top:14px;
}
.image-popup{opacity:1; transform:none}
}
@media(max-width:640px){
.wrap{width:min(100% - 24px,1180px)}
.hero{padding:56px 0 30px}
.alt-section,.timeline,.game-section,.leadership,.visual-section{padding:56px 0}
.statement,.final{padding:70px 0}
.hero img,.image-spot-card img{max-height:320px}
.game-highlights,.panel-grid-2{grid-template-columns:1fr}
.leadership-band,.game-box,.panel{padding:26px}
.image-badge{left:26px; top:26px}
.image-popup{left:26px; right:26px; bottom:26px}
}
Post-merger integration
Merger Doesn’t Fail Because of Numbers
It Fails Because of Culture
When two organizations merge, the biggest risks are rarely financial or technical. They are human.
Different values, habits, leadership styles, and identities suddenly collide.
If this is not addressed deliberately, uncertainty grows, trust erodes, and productivity drops — often quietly, but fast.
Cultural integration
The real merger happens here
What looks like a post-merger integration problem on paper is, in reality, a cultural integration challenge.
Spreadsheets can be aligned. Systems can be integrated. But culture does not merge on its own.
Core reality
Culture Is the Real Merger
Without structured leadership and a clear approach, people are left wondering what is expected, which values matter, and who decides — and how.
When these questions remain unanswered, resistance increases and momentum fades.
The silent risk after the deal
Uncertainty spreads faster than strategy. Trust weakens before leaders notice it. Productivity drops not with one dramatic event, but through many small moments of hesitation, confusion, and mixed signals.
TrustWeakens quietly before it becomes visible in results.
MomentumSlows when people are unsure what really matters.
Image spot 1
Shared expectations
Alignment happens when people understand what the new culture asks from them.
What employees really look for
After a merger, people quickly search for signals: Which behaviors are valued? What leadership style wins? Which decisions are still open? These details shape whether the new culture feels credible or confusing.
ClarityPeople need visible direction, not abstract values.
ConsistencyLeadership behavior must match the intended culture.
Culture Is the Real Integration Work
Financial integration can be planned. Technical integration can be scheduled. Cultural integration must be actively led.
Three-phase model
How SKILLhill Supports Cultural Integration
Our approach is built around three clear phases that turn uncertainty into direction.
Diagnose
We identify the current reality of both organizations: employee experiences, cultural strengths and tensions, and pain points threatening integration.
This creates a shared, fact-based understanding of what must change — and what must be preserved.
Design
We co-create the future culture through shared values, leadership principles, clear communication, and aligned ways of working.
The goal is not compromise. It is clarity: a culture people can commit to.
Deploy
We bring the new culture into daily work through leadership coaching, team facilitation, and practical change programs.
When appropriate, we use FreshBiz® Game methods to make the change experience tangible and memorable.
What each phase prevents
Each phase reduces a different kind of risk: Diagnose prevents blind spots. Design prevents drift. Deploy prevents change from remaining theoretical.
DiagnoseSurfaces tensions before they harden into resistance.
DesignCreates a credible future culture people can align behind.
DeployTurns stated values into lived daily routines.
LeadershipKeeps cultural integration from being left to chance.
Image spot 2
Fact-based direction
Better integration starts with shared visibility into what is actually happening.
FreshBiz® in practice
Why Gamification Works in Mergers
FreshBiz provides a safe environment to practice decision-making, collaboration, trust, and shared responsibility.
It allows people to experience — not just discuss — how new ways of working feel in practice. And it reinforces a powerful message: change can be an opportunity, not a threat.
Decision-making
Collaboration
Trust
Shared responsibility
Image spot 3
Safe practice
People adapt faster when they can test new behaviors in a low-risk environment.
Why this method lands better
Gamified methods lower defensiveness and make abstract cultural shifts concrete. Instead of talking around change, people experience new choices, trade-offs, and patterns in action.
TangibleNew ways of working become visible and memorable.
PracticalTeams feel the consequences of different choices immediately.
Leadership focus
Leadership Support Throughout the Journey
SKILLhill coaches work closely with leadership teams and key roles throughout the integration process — ensuring that cultural change is not left to chance.
What leaders need most during integration
Leaders need practical support to model the new culture, make decisions consistently, and reduce ambiguity for teams. When that support is missing, uncertainty spreads faster than any official message.
Role clarityLeaders need a shared standard for what good looks like.
Behavioral consistencyPeople watch leadership actions more than merger messaging.
Image spot 4
Ownership
Successful mergers are actively led, not passively observed.
Core message
Successful Mergers Are Led — Not Left to Happen
Cultural integration does not succeed by accident.
It succeeds when leaders take ownership, involve people, and turn uncertainty into direction.
Because in the end, a merger only succeeds when people succeed together.
(function(){
const els = document.querySelectorAll('.reveal');
if (!('IntersectionObserver' in window)) {
els.forEach(el => el.classList.add('visible'));
return;
}
const obs = new IntersectionObserver((entries)=>{
entries.forEach(entry=>{
if(entry.isIntersecting){
entry.target.classList.add('visible');
}
});
}, {threshold:0.12});
els.forEach(el => obs.observe(el));
})();
English 
Suomi