/* Algemene kleuren */
:root {
    --pincer-blue: #0066ff;
    --pincer-purple: #6b00f5;
}

/* Hero */
.hero {
    height: 100vh;
    background: linear-gradient(135deg, var(--pincer-blue), var(--pincer-purple));
    padding-top: 80px;
}

/* Navbar */
.logo {
    font-size: 1.5rem;
    letter-spacing: 0.5px;
}

/* Services */
.service-box {
    transition: transform .3s, box-shadow .3s;
}
.service-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

/* Cases */
.case {
    background: #fff;
}

a {
    text-decoration: none;
    color: #000;
}


/* Footer */
footer {
    background: #111;
}