<!DOCTYPE html>

<head>

<title>CrashPlan — Säkerhetskopiering för Microsoft 365 & Google Workspace</title>

<style>

:root {

--ink: #0D1117;

--ink-muted: #3D4A5C;

--ink-light: #6B7A90;

--surface: #F4F6F9;

--surface-2: #EAEEF4;

--white: #FFFFFF;

--blue: #1B4FD8;

--blue-dark: #0F3299;

--blue-light: #EBF0FD;

--blue-mid: #3A6AE8;

--teal: #00B8A2;

--amber: #F59E0B;

--red: #E53E3E;

--green: #22C55E;

--border: #D8E0EC;

--shadow-sm: 0 1px 3px rgba(13,17,23,0.08);

--shadow-md: 0 4px 20px rgba(13,17,23,0.10);

--shadow-lg: 0 12px 40px rgba(13,17,23,0.14);

}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {

font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;

font-size: 16px;

line-height: 1.65;

color: var(–ink);

background: var(–white);

-webkit-font-smoothing: antialiased;

}

h1, h2, h3, h4 {

font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;

font-weight: 700;

line-height: 1.15;

letter-spacing: -0.02em;

}

/* NAV */

nav {

position: sticky;

top: 0;

z-index: 100;

background: rgba(255,255,255,0.95);

backdrop-filter: blur(12px);

border-bottom: 1px solid var(–border);

padding: 0 5%;

display: flex;

align-items: center;

justify-content: space-between;

height: 64px;

}

.nav-logo {

font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;

font-weight: 700;

font-size: 1.2rem;

color: var(–blue);

letter-spacing: -0.03em;

text-decoration: none;

display: flex;

align-items: center;

gap: 8px;

}

.nav-logo span {

display: inline-block;

width: 28px;

height: 28px;

background: var(–blue);

border-radius: 7px;

position: relative;

}

.nav-logo span::after {

content: ‘’;

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%,-50%);

width: 14px;

height: 14px;

border: 2.5px solid white;

border-radius: 50%;

}

.nav-links {

display: flex;

gap: 32px;

list-style: none;

}

.nav-links a {

text-decoration: none;

color: var(–ink-muted);

font-size: 0.9rem;

font-weight: 500;

transition: color 0.2s;

}

.nav-links a:hover { color: var(–blue); }

.nav-cta {

display: flex;

gap: 12px;

align-items: center;

}

/* BUTTONS */

.btn {

display: inline-flex;

align-items: center;

gap: 8px;

padding: 12px 24px;

border-radius: 8px;

font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;

font-weight: 500;

font-size: 0.95rem;

text-decoration: none;

cursor: pointer;

border: none;

transition: all 0.2s;

}

.btn-primary {

background: var(–blue);

color: white;

box-shadow: 0 2px 8px rgba(27,79,216,0.35);

}

.btn-primary:hover {

background: var(–blue-dark);

box-shadow: 0 4px 16px rgba(27,79,216,0.45);

transform: translateY(-1px);

}

.btn-ghost {

background: transparent;

color: var(–blue);

border: 1.5px solid var(–blue);

}

.btn-ghost:hover { background: var(–blue-light); }

.btn-white {

background: white;

color: var(–blue);

font-weight: 600;

box-shadow: 0 2px 12px rgba(0,0,0,0.15);

}

.btn-white:hover {

transform: translateY(-1px);

box-shadow: 0 4px 20px rgba(0,0,0,0.2);

}

.btn-lg {

padding: 16px 32px;

font-size: 1rem;

border-radius: 10px;

}

/* SECTIONS */

section { padding: 96px 5%; }

.container {

max-width: 1100px;

margin: 0 auto;

}

.section-label {

display: inline-block;

font-size: 0.75rem;

font-weight: 600;

letter-spacing: 0.12em;

text-transform: uppercase;

color: var(–blue);

background: var(–blue-light);

padding: 4px 12px;

border-radius: 100px;

margin-bottom: 20px;

}

/* HERO */

.hero {

padding: 0 5%;

min-height: 88vh;

display: flex;

align-items: center;

background: var(–ink);

position: relative;

overflow: hidden;

}

.hero-bg {

position: absolute;

inset: 0;

background:

radial-gradient(ellipse 60% 50% at 70% 40%, rgba(27,79,216,0.35) 0%, transparent 70%),

radial-gradient(ellipse 40% 40% at 20% 80%, rgba(0,184,162,0.15) 0%, transparent 60%);

}

.hero-grid {

position: absolute;

inset: 0;

background-image:

linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),

linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);

background-size: 60px 60px;

}

.hero-content {

position: relative;

z-index: 2;

max-width: 700px;

}

.hero-badge {

display: inline-flex;

align-items: center;

gap: 8px;

background: rgba(255,255,255,0.08);

border: 1px solid rgba(255,255,255,0.15);

border-radius: 100px;

padding: 6px 16px 6px 8px;

margin-bottom: 32px;

color: rgba(255,255,255,0.8);

font-size: 0.82rem;

font-weight: 500;

}

.hero-badge-dot {

width: 8px;

height: 8px;

background: var(–teal);

border-radius: 50%;

box-shadow: 0 0 8px var(–teal);

animation: pulse 2s infinite;

}

@keyframes pulse {

0%, 100% { opacity: 1; box-shadow: 0 0 8px var(–teal); }

50% { opacity: 0.6; box-shadow: 0 0 16px var(–teal); }

}

.hero h1 {

font-size: clamp(2.4rem, 5vw, 3.8rem);

font-weight: 700;

color: white;

margin-bottom: 24px;

line-height: 1.1;

}

.hero h1 em {

font-style: normal;

color: var(–teal);

}

.hero-sub {

font-size: 1.15rem;

color: rgba(255,255,255,0.65);

max-width: 580px;

margin-bottom: 40px;

font-weight: 300;

line-height: 1.7;

}

.hero-ctas {

display: flex;

gap: 16px;

align-items: center;

flex-wrap: wrap;

margin-bottom: 56px;

}

.hero-note {

font-size: 0.8rem;

color: rgba(255,255,255,0.4);

}

.hero-stats {

display: flex;

gap: 48px;

flex-wrap: wrap;

}

.hero-stat strong {

display: block;

font-size: 2rem;

font-weight: 700;

color: white;

letter-spacing: -0.03em;

}

.hero-stat span {

font-size: 0.82rem;

color: rgba(255,255,255,0.5);

font-weight: 300;

}

/* PROBLEM */

.problem {

background: var(–surface);

border-top: 1px solid var(–border);

border-bottom: 1px solid var(–border);

}

.problem-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 48px;

align-items: center;

}

.problem h2 {

font-size: clamp(1.8rem, 3vw, 2.6rem);

font-weight: 700;

margin-bottom: 20px;

}

.problem-lead {

font-size: 1.05rem;

color: var(–ink-muted);

margin-bottom: 32px;

line-height: 1.7;

}

.problem-cards {

display: flex;

flex-direction: column;

gap: 14px;

}

.problem-card {

background: white;

border: 1px solid var(–border);

border-radius: 12px;

padding: 18px 20px;

display: flex;

gap: 16px;

align-items: flex-start;

box-shadow: var(–shadow-sm);

transition: box-shadow 0.2s, transform 0.2s;

}

.problem-card:hover {

box-shadow: var(–shadow-md);

transform: translateY(-2px);

}

.problem-icon {

width: 40px;

height: 40px;

border-radius: 10px;

display: flex;

align-items: center;

justify-content: center;

font-size: 1.1rem;

flex-shrink: 0;

}

.problem-card h4 {

font-size: 0.95rem;

font-weight: 700;

margin-bottom: 4px;

}

.problem-card p {

font-size: 0.875rem;

color: var(–ink-muted);

line-height: 1.55;

}

/* RESTORE SPEED */

.restore {

background: var(–ink);

color: white;

position: relative;

overflow: hidden;

}

.restore::before {

content: ‘’;

position: absolute;

top: -100px;

right: -100px;

width: 500px;

height: 500px;

background: radial-gradient(circle, rgba(27,79,216,0.25) 0%, transparent 70%);

pointer-events: none;

}

.restore-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 80px;

align-items: center;

}

.restore h2 {

font-size: clamp(1.8rem, 3vw, 2.6rem);

font-weight: 700;

margin-bottom: 20px;

color: white;

}

.restore-lead {

color: rgba(255,255,255,0.65);

font-size: 1.05rem;

margin-bottom: 36px;

line-height: 1.7;

}

.restore-metrics {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 16px;

margin-bottom: 32px;

}

.metric-card {

background: rgba(255,255,255,0.06);

border: 1px solid rgba(255,255,255,0.1);

border-radius: 12px;

padding: 20px;

}

.metric-card strong {

display: block;

font-size: 1.9rem;

font-weight: 700;

color: var(–teal);

letter-spacing: -0.03em;

}

.metric-card span {

font-size: 0.82rem;

color: rgba(255,255,255,0.5);

}

.restore-features {

display: flex;

flex-direction: column;

gap: 16px;

}

.restore-feature {

display: flex;

gap: 14px;

align-items: flex-start;

}

.check {

width: 22px;

height: 22px;

background: rgba(0,184,162,0.15);

border: 1px solid rgba(0,184,162,0.3);

border-radius: 50%;

display: flex;

align-items: center;

justify-content: center;

flex-shrink: 0;

margin-top: 2px;

font-size: 0.65rem;

color: var(–teal);

}

.restore-feature p {

font-size: 0.95rem;

color: rgba(255,255,255,0.7);

line-height: 1.6;

}

.restore-feature p strong { color: white; font-weight: 600; }

/* SPEED VISUAL */

.speed-visual {

background: rgba(255,255,255,0.04);

border: 1px solid rgba(255,255,255,0.08);

border-radius: 16px;

padding: 32px;

}

.speed-title {

font-size: 0.75rem;

text-transform: uppercase;

letter-spacing: 0.1em;

color: rgba(255,255,255,0.4);

margin-bottom: 28px;

font-weight: 600;

}

.speed-row { margin-bottom: 20px; }

.speed-label {

display: flex;

justify-content: space-between;

font-size: 0.85rem;

margin-bottom: 8px;

color: rgba(255,255,255,0.7);

}

.speed-label strong { color: white; }

.speed-label span { color: rgba(255,255,255,0.4); }

.speed-bar-track {

height: 8px;

background: rgba(255,255,255,0.08);

border-radius: 100px;

overflow: hidden;

}

.speed-bar {

height: 100%;

border-radius: 100px;

animation: growBar 1.2s ease-out forwards;

transform-origin: left;

}

@keyframes growBar { from { width: 0; } }

.bar-crashplan { background: linear-gradient(90deg, var(–teal), #00D4BB); width: 90%; }

.bar-native { background: rgba(255,255,255,0.2); width: 22%; animation-delay: 0.2s; }

.bar-other { background: rgba(255,255,255,0.2); width: 45%; animation-delay: 0.1s; }

.speed-note {

margin-top: 24px;

padding-top: 20px;

border-top: 1px solid rgba(255,255,255,0.08);

font-size: 0.8rem;

color: rgba(255,255,255,0.35);

font-style: italic;

}

/* ARCHIVING */

.archiving { background: white; }

.archiving h2 {

font-size: clamp(1.8rem, 3vw, 2.6rem);

font-weight: 700;

margin-bottom: 20px;

max-width: 680px;

}

.archiving-lead {

font-size: 1.05rem;

color: var(–ink-muted);

max-width: 680px;

margin-bottom: 56px;

line-height: 1.7;

}

.archiving-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 24px;

margin-bottom: 48px;

}

.arch-card {

border: 1px solid var(–border);

border-radius: 14px;

padding: 28px;

background: var(–surface);

transition: all 0.2s;

position: relative;

overflow: hidden;

}

.arch-card::before {

content: ‘’;

position: absolute;

top: 0; left: 0; right: 0;

height: 3px;

background: var(–blue);

transform: scaleX(0);

transition: transform 0.25s;

transform-origin: left;

}

.arch-card:hover::before { transform: scaleX(1); }

.arch-card:hover { box-shadow: var(–shadow-md); transform: translateY(-3px); }

.arch-icon { font-size: 1.6rem; margin-bottom: 16px; display: block; }

.arch-card h4 { font-size: 1rem; font-weight: 700; margin-bottom: 10px; }

.arch-card p { font-size: 0.875rem; color: var(–ink-muted); line-height: 1.6; }

.archiving-callout {

background: var(–blue-light);

border: 1px solid rgba(27,79,216,0.15);

border-radius: 14px;

padding: 28px 32px;

display: flex;

gap: 20px;

align-items: flex-start;

}

.archiving-callout-icon { font-size: 1.6rem; flex-shrink: 0; }

.archiving-callout h4 {

font-size: 1rem;

font-weight: 700;

color: var(–blue-dark);

margin-bottom: 6px;

}

.archiving-callout p { font-size: 0.9rem; color: var(–ink-muted); line-height: 1.6; }

/* COST SAVINGS */

.costs {

background: var(–surface);

border-top: 1px solid var(–border);

border-bottom: 1px solid var(–border);

}

.costs h2 {

font-size: clamp(1.8rem, 3vw, 2.6rem);

font-weight: 700;

margin-bottom: 20px;

max-width: 700px;

}

.costs-lead {

font-size: 1.05rem;

color: var(–ink-muted);

max-width: 680px;

margin-bottom: 56px;

line-height: 1.7;

}

.comparison-table {

width: 100%;

border-collapse: collapse;

border-radius: 14px;

overflow: hidden;

box-shadow: var(–shadow-md);

margin-bottom: 48px;

font-size: 0.9rem;

}

.comparison-table thead tr { background: var(–ink); color: white; }

.comparison-table thead th {

padding: 18px 24px;

text-align: left;

font-weight: 700;

font-size: 0.9rem;

letter-spacing: -0.01em;

}

.comparison-table thead th:not(:first-child) { text-align: center; }

.comparison-table thead th.highlight { background: var(–blue); color: white; }

.comparison-table tbody tr {

background: white;

border-bottom: 1px solid var(–border);

transition: background 0.15s;

}

.comparison-table tbody tr:hover { background: var(–blue-light); }

.comparison-table tbody td {

padding: 15px 24px;

color: var(–ink-muted);

vertical-align: middle;

}

.comparison-table tbody td:first-child { font-weight: 500; color: var(–ink); }

.comparison-table tbody td:not(:first-child) { text-align: center; }

.comparison-table tbody td.highlight {

background: rgba(27,79,216,0.04);

color: var(–blue-dark);

font-weight: 600;

}

.tick { color: var(–green); font-size: 1.1rem; }

.cross { color: var(–red); font-size: 1rem; opacity: 0.6; }

.partial { color: var(–amber); font-size: 0.8rem; font-weight: 600; }

.costs-callouts {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 24px;

}

.cost-callout {

background: white;

border: 1px solid var(–border);

border-radius: 14px;

padding: 28px;

text-align: center;

box-shadow: var(–shadow-sm);

}

.cost-callout strong {

display: block;

font-size: 2.2rem;

font-weight: 700;

color: var(–blue);

letter-spacing: -0.04em;

margin-bottom: 6px;

}

.cost-callout p { font-size: 0.875rem; color: var(–ink-muted); line-height: 1.55; }

/* ROI CALCULATOR */

.calculator { background: white; }

.calculator h2 {

font-size: clamp(1.8rem, 3vw, 2.6rem);

font-weight: 700;

margin-bottom: 16px;

max-width: 600px;

}

.calculator-lead {

font-size: 1.05rem;

color: var(–ink-muted);

max-width: 580px;

margin-bottom: 48px;

line-height: 1.7;

}

.calc-shell {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 0;

border: 1px solid var(–border);

border-radius: 16px;

overflow: hidden;

box-shadow: var(–shadow-md);

}

.calc-inputs {

padding: 40px;

background: var(–surface);

border-right: 1px solid var(–border);

}

.calc-inputs h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 28px; color: var(–ink); }

.calc-field { margin-bottom: 24px; }

.calc-field label {

display: block;

font-size: 0.75rem;

font-weight: 600;

color: var(–ink-muted);

margin-bottom: 8px;

text-transform: uppercase;

letter-spacing: 0.05em;

}

.calc-field input, .calc-field select {

width: 100%;

padding: 12px 16px;

border: 1.5px solid var(–border);

border-radius: 8px;

font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;

font-size: 1rem;

color: var(–ink);

background: white;

outline: none;

transition: border-color 0.2s;

-webkit-appearance: none;

}

.calc-field input:focus, .calc-field select:focus {

border-color: var(–blue);

box-shadow: 0 0 0 3px rgba(27,79,216,0.1);

}

.calc-field input[type=“range”] {

padding: 0; border: none; box-shadow: none;

cursor: pointer; accent-color: var(–blue); height: 4px;

}

.calc-field .range-value {

font-size: 0.85rem; color: var(–blue); font-weight: 600; margin-top: 6px; display: block;

}

.calc-results {

padding: 40px;

background: var(–ink);

color: white;

display: flex;

flex-direction: column;

}

.calc-results h3 {

font-size: 0.75rem;

font-weight: 600;

color: rgba(255,255,255,0.6);

margin-bottom: 28px;

text-transform: uppercase;

letter-spacing: 0.08em;

}

.result-big { margin-bottom: 32px; }

.result-big label {

font-size: 0.8rem;

color: rgba(255,255,255,0.45);

display: block;

margin-bottom: 6px;

text-transform: uppercase;

letter-spacing: 0.08em;

}

.result-big .result-num {

font-size: 2.8rem;

font-weight: 700;

color: var(–teal);

letter-spacing: -0.04em;

line-height: 1;

}

.result-big .result-sub {

font-size: 0.82rem;

color: rgba(255,255,255,0.4);

margin-top: 6px;

font-style: italic;

}

.result-rows { display: flex; flex-direction: column; gap: 14px; flex: 1; }

.result-row {

display: flex;

justify-content: space-between;

align-items: center;

font-size: 0.88rem;

padding-bottom: 14px;

border-bottom: 1px solid rgba(255,255,255,0.07);

}

.result-row:last-child { border-bottom: none; padding-bottom: 0; }

.result-row span { color: rgba(255,255,255,0.55); }

.result-row strong { color: white; font-weight: 600; }

.calc-cta {

margin-top: 28px;

padding-top: 24px;

border-top: 1px solid rgba(255,255,255,0.1);

}

.calc-cta p { font-size: 0.8rem; color: rgba(255,255,255,0.4); margin-bottom: 12px; }

/* EASE OF USE */

.ease {

background: var(–surface);

border-top: 1px solid var(–border);

}

.ease h2 {

font-size: clamp(1.8rem, 3vw, 2.6rem);

font-weight: 700;

margin-bottom: 20px;

max-width: 700px;

}

.ease-lead {

font-size: 1.05rem;

color: var(–ink-muted);

max-width: 680px;

margin-bottom: 56px;

line-height: 1.7;

}

.ease-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 32px;

margin-bottom: 48px;

}

.ease-card {

background: white;

border: 1px solid var(–border);

border-radius: 14px;

padding: 32px;

box-shadow: var(–shadow-sm);

transition: all 0.2s;

}

.ease-card:hover { box-shadow: var(–shadow-md); transform: translateY(-3px); }

.ease-num {

font-size: 3rem;

font-weight: 700;

color: var(–surface-2);

letter-spacing: -0.05em;

line-height: 1;

margin-bottom: 12px;

}

.ease-card h4 { font-size: 1.05rem; font-weight: 700; margin-bottom: 10px; }

.ease-card p { font-size: 0.9rem; color: var(–ink-muted); line-height: 1.65; }

.ease-bottom {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 20px;

}

.ease-stat {

background: white;

border: 1px solid var(–border);

border-radius: 12px;

padding: 24px;

text-align: center;

box-shadow: var(–shadow-sm);

}

.ease-stat strong {

display: block;

font-size: 1.8rem;

font-weight: 700;

color: var(–blue);

letter-spacing: -0.04em;

margin-bottom: 6px;

}

.ease-stat p { font-size: 0.82rem; color: var(–ink-muted); line-height: 1.4; }

/* PLATFORM COVERAGE */

.coverage {

background: white;

border-top: 1px solid var(–border);

}

.coverage h2 {

font-size: clamp(1.8rem, 3vw, 2.6rem);

font-weight: 700;

margin-bottom: 16px;

max-width: 600px;

}

.coverage-lead {

font-size: 1.05rem;

color: var(–ink-muted);

max-width: 600px;

margin-bottom: 48px;

line-height: 1.7;

}

.platform-grid {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 24px;

}

.platform-card {

border: 1px solid var(–border);

border-radius: 16px;

overflow: hidden;

box-shadow: var(–shadow-sm);

}

.platform-header {

padding: 24px 28px;

display: flex;

align-items: center;

gap: 14px;

}

.platform-header.m365 { background: #EBF3FF; }

.platform-header.gws { background: #FEF9E7; }

.platform-logo {

width: 44px;

height: 44px;

border-radius: 10px;

display: flex;

align-items: center;

justify-content: center;

font-size: 1.4rem;

}

.platform-logo.m365 { background: #0078D4; }

.platform-logo.gws { background: white; border: 1px solid #E0E0E0; }

.platform-header h3 { font-size: 1.05rem; font-weight: 700; }

.platform-header p { font-size: 0.8rem; color: var(–ink-muted); margin-top: 2px; }

.platform-items { padding: 24px 28px; display: flex; flex-direction: column; gap: 12px; }

.platform-item {

display: flex;

align-items: center;

gap: 12px;

font-size: 0.9rem;

color: var(–ink-muted);

}

.platform-item-icon {

width: 32px;

height: 32px;

border-radius: 8px;

background: var(–surface);

display: flex;

align-items: center;

justify-content: center;

font-size: 0.9rem;

flex-shrink: 0;

}

/* SOCIAL PROOF */

.proof {

background: var(–ink);

color: white;

text-align: center;

}

.proof h2 {

font-size: clamp(1.6rem, 3vw, 2.2rem);

font-weight: 700;

color: white;

margin-bottom: 12px;

}

.proof-sub {

color: rgba(255,255,255,0.5);

margin-bottom: 56px;

font-size: 1rem;

max-width: 500px;

margin-left: auto;

margin-right: auto;

}

.proof-grid {

display: grid;

grid-template-columns: repeat(3, 1fr);

gap: 24px;

margin-bottom: 64px;

}

.proof-card {

background: rgba(255,255,255,0.05);

border: 1px solid rgba(255,255,255,0.09);

border-radius: 14px;

padding: 32px;

text-align: left;

}

.proof-stars { color: var(–amber); font-size: 0.9rem; margin-bottom: 16px; letter-spacing: 2px; }

.proof-quote {

font-size: 0.95rem;

color: rgba(255,255,255,0.75);

line-height: 1.7;

font-style: italic;

margin-bottom: 20px;

}

.proof-author { font-size: 0.82rem; color: rgba(255,255,255,0.4); }

.proof-author strong { display: block; color: rgba(255,255,255,0.7); font-weight: 600; font-style: normal; }

.proof-logos {

display: flex;

gap: 40px;

align-items: center;

justify-content: center;

flex-wrap: wrap;

padding-top: 40px;

border-top: 1px solid rgba(255,255,255,0.08);

}

.proof-logo {

font-weight: 700;

font-size: 0.9rem;

color: rgba(255,255,255,0.25);

letter-spacing: 0.05em;

text-transform: uppercase;

}

/* FINAL CTA */

.final-cta {

background: linear-gradient(135deg, var(–blue) 0%, var(–blue-dark) 100%);

color: white;

text-align: center;

padding: 96px 5%;

position: relative;

overflow: hidden;

}

.final-cta::before {

content: ‘’;

position: absolute;

inset: 0;

background:

radial-gradient(ellipse 50% 80% at 20% 50%, rgba(255,255,255,0.07) 0%, transparent 60%),

radial-gradient(ellipse 40% 60% at 80% 40%, rgba(0,184,162,0.15) 0%, transparent 60%);

}

.final-cta-content {

position: relative;

z-index: 2;

max-width: 640px;

margin: 0 auto;

}

.final-cta h2 {

font-size: clamp(2rem, 4vw, 3rem);

font-weight: 700;

color: white;

margin-bottom: 16px;

}

.final-cta p {

color: rgba(255,255,255,0.7);

font-size: 1.05rem;

margin-bottom: 40px;

line-height: 1.7;

}

.final-cta-btns {

display: flex;

gap: 16px;

justify-content: center;

flex-wrap: wrap;

margin-bottom: 24px;

}

.final-cta-note { font-size: 0.82rem; color: rgba(255,255,255,0.4); }

/* FOOTER */

footer {

background: var(–ink);

color: rgba(255,255,255,0.4);

padding: 40px 5%;

display: flex;

justify-content: space-between;

align-items: center;

border-top: 1px solid rgba(255,255,255,0.06);

font-size: 0.82rem;

}

.footer-links { display: flex; gap: 24px; }

.footer-links a {

color: rgba(255,255,255,0.4);

text-decoration: none;

transition: color 0.2s;

}

.footer-links a:hover { color: rgba(255,255,255,0.7); }

/* ANIMATION */

.fade-up {

opacity: 0;

transform: translateY(24px);

animation: fadeUp 0.7s ease forwards;

}

@keyframes fadeUp { to { opacity: 1; transform: translateY(0); } }

.delay-1 { animation-delay: 0.1s; }

.delay-2 { animation-delay: 0.2s; }

.delay-3 { animation-delay: 0.3s; }

.delay-4 { animation-delay: 0.4s; }

.delay-5 { animation-delay: 0.5s; }

@keyframes growBar { from { width: 0; } }

@media (max-width: 768px) {

.problem-grid, .restore-grid, .ease-grid, .platform-grid,

.archiving-grid, .costs-callouts, .ease-bottom, .proof-grid { grid-template-columns: 1fr; }

.restore-metrics { grid-template-columns: 1fr 1fr; }

.calc-shell { grid-template-columns: 1fr; }

.nav-links { display: none; }

.hero-stats { gap: 28px; }

.comparison-table { font-size: 0.8rem; }

.comparison-table thead th, .comparison-table tbody td { padding: 12px 14px; }

}

</style>

</head>

<body>

<nav>

CrashPlan

</a>

<li><a href="#restore">Återställningshastighet</a></li>

<li><a href="#archiving">Arkivering</a></li>

<li><a href="#costs">Kostnadsbesparingar</a></li>

<li><a href="#ease">Enkelhet</a></li>

<li><a href="#coverage">Täckning</a></li>

</ul>

<a class="btn btn-ghost" href="#calculator">Beräkna din ROI</a>

<a class="btn btn-primary" href="#">Testa gratis</a>

</div>

</nav>

Byggd för Microsoft 365 & Google Workspace

</div>

Säkerhetskopiera, återställ och arkivera dina molndata.<br>

<em>Snabbt. Prisvärt. Enkelt.</em>

</h1>

Microsoft och Google skyddar sin infrastruktur — inte dina data. CrashPlan fyller det glapet med blixtsnabba återställningar, smart arkivering och en enda konsol som ditt team faktiskt förstår.

</p>

<a class="btn btn-white btn-lg" href="#">Starta gratis provperiod</a>

</div>

<p class="hero-note fade-up delay-4">Inget kreditkort krävs  ·  Kom igång på under 15 minuter  ·  Ingen utbildning behövs</p>

<span>Återställningshastighet</span>

</div>

<span>Genomsnittlig kostnadsminskning för lagring</span>

</div>

<span>Intervall för återställningspunkter</span>

</div>

<span>Utbildningstimmar som krävs</span>

</div>

</section>

<div>

<div class="section-label">Glappet ingen pratar om</div>

<h2>Dina molndata är inte så skyddade som du tror.</h2>

Microsoft och Google arbetar efter en modell för delat ansvar — de håller igång systemen, men dina data är ditt problem. Raderade e-postmeddelanden, överskrivna filer, ransomware och obehöriga insiders? Inget av det är deras ansvar att åtgärda.

</p>

De inbyggda återställningsverktyg som faktiskt erbjuds är långsamma, ofullständiga och utformade för enkla misstag — inte för affärskontinuitet. För organisationer med 500 till 10 000 användare är detta en allvarlig operationell och efterlevnadsrisk.

</p>

</div>

<div>

<h4>Inbyggda återställningar är plågsamt långsamma</h4>

<p>Microsofts inbyggda återställning kräver manuell IT-hantering för varje förfrågan — och kan ofta inte återställa data fullständigt. En incident kan innebära dagars driftstopp.</p>

</div>

<div>

<h4>Skenande lagringskostnader</h4>

<p>Datavolymerna växer med över 20 % per år. Utan smart arkivering betalar du för aktiv lagring av inaktiv data — och Microsofts överförbrukningsavgifter är oförutsägbara.</p>

</div>

<div>

<h4>Ingen inbyggd långtidsarkivering</h4>

<p>Microsofts och Googles lagringstider är begränsade per design. GDPR och branschregler kräver ofta flerårig lagring — vilket innebär ett separat, kostsamt arkiveringsverktyg.</p>

</div>

<div>

<h4>För många verktyg, för lite överblick</h4>

<p>Säkerhetskopiering, arkivering, juridiskt bevarandeläge och e-discovery spridda över olika plattformar skapar luckor, dubbelarbete och ett IT-team som sträcks till bristningsgränsen.</p>

</div>

</section>

<div>

<div class="section-label" style="background:rgba(0,184,162,0.15); color:var(--teal);">Återställningshastighet</div>

<h2>Tillbaka på minuter.<br>Inte timmar. Inte dagar.</h2>

När dataförlust inträffar — och det kommer att hända — kostar varje minuts driftstopp pengar, produktivitet och förtroende. CrashPlan är konstruerat för hastighet från grunden, byggt på Microsofts obegränsade API så att ingenting bromsar dig.

</p>

<span>Maximal återställningshastighet för M365-postlådor, SharePoint och OneDrive</span>

</div>

<span>Intervall för återställningspunkter — minimerar ditt dataförlusttfönster till nästan ingenting</span>

</div>

<span>Tid för en slutanvändare att hitta och återställa en raderad fil eller e-post på egen hand</span>

</div>

<span>Fullständighet — återställ en enskild fil eller ett helt konto, exakt som det var</span>

</div>

<p><strong>Detaljerad eller fullständig återställning:</strong> Återställ ett enskilt raderat e-postmeddelande, en mapp eller ett helt användarkonto — utan att röra något annat.</p>

</div>

<p><strong>Självbetjäning för slutanvändare:</strong> Användare hittar och återställer sina egna filer via ett enkelt gränssnitt — utan IT-ärende, utan väntetid. IT behåller full kontroll via rollbaserad åtkomst.</p>

</div>

<p><strong>Tidpunktsbaserad återställning:</strong> Återställ data till valfri tidpunkt före en ransomware-attack, oavsiktlig radering eller synkroniseringsfel — inte bara den senaste versionen.</p>

</div>

<p><strong>Flera plattformar på ett ställe:</strong> Återställ från Microsoft 365 och Google Workspace via samma konsol, med samma arbetsflöde.</p>

</div>

<div>

<div class="speed-title">Jämförelse av återställningshastighet — återställning av postlåda på 500 GB</div>

<div class="speed-label"><strong>CrashPlan</strong><span>~15 minuter</span></div>

</div>

<div class="speed-label"><strong>Konkurrent (typisk)</strong><span>~45–90 minuter</span></div>

</div>

<div class="speed-label"><strong>Inbyggda M365-verktyg</strong><span>Timmar till dagar</span></div>

</div>

<div class="speed-note">Illustrativ jämförelse baserad på publicerade genomströmningsvärden. Faktiska tider varierar beroende på miljö och datatyp.</div>

<div class="speed-title">Vad kostar egentligen ett driftstopp?</div>

<span style="color:rgba(255,255,255,0.55);">Genomsnittlig kostnad för ett dataintrång (globalt)</span>

</div>

<span style="color:rgba(255,255,255,0.55);">Genomsnittlig kostnad per timme driftstopp (medelstora företag)</span>

</div>

<span style="color:rgba(255,255,255,0.55);">SaaS-intrång som involverade ransomware (2024)</span>

</div>

</section>

<div class="section-label">Smart arkivering</div>

<h2>Behåll allt du behöver.<br>Betala bara för det som är aktivt.</h2>

De flesta organisationer betalar för att lagra data de sällan rör vid — som om det vore data de använder dagligen. CrashPlans intelligenta arkivering flyttar automatiskt inaktiv data till kostnadseffektiv lagring, utan att göra den otillgänglig eller osökbar.

</p>

<h4>Principbaserad lagring</h4>

<p>Definiera exakt hur länge varje datakategori ska bevaras — per användare, avdelning, datatyp eller regulatoriskt krav. Principerna tillämpas automatiskt, utan manuell granskning.</p>

</div>

<h4>Nivåindelning av inaktiv data</h4>

<p>Data du inte rört på månader flyttas tyst till kostnadseffektiv lagring i bakgrunden. Den förblir helt sökbar och återställningsbar — dina användare märker ingenting.</p>

</div>

<h4>Juridiskt bevarandeläge & e-discovery</h4>

<p>Sätt data i juridiskt bevarandeläge med ett enda klick. Hitta och exportera specifika e-postmeddelanden, filer eller användarkonton för revisioner, HR-ärenden eller juridiska processer — inom samma plattform.</p>

</div>

<h4>Enhetlig M365 + Google Workspace</h4>

<p>En och samma arkiveringsprincipmotor täcker båda plattformarna. Inget separat verktyg för Google Workspace, ingen separat konsol för Microsoft 365 — ett arbetsflöde, ett revisionsspår.</p>

</div>

<h4>GDPR-kompatibel långtidslagring</h4>

<p>Gå bortom Microsofts och Googles standardlagringstider. Behåll data så länge dina juridiska eller regulatoriska skyldigheter kräver — med alternativ för EU-baserad datalagring inbyggda.</p>

</div>

<h4>Revisionsklara rapporter</h4>

<p>Visa efterlevnad när som helst med centraliserad rapportering om vad som säkerhetskopierats, arkiverats, lagrats i bevarandeläge och vem som har åtkomst — automatiskt genererat.</p>

</div>

<div>

<h4>CrashPlans patenterade OneDrive-lagringssamling — unikt för CrashPlan</h4>

<p>CrashPlan är den enda säkerhetskopieringslösningen som låter dig samla oanvänd OneDrive-lagring från din befintliga Microsoft 365-prenumeration och använda den som ett säkert valv för säkerhetskopiering och arkivering — utan extra lagringskostnad. För många organisationer eliminerar detta ensamt behovet av ytterligare lagerinvesteringar.</p>

</div>

</section>

<div class="section-label">Kostnadsbesparingar</div>

<h2>En plattform. En bråkdel av kostnaden för din nuvarande lösning.</h2>

En genomsnittlig organisation som kör separata verktyg för säkerhetskopiering, arkivering och juridiskt bevarandeläge betalar för tre produkter för att göra det CrashPlan gör i en. Lägg till okontrollerad lagringstillväxt och oförutsägbara överförbrukningsavgifter — och det ekonomiska argumentet för konsolidering är tydligt.

</p>

<thead>

<tr>

<th>Funktion</th>

<th class="highlight">CrashPlan</th>

<th>Traditionell backup + arkiveringslösning</th>

<th>Inbyggda M365 / Google-verktyg</th>

</tr>

</thead>

<tbody>

<tr>

<td>Automatisk säkerhetskopiering — M365 & Google Workspace</td>

<td><span class="partial">Begränsat</span></td>

</tr>

<tr>

<td>Snabb återställning (2 TB/tim)</td>

<td><span class="partial">Varierar</span></td>

</tr>

<tr>

<td>Återställningspunkter var 10:e minut</td>

<td><span class="partial">Dagligen (typiskt)</span></td>

</tr>

<tr>

<td>Självbetjäning för slutanvändare</td>

</tr>

<tr>

<td>Smart arkivering med nivåindelning av inaktiv data</td>

<td><span class="partial">Separat verktyg</span></td>

</tr>

<tr>

<td>Juridiskt bevarandeläge & e-discovery</td>

<td><span class="partial">Separat verktyg</span></td>

<td><span class="partial">Begränsat</span></td>

</tr>

<tr>

<td>Eget eller sammanslagen OneDrive-lagring</td>

</tr>

<tr>

<td>En adminskonsol för alla plattformar</td>

</tr>

<tr>

<td>Förutsägbar prissättning per användare</td>

<td><span class="partial">Ofta lagringsbaserat</span></td>

</tr>

<tr>

<td>EU-datalagring för GDPR-efterlevnad</td>

<td><span class="partial">Varierar</span></td>

<td><span class="partial">Begränsade abonnemang</span></td>

</tr>

</tbody>

</table>

<p>Minskning av kostnader för lagring av säkerhetskopior — genom att välja kostnadseffektiv lagring eller använda befintlig OneDrive-kapacitet</p>

</div>

<p>Konsolidera verktyg för säkerhetskopiering, arkivering och juridiskt bevarandeläge till en enda plattform med en leverantör, ett avtal och en faktura</p>

</div>

<p>Extra lagringskostnad när du sammanslår oanvänd OneDrive-lagring från din befintliga Microsoft 365-prenumeration — patenterat av CrashPlan</p>

</div>

</section>

<div class="section-label">ROI-kalkylator</div>

<h2>Se vad CrashPlan sparar din organisation.</h2>

Justera värdena nedan för att få en uppskattning av din potentiella årliga besparing genom att konsolidera till CrashPlan — inklusive minskade lagringskostnader, konsolidering av verktyg och IT-tid sparad på supportärenden.

</p>

<h3>Din organisation</h3>

<label>Antal användare</label>

<span class="range-value" id="usersVal">1 000 användare</span>

</div>

<label>Nuvarande månadskostnad för backup (€)</label>

</div>

<label>Separat arkiveringsverktyg? (månadsvis €)</label>

</div>

<label>IT-supportärenden för dataåterställning / månad</label>

<span class="range-value" id="ticketsVal">20 ärenden/månad</span>

</div>

<label>Genomsnittlig IT-timkostnad (€)</label>

</div>

<h3>Beräknad årlig besparing</h3>

<label>Total beräknad årlig besparing</label>

<div class="result-sub">Baserat på dina uppgifter — faktiska besparingar kan variera</div>

</div>

<span>Minskning av lagringskostnader (genomsnitt 40%)</span>

</div>

<span>Konsolidering av arkiveringsverktyg</span>

</div>

<span>Sparad IT-tid (självbetjäningsåterställningar)</span>

</div>

<span>Beräknad årskostnad för CrashPlan</span>

</div>

<p>Vill du ha en exakt offert för din organisation?</p>

<a class="btn btn-white" href="#" style="width:100%; justify-content:center;">Begär en personlig offert →</a>

</div>

</section>

<div class="section-label">Enkelhet</div>

<h2>Ditt team vet hur man använder det — från dag ett.</h2>

De flesta backupverktyg för företag är byggda för specialister. CrashPlan är byggt för IT-team som har riktigt arbete att utföra. En enda webbkonsol hanterar allt — och slutanvändare kan återställa sina egna filer utan att någonsin kontakta IT. Inget driftsättningsprojekt. Ingen utbildningsbudget. Ingen konsult behövs.

</p>

<h4>En konsol för allt</h4>

<p>Säkerhetskopiering, återställning, arkivering, juridiskt bevarandeläge och efterlevnadsrapportering — allt hanteras från en enda webbaserad adminkonsol med rollbaserad åtkomst. Du behöver inga separata instrumentpaneler, separata inloggningar eller separat utbildning för varje funktion. Kan du använda en webbläsare kan du administrera CrashPlan.</p>

</div>

<h4>Självbetjäningsåterställning för slutanvändare</h4>

<p>Användare kan hitta och återställa sina egna raderade e-postmeddelanden, filer och mappar via ett enkelt, konsumentvänligt gränssnitt — utan att öppna ett supportärende. IT behåller full synlighet och kontroll via adminkonsolen. Resultatet: färre ärenden, nöjdare användare och IT-tid som frigörs för verkligt arbete.</p>

</div>

<h4>Driftsatt på 15 minuter, inte 15 dagar</h4>

<p>CrashPlan ansluter till Microsoft 365 och Google Workspace via standard-OAuth — inga agenter att driftsätta, ingen infrastruktur att etablera, inget behov av professionella tjänster. Auktorisera kopplingen, konfigurera din princip och säkerhetskopieringen startar omedelbart. De flesta organisationer är fullt operativa samma eftermiddag de registrerar sig.</p>

</div>

<h4>Automatiserade principer — inga manuella kontroller</h4>

<p>När CrashPlan väl är konfigurerat sköter det sig självt. Scheman för säkerhetskopiering, lagringsprinciper, arkiveringsregler och efterlevnadskontroller körs i bakgrunden utan daglig IT-tillsyn. Aviseringar visas bara när åtgärd verkligen behövs — så ditt team aldrig jagar falsklarm eller manuellt verifierar slutförda jobb.</p>

</div>

<p>Genomsnittlig tid för att ansluta din M365- eller Google Workspace-klient och starta din första säkerhetskopiering</p>

</div>

<p>Utbildningstid för personal krävs — adminkonsolen och användarens återställningsgränssnitt är intuitiva by design</p>

</div>

<p>Typisk minskning av IT-supportärenden relaterade till dataåterställning efter att självbetjäning aktiverats</p>

</div>

</section>

<div class="section-label">Vad vi skyddar</div>

<h2>Fullständig täckning för dina molnplattformar.</h2>

CrashPlan säkerhetskopierar allt dina team arbetar i — varje app, varje användare, varje fil — i både Microsoft 365 och Google Workspace.

</p>

<div>

<h3>Microsoft 365</h3>

<p>Fullständig täckning för säkerhetskopiering och återställning</p>

</div>

Exchange Online — e-post, kalendrar, kontakter, uppgifter

</div>

OneDrive for Business — alla filer och versioner

</div>

SharePoint Online — webbplatser, bibliotek och listor

</div>

Microsoft Teams — chattar, kanaler och fillagring

</div>

<div>

<h3>Google Workspace</h3>

<p>Fullständig täckning för säkerhetskopiering och återställning</p>

</div>

Gmail — alla meddelanden, etiketter och bilagor

</div>

Google Drive — Min enhet och delade enheter

</div>

Google Kontakter — all kontaktdata

</div>

Google Kalender — händelser och mötesdata

</div>

</section>

<h2>Betrodd av IT-team i hela Norden.</h2>

<p class="proof-sub">Från finansiella tjänster till teknikföretag — organisationer med 500 till 10 000 användare litar på CrashPlan för att skydda sina molndata.</p>

<p class="proof-quote">„Vi sökte ett alternativ som lät oss utnyttja den OneDrive-lagring vi redan hade. CrashPlan löste det och flera andra problem vi haft med vår tidigare lösning. Det är verkligen en produkt i företagsklass."</p>

<strong>IT-infrastrukturansvarig</strong>

Finansiellt tjänsteföretag, 1 200 användare

</div>

<p class="proof-quote">„Driftsättningen tog en eftermiddag. Vårt team behövde ingen utbildning alls. Under den första veckan återställde slutanvändare redan sina egna filer — vårt antal supportärenden för dataåterställning minskade med mer än hälften."</p>

Teknikföretag, 600 användare

</div>

<p class="proof-quote">„Vi körde separata backup- och arkiveringsverktyg och betalade för båda. Att konsolidera till CrashPlan minskade våra kostnader avsevärt och gjorde vår GDPR-efterlevnadsrevision enkel — allt fanns på ett ställe."</p>

Professionellt tjänsteföretag, 900 användare

</div>

<div class="proof-logo">Microsoft Partner</div>

<div class="proof-logo">GDPR-kompatibel</div>

<div class="proof-logo">EU-datalagring</div>

</div>

</section>

<h2>Skydda dina data.<br>Minska dina kostnader.<br>Börja idag.</h2>

<p>Inget kreditkort krävs. Ingen utbildning behövs. Anslut din Microsoft 365- eller Google Workspace-klient och din första säkerhetskopiering körs inom 15 minuter.</p>

<a class="btn btn-white btn-lg" href="#">Starta gratis provperiod</a>

<a class="btn btn-lg" style="color:rgba(255,255,255,0.85); background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.25);" href="#">Prata med en nordisk specialist →</a>

</div>

<p class="final-cta-note">Frågor? Kontakta oss på nordic@crashplan.com  ·  Tillgänglig på svenska, danska, norska & finska</p>

</div>

<a href="#">Integritetspolicy</a>

<a href="#">Säkerhet</a>

<a href="#">Support</a>

<a href="#">Kontakt</a>

</div>

</footer>

function fmt(n) {

return '€' + Math.round(n).toLocaleString('sv-SE');

}

function calcROI() {

const users = parseInt(document.getElementById('users').value) || 1000;

const backupCost = parseFloat(document.getElementById('backupCost').value) || 0;

const archiveCost = parseFloat(document.getElementById('archiveCost').value) || 0;

const tickets = parseInt(document.getElementById('tickets').value) || 0;

const rate = parseFloat(document.getElementById('hourlyRate').value) || 75;

document.getElementById('usersVal').textContent = users.toLocaleString('sv-SE') + ' användare';

document.getElementById('ticketsVal').textContent = tickets + ' ärenden/månad';

const storageSaving = backupCost * 0.4 * 12;

const archiveSaving = archiveCost * 12;

const itSaving = tickets * 1.5 * rate * 12;

const crashplanCost = users * 1.5 * 12;

const total = storageSaving + archiveSaving + itSaving - crashplanCost;

document.getElementById('storageSaving').textContent = fmt(storageSaving);

document.getElementById('archiveSaving').textContent = fmt(archiveSaving);

document.getElementById('itSaving').textContent = fmt(itSaving);

document.getElementById('crashplanCost').textContent = '~' + fmt(crashplanCost);

document.getElementById('totalSaving').textContent = fmt(Math.max(0, total));

}

calcROI();

</script>

</body>

</html>

CrashPlan Neue Klasse

Skandinavisk partner till Crashplan, OneLogin, GFI och Marketcircle