{"id":7594,"date":"2026-03-03T20:19:33","date_gmt":"2026-03-03T20:19:33","guid":{"rendered":"https:\/\/skillhill.000.fi\/?page_id=7594"},"modified":"2026-03-19T15:55:47","modified_gmt":"2026-03-19T15:55:47","slug":"cyber-security","status":"publish","type":"page","link":"https:\/\/skillhill.000.fi\/fi\/home-page\/impact\/cyber-security\/","title":{"rendered":"Cyber Security"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7594\" class=\"elementor elementor-7594\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-30b19f4 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"30b19f4\" 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-3195b40\" data-id=\"3195b40\" 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-565db5b elementor-widget__width-initial elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"565db5b\" 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\">\r\n:root{\r\n  --midnight:#061F26;\r\n  --navy:#0A2F38;\r\n  --petrol:#0A3A45;\r\n  --teal:#16707B;\r\n  --cyan:#1F8C98;\r\n  --cyan-soft:#59B5C0;\r\n  --sand:#F4F1EC;\r\n  --white:#ffffff;\r\n  --text:#16363E;\r\n  --muted:#61757A;\r\n  --line:rgba(10,58,69,0.12);\r\n  --line-strong:rgba(10,58,69,0.18);\r\n  --shadow:0 28px 60px rgba(6,31,38,0.14);\r\n  --shadow-strong:0 34px 80px rgba(6,31,38,0.22);\r\n  --shadow-soft:0 16px 34px rgba(6,31,38,0.10);\r\n}\r\n\r\n*{box-sizing:border-box}\r\nhtml{scroll-behavior:smooth}\r\nbody{margin:0}\r\n\r\n.cyber-page{\r\n  font-family:Inter, Arial, sans-serif;\r\n  background:\r\n    radial-gradient(circle at top left, rgba(31,140,152,0.10), transparent 26%),\r\n    radial-gradient(circle at bottom right, rgba(10,58,69,0.08), transparent 28%),\r\n    linear-gradient(180deg,#faf8f4,#f4f1ec);\r\n  color:var(--text);\r\n  line-height:1.65;\r\n  overflow:hidden;\r\n  position:relative;\r\n}\r\n\r\n.cyber-page::before,\r\n.cyber-page::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  pointer-events:none;\r\n  z-index:0;\r\n}\r\n\r\n.cyber-page::before{\r\n  right:-120px;\r\n  top:-120px;\r\n  width:360px;\r\n  height:360px;\r\n  background:radial-gradient(circle, rgba(31,140,152,0.12), transparent 68%);\r\n  animation:floatOrb 11s ease-in-out infinite;\r\n}\r\n\r\n.cyber-page::after{\r\n  left:-120px;\r\n  bottom:-120px;\r\n  width:320px;\r\n  height:320px;\r\n  background:radial-gradient(circle, rgba(10,58,69,0.08), transparent 70%);\r\n  animation:floatOrb 13s ease-in-out infinite reverse;\r\n}\r\n\r\n.cyber-grid-lines{\r\n  position:fixed;\r\n  inset:0;\r\n  pointer-events:none;\r\n  z-index:0;\r\n  opacity:.28;\r\n  background-image:\r\n    linear-gradient(rgba(22,112,123,0.05) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(22,112,123,0.05) 1px, transparent 1px);\r\n  background-size: 48px 48px;\r\n  animation:gridShift 18s linear infinite;\r\n}\r\n\r\n.cyber-wrap{\r\n  width:min(1180px, calc(100% - 40px));\r\n  margin:auto;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.cyber-page h1,\r\n.cyber-page h2,\r\n.cyber-page h3,\r\n.cyber-page h4{\r\n  margin:0 0 14px;\r\n  color:var(--petrol);\r\n  letter-spacing:-0.03em;\r\n}\r\n\r\n.cyber-page h1{\r\n  font-size:clamp(42px, 6vw, 78px);\r\n  line-height:1.02;\r\n}\r\n\r\n.cyber-page h2{\r\n  font-size:clamp(30px, 4vw, 48px);\r\n  line-height:1.08;\r\n}\r\n\r\n.cyber-page h3{\r\n  font-size:22px;\r\n  line-height:1.2;\r\n}\r\n\r\n.cyber-page h4{\r\n  font-size:18px;\r\n}\r\n\r\n.cyber-page p{\r\n  margin:0 0 16px;\r\n  font-size:18px;\r\n  color:var(--muted);\r\n}\r\n\r\n.cyber-page .eyebrow{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  padding:10px 16px;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,0.82);\r\n  border:1px solid rgba(10,58,69,0.12);\r\n  color:var(--petrol);\r\n  font-size:13px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n  letter-spacing:.08em;\r\n  margin-bottom:22px;\r\n  backdrop-filter:blur(10px);\r\n  box-shadow:0 8px 22px rgba(6,31,38,0.06);\r\n}\r\n\r\n.cyber-page .eyebrow::before{\r\n  content:\"\";\r\n  width:10px;\r\n  height:10px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,var(--petrol),var(--cyan));\r\n  box-shadow:0 0 0 6px rgba(10,58,69,0.08);\r\n}\r\n\r\n.reveal{\r\n  opacity:0;\r\n  transform:translateY(28px);\r\n  transition:opacity .85s ease, transform .85s ease;\r\n}\r\n\r\n.reveal.visible{\r\n  opacity:1;\r\n  transform:translateY(0);\r\n}\r\n\r\n.floaty{animation:floatSoft 6s ease-in-out infinite}\r\n.floaty-slow{animation:floatSoft 8s ease-in-out infinite}\r\n\r\n.cyber-page .btn-row,\r\n.trust-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:14px;\r\n  margin-top:26px;\r\n}\r\n\r\n.cyber-page .btn,\r\n.btn-white,\r\n.btn-ghost{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:16px 24px;\r\n  border-radius:999px;\r\n  font-size:16px;\r\n  font-weight:800;\r\n  text-decoration:none;\r\n  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;\r\n}\r\n\r\n.cyber-page .btn-main{\r\n  background:linear-gradient(135deg,var(--midnight),var(--teal));\r\n  color:#fff;\r\n  box-shadow:0 18px 36px rgba(6,31,38,0.24);\r\n}\r\n\r\n.cyber-page .btn-main:hover{\r\n  transform:translateY(-3px);\r\n  box-shadow:0 24px 44px rgba(6,31,38,0.28);\r\n}\r\n\r\n.cyber-page .btn-alt{\r\n  background:rgba(255,255,255,0.86);\r\n  color:var(--petrol);\r\n  border:1px solid rgba(10,58,69,0.12);\r\n}\r\n\r\n.cyber-page .btn-alt:hover{\r\n  transform:translateY(-3px);\r\n  background:#fff;\r\n  border-color:var(--line-strong);\r\n}\r\n\r\n.btn-white{\r\n  background:#fff;\r\n  color:var(--petrol);\r\n}\r\n\r\n.btn-white:hover{transform:translateY(-2px)}\r\n\r\n.btn-ghost{\r\n  background:rgba(255,255,255,0.12);\r\n  color:#fff;\r\n  border:1px solid rgba(255,255,255,0.24);\r\n}\r\n\r\n.btn-ghost:hover{\r\n  transform:translateY(-2px);\r\n  background:rgba(255,255,255,0.18);\r\n}\r\n\r\n.cyber-hero,\r\n.esg-strip,\r\n.human-risk,\r\n.culture-section,\r\n.operating-band,\r\n.trust-close,\r\n.image-sections{\r\n  padding:84px 0;\r\n}\r\n\r\n.cyber-hero{padding-top:92px;padding-bottom:58px}\r\n\r\n.cyber-hero-grid,\r\n.culture-layout,\r\n.trust-inner,\r\n.image-grid,\r\n.image-grid.reverse{\r\n  display:grid;\r\n  gap:28px;\r\n  align-items:center;\r\n}\r\n\r\n.cyber-hero-grid{grid-template-columns:1.08fr .92fr}\r\n.image-grid{grid-template-columns:1fr 1fr}\r\n.image-grid.reverse{grid-template-columns:1fr 1fr}\r\n.culture-layout{grid-template-columns:1fr 1fr;gap:22px}\r\n.trust-inner{grid-template-columns:1fr auto;gap:24px}\r\n\r\n.cyber-copy .lead{font-size:21px;max-width:720px}\r\n\r\n.cyber-visual,\r\n.image-spot-wrap{position:relative}\r\n\r\n.cyber-image-shell,\r\n.image-spot-shell{\r\n  position:relative;\r\n  padding:16px;\r\n  border-radius:30px;\r\n  background:rgba(255,255,255,0.76);\r\n  border:1px solid rgba(255,255,255,0.52);\r\n  box-shadow:var(--shadow-strong);\r\n  backdrop-filter:blur(10px);\r\n  overflow:hidden;\r\n  isolation:isolate;\r\n}\r\n\r\n.cyber-image-shell::before,\r\n.image-spot-shell::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0));\r\n  z-index:1;\r\n  pointer-events:none;\r\n}\r\n\r\n.cyber-image-shell::after,\r\n.image-spot-shell::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:16px;\r\n  border-radius:22px;\r\n  background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(6,31,38,0.16));\r\n  z-index:2;\r\n  pointer-events:none;\r\n}\r\n\r\n.cyber-image-shell img,\r\n.image-spot-shell img{\r\n  width:100%;\r\n  height:auto;\r\n  aspect-ratio:4 \/ 3;\r\n  max-height:420px;\r\n  object-fit:cover;\r\n  border-radius:22px;\r\n  display:block;\r\n  transition:transform .8s ease, filter .35s ease;\r\n}\r\n\r\n.cyber-image-shell img{aspect-ratio:5 \/ 4;max-height:500px;object-position:center 35%}\r\n.img-spot-1{object-position:center 30%}\r\n.img-spot-2{object-position:center 20%}\r\n.img-spot-3{object-position:center 40%}\r\n.img-spot-4{object-position:center 28%}\r\n.img-spot-5{object-position:center 34%}\r\n\r\n.cyber-image-shell:hover img,\r\n.image-spot-shell:hover img{\r\n  transform:scale(1.03);\r\n  filter:saturate(1.05) contrast(1.02);\r\n}\r\n\r\n.badge-pill{\r\n  position:absolute;\r\n  left:28px;\r\n  top:28px;\r\n  z-index:3;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:8px;\r\n  padding:10px 14px;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,0.92);\r\n  border:1px solid rgba(10,58,69,0.08);\r\n  color:var(--petrol);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.06em;\r\n  text-transform:uppercase;\r\n  box-shadow:var(--shadow-soft);\r\n  backdrop-filter:blur(10px);\r\n}\r\n\r\n.badge-pill::before{\r\n  content:\"\";\r\n  width:8px;\r\n  height:8px;\r\n  border-radius:50%;\r\n  background:linear-gradient(135deg,var(--petrol),var(--cyan));\r\n}\r\n\r\n.image-popup{\r\n  position:absolute;\r\n  left:28px;\r\n  right:28px;\r\n  bottom:28px;\r\n  z-index:3;\r\n  padding:16px 16px 14px;\r\n  border-radius:20px;\r\n  background:rgba(255,255,255,0.92);\r\n  border:1px solid rgba(10,58,69,0.10);\r\n  box-shadow:0 18px 36px rgba(10,58,69,0.14);\r\n  backdrop-filter:blur(10px);\r\n  transform:translateY(14px);\r\n  opacity:0;\r\n  transition:transform .3s ease, opacity .3s ease;\r\n}\r\n\r\n.cyber-image-shell:hover .image-popup,\r\n.image-spot-shell:hover .image-popup{\r\n  transform:translateY(0);\r\n  opacity:1;\r\n}\r\n\r\n.image-popup h4{margin-bottom:8px}\r\n.image-popup p{margin:0;font-size:14px;line-height:1.5}\r\n\r\n.risk-card,\r\n.floating-stat{\r\n  position:absolute;\r\n  background:linear-gradient(135deg, rgba(6,31,38,0.96), rgba(22,112,123,0.94));\r\n  color:#fff;\r\n  border-radius:22px;\r\n  padding:18px;\r\n  box-shadow:var(--shadow-strong);\r\n}\r\n\r\n.risk-card{\r\n  left:-16px;\r\n  bottom:22px;\r\n  width:min(300px, 92%);\r\n}\r\n\r\n.floating-stat{\r\n  right:-10px;\r\n  bottom:22px;\r\n  width:min(270px, 88%);\r\n}\r\n\r\n.risk-card h4,\r\n.floating-stat h4{color:#fff;margin-bottom:8px}\r\n.risk-card p,\r\n.floating-stat p{color:rgba(255,255,255,0.90);font-size:14px;margin:0}\r\n\r\n.esg-box,\r\n.operating-box,\r\n.panel,\r\n.tall-card,\r\n.mini-card,\r\n.phase,\r\n.trust-panel{\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.esg-box,\r\n.operating-box{\r\n  background:linear-gradient(135deg, rgba(255,255,255,0.94), rgba(255,255,255,0.82));\r\n  border:1px solid var(--line);\r\n  border-radius:30px;\r\n  padding:32px;\r\n  box-shadow:var(--shadow);\r\n}\r\n\r\n.esg-top,\r\n.operating-head{\r\n  text-align:center;\r\n  max-width:860px;\r\n  margin:0 auto 28px;\r\n}\r\n\r\n.esg-grid,\r\n.operating-grid{\r\n  display:grid;\r\n  gap:22px;\r\n}\r\n\r\n.esg-grid{grid-template-columns:repeat(3, minmax(0,1fr))}\r\n.operating-grid{grid-template-columns:repeat(5, minmax(0,1fr));gap:16px}\r\n\r\n.esg-item,\r\n.mini-card,\r\n.phase,\r\n.operating-pill,\r\n.panel,\r\n.tall-card{\r\n  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;\r\n}\r\n\r\n.esg-item,\r\n.phase,\r\n.mini-card,\r\n.operating-pill,\r\n.panel,\r\n.tall-card{\r\n  border:1px solid var(--line);\r\n}\r\n\r\n.esg-item,\r\n.phase,\r\n.mini-card,\r\n.panel,\r\n.tall-card{\r\n  box-shadow:0 14px 30px rgba(6,31,38,0.07);\r\n}\r\n\r\n.esg-item,\r\n.phase,\r\n.mini-card{\r\n  background:#fff;\r\n  border-radius:22px;\r\n  padding:24px;\r\n}\r\n\r\n.panel{\r\n  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.84));\r\n  backdrop-filter:blur(10px);\r\n  padding:32px;\r\n  border-radius:24px;\r\n  box-shadow:var(--shadow);\r\n}\r\n\r\n.tall-card{\r\n  background:#fff;\r\n  border-radius:26px;\r\n  padding:30px;\r\n  box-shadow:var(--shadow);\r\n  min-height:100%;\r\n}\r\n\r\n.esg-item::after,\r\n.phase::after,\r\n.mini-card::after,\r\n.panel::after,\r\n.tall-card::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  bottom:0;\r\n  width:100%;\r\n  height:3px;\r\n  background:linear-gradient(90deg,var(--petrol),var(--cyan));\r\n  transform:scaleX(0);\r\n  transform-origin:left;\r\n  transition:transform .28s ease;\r\n}\r\n\r\n.esg-item:hover,\r\n.phase:hover,\r\n.mini-card:hover,\r\n.panel:hover,\r\n.tall-card:hover{\r\n  transform:translateY(-6px);\r\n  box-shadow:0 24px 42px rgba(6,31,38,0.12);\r\n  border-color:var(--line-strong);\r\n}\r\n\r\n.esg-item:hover::after,\r\n.phase:hover::after,\r\n.mini-card:hover::after,\r\n.panel:hover::after,\r\n.tall-card:hover::after{transform:scaleX(1)}\r\n\r\n.esg-tag{\r\n  display:inline-block;\r\n  margin-bottom:14px;\r\n  padding:7px 12px;\r\n  border-radius:999px;\r\n  background:rgba(10,58,69,0.08);\r\n  color:var(--petrol);\r\n  font-size:13px;\r\n  font-weight:800;\r\n  text-transform:uppercase;\r\n  letter-spacing:.06em;\r\n}\r\n\r\n.human-risk-inner{\r\n  text-align:center;\r\n  max-width:900px;\r\n  margin:auto;\r\n}\r\n\r\n.human-risk-inner h2{\r\n  max-width:860px;\r\n  margin-inline:auto;\r\n}\r\n\r\n.human-risk-inner .big-line{\r\n  font-size:24px;\r\n  color:var(--petrol);\r\n  font-weight:800;\r\n  line-height:1.35;\r\n  margin-top:18px;\r\n}\r\n\r\n.dark-break{\r\n  margin:0 0 86px;\r\n  padding:86px 0;\r\n  background:\r\n    radial-gradient(circle at left top, rgba(255,255,255,0.10), transparent 26%),\r\n    linear-gradient(135deg,var(--midnight),var(--teal));\r\n  text-align:center;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.dark-break::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:-70px;\r\n  bottom:-70px;\r\n  width:260px;\r\n  height:260px;\r\n  background:radial-gradient(circle, rgba(255,255,255,0.10), transparent 70%);\r\n  animation:floatSoft 8s ease-in-out infinite;\r\n}\r\n\r\n.dark-break h2,\r\n.dark-break p{color:#fff}\r\n.dark-break p{max-width:780px;margin-inline:auto;opacity:.92}\r\n\r\n.stack-cards{display:grid;gap:22px}\r\n\r\n.tall-card .icon{\r\n  width:46px;\r\n  height:46px;\r\n  border-radius:14px;\r\n  background:linear-gradient(135deg,var(--midnight),var(--teal));\r\n  color:#fff;\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:18px;\r\n  font-weight:800;\r\n  margin-bottom:16px;\r\n  box-shadow:0 10px 22px rgba(6,31,38,0.16);\r\n}\r\n\r\n.operating-pill{\r\n  padding:18px 16px;\r\n  text-align:center;\r\n  border-radius:20px;\r\n  background:#fff;\r\n  font-size:15px;\r\n  font-weight:700;\r\n  color:var(--petrol);\r\n  box-shadow:0 10px 22px rgba(6,31,38,0.06);\r\n}\r\n\r\n.operating-pill:hover{\r\n  transform:translateY(-4px);\r\n  background:rgba(244,241,236,0.9);\r\n}\r\n\r\n.trust-panel{\r\n  background:\r\n    radial-gradient(circle at top right, rgba(255,255,255,0.12), transparent 24%),\r\n    linear-gradient(135deg,var(--petrol),var(--teal));\r\n  border-radius:34px;\r\n  padding:48px;\r\n  box-shadow:var(--shadow-strong);\r\n  color:#fff;\r\n}\r\n\r\n.trust-panel::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:auto auto -90px -60px;\r\n  width:240px;\r\n  height:240px;\r\n  background:radial-gradient(circle, rgba(255,255,255,0.12), transparent 72%);\r\n}\r\n\r\n.trust-panel h2,\r\n.trust-panel p{color:#fff}\r\n.trust-panel p{max-width:760px;opacity:.94}\r\n\r\n.footer{padding:24px 0 34px}\r\n\r\n.footer-line{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:20px;\r\n  align-items:center;\r\n  padding-top:18px;\r\n  border-top:1px solid rgba(10,58,69,0.12);\r\n}\r\n\r\n.footer-line p,\r\n.footer-line a{\r\n  margin:0;\r\n  font-size:14px;\r\n  color:var(--muted);\r\n  text-decoration:none;\r\n}\r\n\r\n.footer-links{display:flex;flex-wrap:wrap;gap:18px}\r\n\r\n@keyframes floatSoft{\r\n  0%{transform:translateY(0)}\r\n  50%{transform:translateY(-8px)}\r\n  100%{transform:translateY(0)}\r\n}\r\n\r\n@keyframes floatOrb{\r\n  0%{transform:translateY(0) translateX(0)}\r\n  50%{transform:translateY(18px) translateX(-10px)}\r\n  100%{transform:translateY(0) translateX(0)}\r\n}\r\n\r\n@keyframes gridShift{\r\n  0%{transform:translateY(0)}\r\n  100%{transform:translateY(48px)}\r\n}\r\n\r\n@media (max-width: 1024px){\r\n  .cyber-hero-grid,\r\n  .culture-layout,\r\n  .trust-inner,\r\n  .image-grid,\r\n  .image-grid.reverse{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .esg-grid,\r\n  .operating-grid{grid-template-columns:1fr 1fr}\r\n\r\n  .risk-card,\r\n  .floating-stat{\r\n    position:relative;\r\n    left:auto;\r\n    right:auto;\r\n    bottom:auto;\r\n    width:100%;\r\n    margin-top:14px;\r\n  }\r\n\r\n  .image-popup{opacity:1;transform:none}\r\n}\r\n\r\n@media (max-width: 680px){\r\n  .cyber-wrap{width:min(100% - 24px,1180px)}\r\n  .cyber-hero{padding:56px 0 30px}\r\n  .esg-strip,.human-risk,.culture-section,.operating-band,.trust-close,.image-sections{padding-bottom:56px}\r\n  .dark-break{padding:64px 0; margin:0 0 56px}\r\n  .cyber-image-shell img,\r\n  .image-spot-shell img{max-height:320px}\r\n  .esg-grid,.operating-grid{grid-template-columns:1fr}\r\n  .trust-panel,.esg-box,.operating-box,.panel,.tall-card,.mini-card{padding:24px}\r\n  .footer-line{flex-direction:column; align-items:flex-start}\r\n  .badge-pill{left:24px;top:24px}\r\n  .image-popup{left:24px;right:24px;bottom:24px}\r\n}\r\n\r\n\r\n<div class=\"cyber-page\">\r\n  <div class=\"cyber-grid-lines\"><\/div>\r\n\r\n  <section class=\"cyber-hero\">\r\n    <div class=\"cyber-wrap cyber-hero-grid reveal\">\r\n\r\n      <div class=\"cyber-copy\">\r\n        <div class=\"eyebrow\">Cyber Security<\/div>\r\n        <h1>If you think cyber security is an IT problem, your company is already at risk.<\/h1>\r\n        <p class=\"lead\">Because today, cyber security is no longer about firewalls or software. It\u2019s about trust, accountability, and whether a company can truly call itself responsible.<\/p>\r\n        <p>A single breach doesn\u2019t just expose systems. It exposes the organisation\u2019s culture, leadership, and values.<\/p>\r\n\r\n        <div class=\"btn-row\">\r\n          <a href=\"#esg\" class=\"btn btn-main\">See the ESG reality<\/a>\r\n          <a href=\"#trust\" class=\"btn btn-alt\">Jump to the close<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cyber-visual\">\r\n        <div class=\"cyber-image-shell\">\r\n          <img decoding=\"async\" src=\"https:\/\/skillhill.000.fi\/wp-content\/uploads\/2026\/02\/Cyber-Security.png\" alt=\"Cyber security leadership discussion\">\r\n          <div class=\"badge-pill\">Cyber responsibility<\/div>\r\n          <div class=\"image-popup\">\r\n            <h4>Leadership, culture, and protection<\/h4>\r\n            <p>Use this hero visual to reinforce that cyber security is a business responsibility, not a narrow technical silo.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"risk-card floaty\">\r\n          <h4>Human assets, not just data fields<\/h4>\r\n          <p>Credit card numbers, social security details, personal data, billing and invoicing information \u2014 these are not technical assets. They are human assets.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"image-sections\">\r\n    <div class=\"cyber-wrap image-grid reveal\">\r\n      <div class=\"image-spot-wrap\">\r\n        <div class=\"image-spot-shell\">\r\n          <img decoding=\"async\" class=\"img-spot-1\" src=\"https:\/\/skillhill.000.fi\/wp-content\/uploads\/2026\/02\/AI-robot.png\" alt=\"Cyber awareness workshop\">\r\n          <div class=\"badge-pill\">Image spot 1<\/div>\r\n          <div class=\"image-popup\">\r\n            <h4>Cyber awareness in practice<\/h4>\r\n            <p>Ideal for a workshop or training scene that shows cyber responsibility being made practical and visible.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"floating-stat floaty-slow\">\r\n          <h4>Visible culture<\/h4>\r\n          <p>Security becomes real when people understand the behaviours expected from them every day.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"panel\">\r\n        <h3>Why people need more than awareness slides<\/h3>\r\n        <p>Cyber behaviour improves when expectations are clear, examples are concrete, and leadership treats security as part of everyday responsibility instead of an isolated topic.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"esg-strip\" id=\"esg\">\r\n    <div class=\"cyber-wrap reveal\">\r\n      <div class=\"esg-box\">\r\n        <div class=\"esg-top\">\r\n          <h2>When Cyber Security Fails, ESG Fails With It<\/h2>\r\n          <p>Protecting data is no longer a narrow technical task. It is part of a company\u2019s environmental, social, and governance responsibility.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"esg-grid\">\r\n          <div class=\"esg-item\">\r\n            <div class=\"esg-tag\">Environmental<\/div>\r\n            <h3>Operational continuity<\/h3>\r\n            <p>Secure digital infrastructure is essential for continuity, resilience, and sustainable operations.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"esg-item\">\r\n            <div class=\"esg-tag\">Social<\/div>\r\n            <h3>Data is a people issue<\/h3>\r\n            <p>Protecting people\u2019s personal information is a direct social obligation, not just a compliance task.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"esg-item\">\r\n            <div class=\"esg-tag\">Governance<\/div>\r\n            <h3>Accountability is visible<\/h3>\r\n            <p>Cyber security is now one of the clearest indicators of whether leadership takes responsibility seriously.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"image-sections\">\r\n    <div class=\"cyber-wrap image-grid reverse reveal\">\r\n      <div class=\"panel\">\r\n        <h3>Why ESG and cyber now belong together<\/h3>\r\n        <p>Resilience, social responsibility, and governance credibility are all weakened when data protection is treated as a separate technical domain rather than a cross-organisational responsibility.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"image-spot-wrap\">\r\n        <div class=\"image-spot-shell\">\r\n          <img decoding=\"async\" class=\"img-spot-2\" src=\"https:\/\/skillhill.000.fi\/wp-content\/uploads\/2026\/03\/Server-hall.jpg\" alt=\"Leadership discussing cyber governance\">\r\n          <div class=\"badge-pill\">Image spot 2<\/div>\r\n          <div class=\"image-popup\">\r\n            <h4>Governance in action<\/h4>\r\n            <p>Best used for leadership, compliance, governance, or decision-making visuals that support responsible oversight.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"human-risk\">\r\n    <div class=\"cyber-wrap human-risk-inner reveal\">\r\n      <h2>The most common point of failure isn\u2019t the system.<\/h2>\r\n      <p class=\"big-line\">It\u2019s a human decision \u2014 one rushed click, one ignored guideline, one assumption that \u201cthis won\u2019t happen here.\u201d<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"dark-break reveal\">\r\n    <div class=\"cyber-wrap\">\r\n      <h2>That\u2019s why cyber security cannot sit with IT alone.<\/h2>\r\n      <p>It must live in the behaviour of every person, from the C-suite to the frontline. Technology can block attacks. But only people can prevent them.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"image-sections\">\r\n    <div class=\"cyber-wrap image-grid reveal\">\r\n      <div class=\"image-spot-wrap\">\r\n        <div class=\"image-spot-shell\">\r\n          <img decoding=\"async\" class=\"img-spot-3\" src=\"https:\/\/skillhill.000.fi\/wp-content\/uploads\/2026\/03\/SurvAss-2.png\" alt=\"Employee decision making and cyber habits\">\r\n          <div class=\"badge-pill\">Image spot 3<\/div>\r\n          <div class=\"image-popup\">\r\n            <h4>Human decision moments<\/h4>\r\n            <p>Use a realistic image that fits the idea of rushed choices, everyday judgment, and frontline responsibility.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"floating-stat floaty\">\r\n          <h4>One click matters<\/h4>\r\n          <p>The smallest human decision can expose the largest organisational weakness.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"panel\">\r\n        <h3>Why the weak point is often behavioural<\/h3>\r\n        <p>Most serious incidents start with an action that looked ordinary in the moment. That is why culture, habit, and decision-making matter as much as controls and systems.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"culture-section\">\r\n    <div class=\"cyber-wrap reveal\">\r\n      <div class=\"culture-layout\">\r\n\r\n        <div class=\"tall-card\">\r\n          <div class=\"icon\">01<\/div>\r\n          <h2>Cyber-responsible culture<\/h2>\r\n          <p>At SKILLhill, we help organisations build cyber-responsible cultures that strengthen trust and meet modern ESG expectations.<\/p>\r\n          <p>We do not treat cyber security as a policy sitting somewhere in the background. We help make it part of leadership, behaviour, and everyday choices.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"stack-cards\">\r\n          <div class=\"mini-card\">\r\n            <h3>Leadership alignment<\/h3>\r\n            <p>Shared understanding at the top, so responsibility does not fragment across functions.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"mini-card\">\r\n            <h3>Practical training<\/h3>\r\n            <p>Real-world guidance that helps people make better choices under pressure, not just pass awareness modules.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"mini-card\">\r\n            <h3>Clear operating models<\/h3>\r\n            <p>Defined roles, expectations, and escalation logic so good intent becomes disciplined action.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"image-sections\">\r\n    <div class=\"cyber-wrap image-grid reverse reveal\">\r\n      <div class=\"panel\">\r\n        <h3>What a cyber-responsible culture looks like<\/h3>\r\n        <p>It looks like leaders reinforcing the same expectations, teams recognising risk earlier, and people feeling responsible for protection instead of assuming someone else owns it.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"image-spot-wrap\">\r\n        <div class=\"image-spot-shell\">\r\n          <img decoding=\"async\" class=\"img-spot-4\" src=\"https:\/\/skillhill.000.fi\/wp-content\/uploads\/2026\/02\/Asiantuntijat-konesalissa.webp\" alt=\"Cyber culture and team responsibility\">\r\n          <div class=\"badge-pill\">Image spot 4<\/div>\r\n          <div class=\"image-popup\">\r\n            <h4>Shared responsibility<\/h4>\r\n            <p>Ideal for a culture, collaboration, or team accountability image showing security as part of normal work.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"operating-band\">\r\n    <div class=\"cyber-wrap reveal\">\r\n      <div class=\"operating-box\">\r\n        <div class=\"operating-head\">\r\n          <h2>How SKILLhill Helps<\/h2>\r\n          <p>We have the right people and the right skills to turn cyber security from a policy into a shared, sustainable practice.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"operating-grid\">\r\n          <div class=\"operating-pill\">Leadership alignment<\/div>\r\n          <div class=\"operating-pill\">Practical training<\/div>\r\n          <div class=\"operating-pill\">Clear operating models<\/div>\r\n          <div class=\"operating-pill\">Everyday behaviours that stick<\/div>\r\n          <div class=\"operating-pill\">Accountability across the organisation<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"image-sections\">\r\n    <div class=\"cyber-wrap image-grid reveal\">\r\n      <div class=\"image-spot-wrap\">\r\n        <div class=\"image-spot-shell\">\r\n          <img decoding=\"async\" class=\"img-spot-5\" src=\"https:\/\/skillhill.000.fi\/wp-content\/uploads\/2026\/03\/Coach-5-6.webp\" alt=\"Cyber operating model and training\">\r\n          <div class=\"badge-pill\">Image spot 5<\/div>\r\n          <div class=\"image-popup\">\r\n            <h4>Training into practice<\/h4>\r\n            <p>Best for a scene showing practical enablement, cyber drills, or people learning how to make better decisions under pressure.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"floating-stat floaty-slow\">\r\n          <h4>Behaviour that sticks<\/h4>\r\n          <p>Policies matter only when people can turn them into repeatable, reliable routines.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"panel\">\r\n        <h3>Why operating models matter<\/h3>\r\n        <p>Strong cyber culture needs more than awareness. It needs clear roles, working routines, escalation paths, and repeated practice so the right response becomes normal under pressure.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"trust-close\" id=\"trust\">\r\n    <div class=\"cyber-wrap reveal\">\r\n      <div class=\"trust-panel\">\r\n        <div class=\"trust-inner\">\r\n          <div>\r\n            <h2>Technology can block attacks. But only people can prevent them.<\/h2>\r\n            <p>If cyber security is going to be credible, it must become visible in the culture, in leadership decisions, and in everyday behavior across the whole organisation.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"trust-actions\">\r\n            <a href=\"#\" class=\"btn-white\">Start the conversation<\/a>\r\n            <a href=\"#esg\" class=\"btn-ghost\">Review the ESG case<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <div class=\"footer\">\r\n    <div class=\"cyber-wrap\">\r\n      <div class=\"footer-line\">\r\n        <p>\u00a9 2026 SKILLhill<\/p>\r\n        <div class=\"footer-links\">\r\n          <a href=\"#\">Cyber Responsibility<\/a>\r\n          <a href=\"#\">Leadership<\/a>\r\n          <a href=\"#\">ESG<\/a>\r\n          <a href=\"#\">Trust<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n(function(){\r\n  const els = document.querySelectorAll('.reveal');\r\n  if (!('IntersectionObserver' in window)) {\r\n    els.forEach(el =&gt; el.classList.add('visible'));\r\n    return;\r\n  }\r\n  const obs = new IntersectionObserver((entries)=&gt;{\r\n    entries.forEach(entry=&gt;{\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add('visible');\r\n      }\r\n    });\r\n  }, {threshold:0.12});\r\n  els.forEach(el =&gt; obs.observe(el));\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<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":7539,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-7594","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/pages\/7594","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=7594"}],"version-history":[{"count":11,"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/pages\/7594\/revisions"}],"predecessor-version":[{"id":8096,"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/pages\/7594\/revisions\/8096"}],"up":[{"embeddable":true,"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/pages\/7539"}],"wp:attachment":[{"href":"https:\/\/skillhill.000.fi\/fi\/wp-json\/wp\/v2\/media?parent=7594"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}