:root{
--midnight:#061F26;
--navy:#082D35;
--petrol:#0A3A45;
--petrol-light:#176571;
--teal:#1E7C88;
--cyan:#2BA5B5;
--sand:#F4F1EC;
--white:#ffffff;
--text:#16363E;
--muted:#61757A;
--line:rgba(10,58,69,0.12);
--shadow:0 20px 50px rgba(6,31,38,0.12);
--shadow-strong:0 30px 80px rgba(6,31,38,0.20);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
.impact-page{
font-family:Inter, Arial, sans-serif;
color:var(--text);
line-height:1.65;
background:
radial-gradient(circle at top right, rgba(43,165,181,0.10), transparent 24%),
radial-gradient(circle at bottom left, rgba(10,58,69,0.08), transparent 28%),
linear-gradient(180deg,#faf8f4 0%, #f4f1ec 100%);
overflow:hidden;
position:relative;
}
.impact-page::before{
content:"";
position:absolute;
right:-140px;
top:-120px;
width:380px;
height:380px;
background:radial-gradient(circle, rgba(43,165,181,0.12), transparent 70%);
pointer-events:none;
}
.impact-wrap{
width:min(1240px, calc(100% - 40px));
margin:auto;
position:relative;
z-index:2;
}
.impact-page h1,
.impact-page h2,
.impact-page h3,
.impact-page h4{
margin:0 0 14px;
color:var(--petrol);
letter-spacing:-0.02em;
}
.impact-page h1{
font-size:clamp(42px, 6vw, 80px);
line-height:1.02;
}
.impact-page h2{
font-size:clamp(30px, 4vw, 48px);
line-height:1.08;
}
.impact-page h3{
font-size:24px;
line-height:1.15;
}
.impact-page h4{
font-size:18px;
line-height:1.2;
}
.impact-page p{
margin:0 0 16px;
color:var(--muted);
font-size:18px;
}
.impact-page a{
text-decoration:none;
}
.impact-page .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);
}
.impact-page .eyebrow::before{
content:"";
width:10px;
height:10px;
border-radius:50%;
background:linear-gradient(135deg,var(--petrol),var(--cyan));
box-shadow:0 0 0 6px rgba(10,58,69,0.08);
}
.impact-page .btn-row{
display:flex;
flex-wrap:wrap;
gap:14px;
margin-top:28px;
}
.impact-page .btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
padding:16px 24px;
border-radius:999px;
font-size:16px;
font-weight:800;
transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}
.impact-page .btn-main{
background:linear-gradient(135deg,var(--midnight),var(--teal));
color:#fff;
box-shadow:0 18px 36px rgba(6,31,38,0.24);
}
.impact-page .btn-main:hover{
transform:translateY(-3px);
box-shadow:0 24px 44px rgba(6,31,38,0.28);
}
.impact-page .btn-alt{
background:rgba(255,255,255,0.86);
color:var(--petrol);
border:1px solid rgba(10,58,69,0.12);
}
.impact-page .btn-alt:hover{
transform:translateY(-3px);
background:#fff;
}
/* hero */
.impact-hero{
padding:92px 0 54px;
}
.impact-hero-grid{
display:grid;
grid-template-columns:1.04fr .96fr;
gap:40px;
align-items:center;
}
.impact-copy{
animation:fadeUp .9s ease both;
}
.impact-copy .lead{
font-size:21px;
max-width:760px;
}
.impact-visual{
position:relative;
animation:fadeUp 1s ease both .14s;
}
.visual-shell{
position:relative;
min-height:530px;
border-radius:34px;
background:
radial-gradient(circle at 20% 20%, rgba(43,165,181,0.16), transparent 22%),
radial-gradient(circle at 80% 30%, rgba(10,58,69,0.12), transparent 18%),
linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.80));
border:1px solid rgba(10,58,69,0.10);
box-shadow:var(--shadow-strong);
overflow:hidden;
backdrop-filter:blur(12px);
}
.orbit{
position:absolute;
border-radius:999px;
border:1px dashed rgba(10,58,69,0.14);
}
.orbit.one{
width:420px;
height:420px;
right:-20px;
top:34px;
animation:spinSlow 24s linear infinite;
}
.orbit.two{
width:280px;
height:280px;
right:50px;
top:104px;
animation:spinSlowReverse 18s linear infinite;
}
.center-core{
position:absolute;
inset:50% auto auto 50%;
transform:translate(-50%,-50%);
width:230px;
height:230px;
border-radius:50%;
background:linear-gradient(135deg,var(--midnight),var(--teal));
box-shadow:0 26px 56px rgba(6,31,38,0.24);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:28px;
font-weight:800;
line-height:1.25;
letter-spacing:-0.01em;
}
.signal-chip{
position:absolute;
padding:12px 16px;
border-radius:18px;
background:rgba(255,255,255,0.88);
border:1px solid rgba(10,58,69,0.10);
box-shadow:0 16px 32px rgba(6,31,38,0.10);
font-size:14px;
font-weight:700;
color:var(--petrol);
animation:floatSoft 5.4s ease-in-out infinite;
}
.signal-chip:nth-child(5){ top:56px; left:44px; animation-delay:.2s; }
.signal-chip:nth-child(6){ top:78px; right:42px; animation-delay:.8s; }
.signal-chip:nth-child(7){ left:36px; bottom:92px; animation-delay:1.3s; }
.signal-chip:nth-child(8){ right:44px; bottom:80px; animation-delay:1.9s; }
.micro-card{
position:absolute;
left:26px;
bottom:22px;
width:min(320px, 72%);
padding:18px;
border-radius:22px;
background:linear-gradient(135deg, rgba(255,255,255,0.95), rgba(255,255,255,0.84));
border:1px solid rgba(10,58,69,0.10);
box-shadow:0 20px 40px rgba(6,31,38,0.12);
}
.micro-card h4{
margin-bottom:8px;
}
.micro-card p{
font-size:14px;
margin:0;
}
/* intro strip */
.core-principle{
padding:10px 0 86px;
}
.core-box{
background:linear-gradient(135deg, rgba(255,255,255,0.96), rgba(255,255,255,0.84));
border:1px solid var(--line);
border-radius:32px;
padding:36px;
box-shadow:var(--shadow);
text-align:center;
}
.core-box h2{
max-width:920px;
margin-inline:auto;
}
.core-box p{
max-width:860px;
margin-inline:auto;
}
/* domain sections */
.domain-section{
padding:0 0 84px;
}
.domain-layout{
display:grid;
grid-template-columns:.30fr .40fr .30fr;
gap:22px;
align-items:start;
}
.domain-layout.reverse{
grid-template-columns:.30fr .40fr .30fr;
}
.domain-label{
position:sticky;
top:30px;
background:
radial-gradient(circle at top right, rgba(255,255,255,0.10), transparent 24%),
linear-gradient(135deg,var(--midnight),var(--teal));
border-radius:28px;
padding:30px;
box-shadow:var(--shadow-strong);
color:#fff;
}
.domain-label h2,
.domain-label p{
color:#fff;
}
.domain-label p{
opacity:.92;
font-size:17px;
}
.domain-label .domain-tag{
display:inline-block;
margin-bottom:14px;
padding:7px 12px;
border-radius:999px;
background:rgba(255,255,255,0.14);
border:1px solid rgba(255,255,255,0.18);
color:#fff;
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.06em;
}
.domain-cards{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}
.impact-card{
position:relative;
overflow:hidden;
background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.86));
border:1px solid var(--line);
border-radius:24px;
padding:24px;
box-shadow:0 16px 34px rgba(6,31,38,0.08);
transition:transform .32s ease, box-shadow .32s ease, border-color .32s ease, background .32s ease;
}
.impact-card::after{
content:"";
position:absolute;
right:-26px;
bottom:-26px;
width:150px;
height:150px;
background:radial-gradient(circle, rgba(43,165,181,0.14), transparent 70%);
pointer-events:none;
transition:transform .35s ease;
}
.impact-card:hover{
transform:translateY(-8px);
box-shadow:0 24px 46px rgba(6,31,38,0.14);
border-color:rgba(10,58,69,0.18);
background:#fff;
}
.impact-card:hover::after{
transform:scale(1.15);
}
.card-tag{
display:inline-block;
margin-bottom:14px;
padding:7px 12px;
border-radius:999px;
background:rgba(10,58,69,0.08);
color:var(--petrol);
font-size:12px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.06em;
}
.impact-card p{
font-size:16px;
margin-bottom:18px;
}
.card-link{
display:inline-flex;
align-items:center;
gap:8px;
color:var(--petrol-light);
font-size:15px;
font-weight:800;
text-decoration:none;
transition:transform .25s ease, color .25s ease;
}
.card-link:hover{
transform:translateX(6px);
color:var(--petrol);
}
/* impact images */
.domain-image{
position:relative;
border-radius:26px;
overflow:hidden;
min-height:320px;
box-shadow:var(--shadow-strong);
transition:transform .45s ease, box-shadow .45s ease;
animation:floatSoft 9s ease-in-out infinite;
}
.domain-image img{
width:100%;
height:100%;
object-fit:cover;
transform:scale(1.02);
transition:transform .8s ease, filter .6s ease;
}
.domain-image::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg, rgba(6,31,38,0) 40%, rgba(6,31,38,.55));
}
.domain-image:hover{
transform:translateY(-6px) scale(1.02);
box-shadow:0 40px 90px rgba(6,31,38,.28);
}
.domain-image:hover img{
transform:scale(1.12);
filter:saturate(1.15) contrast(1.05);
}
/* principle strip */
.principle-band{
margin:0 0 84px;
padding:86px 0;
background:
radial-gradient(circle at left top, rgba(255,255,255,0.10), transparent 24%),
linear-gradient(135deg,var(--petrol),var(--teal));
text-align:center;
overflow:hidden;
position:relative;
}
.principle-band::after{
content:"";
position:absolute;
right:-70px;
bottom:-70px;
width:260px;
height:260px;
background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);
}
.principle-band h2,
.principle-band p{
color:#fff;
}
.principle-band p{
max-width:860px;
margin-inline:auto;
opacity:.94;
}
/* recap panels */
.recap-section{
padding:0 0 86px;
}
.recap-head{
text-align:center;
max-width:860px;
margin:0 auto 28px;
}
.recap-grid{
display:grid;
grid-template-columns:repeat(3, minmax(0,1fr));
gap:20px;
}
.recap-box{
background:#fff;
border:1px solid var(--line);
border-radius:24px;
padding:26px;
box-shadow:0 14px 30px rgba(6,31,38,0.08);
transition:transform .28s ease, box-shadow .28s ease;
}
.recap-box:hover{
transform:translateY(-6px);
box-shadow:0 22px 40px rgba(6,31,38,0.12);
}
.recap-box h4{
margin-bottom:10px;
}
/* CTA */
.cta{
padding:0 0 92px;
}
.cta-panel{
background:linear-gradient(135deg,var(--midnight),var(--teal));
border-radius:34px;
padding:48px;
box-shadow:var(--shadow-strong);
overflow:hidden;
position:relative;
}
.cta-panel::before{
content:"";
position:absolute;
inset:auto auto -90px -60px;
width:240px;
height:240px;
background:radial-gradient(circle, rgba(255,255,255,0.12), transparent 72%);
}
.cta-inner{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1fr auto;
gap:24px;
align-items:center;
}
.cta-panel h2,
.cta-panel p{
color:#fff;
}
.cta-panel p{
max-width:760px;
opacity:.94;
}
.cta-actions{
display:flex;
flex-wrap:wrap;
gap:14px;
}
.btn-white{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 24px;
border-radius:999px;
font-size:16px;
font-weight:800;
text-decoration:none;
background:#fff;
color:var(--petrol);
transition:transform .25s ease;
}
.btn-white:hover{
transform:translateY(-2px);
}
.btn-ghost{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 24px;
border-radius:999px;
font-size:16px;
font-weight:800;
text-decoration:none;
background:rgba(255,255,255,0.12);
color:#fff;
border:1px solid rgba(255,255,255,0.24);
transition:transform .25s ease, background .25s ease;
}
.btn-ghost:hover{
transform:translateY(-2px);
background:rgba(255,255,255,0.18);
}
.footer{
padding:24px 0 34px;
}
.footer-line{
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
padding-top:18px;
border-top:1px solid rgba(10,58,69,0.12);
}
.footer-line p,
.footer-line a{
margin:0;
font-size:14px;
color:var(--muted);
text-decoration:none;
}
.footer-links{
display:flex;
flex-wrap:wrap;
gap:18px;
}
.fade-up{opacity:0; animation:fadeUp .9s ease forwards}
.delay-1{animation-delay:.08s}
.delay-2{animation-delay:.18s}
.delay-3{animation-delay:.28s}
.delay-4{animation-delay:.38s}
.delay-5{animation-delay:.48s}
.delay-6{animation-delay:.58s}
@keyframes fadeUp{
from{opacity:0; transform:translateY(28px)}
to{opacity:1; transform:translateY(0)}
}
@keyframes floatSoft{
0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}
}
@keyframes spinSlow{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes spinSlowReverse{
from{transform:rotate(360deg)}
to{transform:rotate(0deg)}
}
@media (max-width: 1100px){
.impact-hero-grid,
.domain-layout,
.domain-layout.reverse,
.cta-inner{
grid-template-columns:1fr;
}
.recap-grid,
.domain-cards{
grid-template-columns:1fr 1fr;
}
.domain-label{
position:relative;
top:auto;
}
.visual-shell{
min-height:470px;
}
.orbit.one{width:340px;height:340px;right:10px;top:50px}
.orbit.two{width:220px;height:220px;right:70px;top:110px}
.domain-image{
min-height:260px;
margin-top:10px;
order:3 !important;
}
}
@media (max-width: 720px){
.impact-wrap{width:min(100% - 24px,1180px)}
.impact-hero{padding:56px 0 30px}
.core-principle,.domain-section,.recap-section,.cta{padding-bottom:56px}
.principle-band{padding:64px 0; margin:0 0 56px}
.recap-grid,.domain-cards{
grid-template-columns:1fr;
}
.core-box,.domain-label,.cta-panel{padding:24px}
.visual-shell{min-height:390px}
.center-core{width:180px;height:180px;font-size:14px}
.signal-chip{font-size:13px}
.micro-card{left:14px; right:14px; width:auto}
.footer-line{flex-direction:column; align-items:flex-start}
}
Vaikuttavuus
Aligning Leadership, Execution & Results
Organizations face different challenges. Some are strategic. Some are operational. Some are technical. Some are behavioral.
What they share is this: performance improves when leadership systems, decision discipline, and human capability are aligned.
At SKILLhill, we step in where alignment determines results. Below you’ll find the key situations where we most often create measurable impact.
Leadership clarity
Decision discipline
Execution capability
Sustainable performance
Different situations.
One core principle.
Where we create measurable impact
Strategic leadership challenges, transformation and integration challenges, and operational and commercial performance challenges.
Results follow when leadership clarity, decision discipline, and human capability work together.
We do not introduce more initiatives. We strengthen the systems that make performance sustainable.
Strategic Leadership Challenges
Strengthening governance, decision making, and executive performance
When decision clarity improves and accountability becomes visible, execution accelerates.
Executive performance
Clarifying decisions. Defining ownership.
Making executive accountability visible so strategy stops stalling at the point of execution.
See how the system strengthens →
Integration
Merger Challenge
Aligning cultures, leadership routines, and execution discipline after integration.
Explore Merger Challenge →
Digital readiness
ICT & AI Transformation Challenge
Ensuring readiness before systems are implemented — because culture beats code.
Explore ICT & Transformation →
Cyber discipline
Cyber Security Challenge
Building leadership awareness, structured response, and disciplined action under pressure.
Explore Cyber Security →
Execution reality
From technical change to human adoption
Making sure large-scale transformation works in real routines, not just on implementation plans.
See how readiness is built →
Transformation & Integration Challenges
Guiding complex changes with effective alignment
Complex transformations succeed when leadership and human dynamics are aligned.
Operational & Commercial Performance Challenges
Driving results where daily performance matters
Performance improves when behavior aligns with ambition.
Project environments
Project Management in Construction
Improving accountability and execution discipline in complex project environments.
Explore Project Management →
Customer value
From Expert to Customer Value
Turning technical expertise into proactive customer impact and measurable revenue growth.
Explore Expert to Value →
Structured growth
Commercial Governance
Turning customer insight into structured growth and more disciplined commercial action.
Explore Commercial Governance →
Margin & behavior
Operational performance under pressure
Strengthening the human side of delivery so accountability, negotiation, and profitability hold up in real work.
See the operating principle →
Different Challenges. One Core Principle.
Whether the challenge is strategic, technical, or operational: results follow when leadership clarity, decision discipline, and human capability work together.
Where We Most Often Create Measurable Impact
Across different contexts, the pattern stays the same: stronger systems create more sustainable performance.
Strategic leadership
Governance, decisions, ownership, and executive follow-through.
Transformation & integration
Readiness, cultural alignment, and disciplined implementation.
Operational & commercial performance
Daily execution, customer value creation, and structured growth.
Achieving result starts with aligning leadership, decision making and execution.
If you want to identify where leadership systems, decision discipline, or execution capability could be strengthened in your organization, start with a focused conversation.
Suomi 
English