/* Huisstijl gebaseerd op qr.lichtgolf.nl: #1a6fdb (blauw accent),
   #1a2340 (donkere tekst), #4a5578 (gedempte tekst), #1a7a4a/#34c47c
   (groen accent), #e6f9f0/#f0f6ff (lichte tints), #e0e8f5/#f8faff (kaarten). */

*{box-sizing:border-box}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
    color:#1a2340;
    background:#fff;
}

nav{
    display:flex;align-items:center;justify-content:space-between;
    padding:18px 48px;border-bottom:1px solid #e8eaf0;background:#fff;
    position:sticky;top:0;z-index:100;box-shadow:0 1px 8px rgba(26,35,64,.06);
}
.logo{font-size:20px;font-weight:700;color:#1a6fdb;text-decoration:none}
.logo span{color:#1a2340}
.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{font-size:14px;font-weight:500;color:#4a5578;text-decoration:none;transition:color .2s}
.nav-links a:hover{color:#1a6fdb}
@media(max-width:700px){.nav-links{display:none}}

.hero{
    background:linear-gradient(135deg,#f0f6ff 0%,#e6f9f0 100%);
    padding:72px 20px;text-align:center;
}
.hero h1{font-size:36px;font-weight:800;margin:0 0 16px;color:#1a2340}
.hero h1 span{color:#1a6fdb}
.hero p{font-size:16px;color:#4a5578;max-width:640px;margin:0 auto;line-height:1.7}

main{max-width:960px;margin:0 auto;padding:56px 20px}
main h2{font-size:26px;font-weight:800;color:#1a2340;margin:0 0 20px}
main p{font-size:15px;color:#4a5578;line-height:1.8}

.cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
@media(max-width:700px){.cards{grid-template-columns:1fr}}
.card{
    background:#f8faff;border:1px solid #e0e8f5;border-radius:20px;
    padding:32px;text-decoration:none;color:inherit;
    transition:border-color .2s,transform .2s,box-shadow .2s;
}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 48px rgba(26,111,219,.12);border-color:#1a6fdb}
.card-label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#8a93a6}
.card-title{font-size:20px;font-weight:700;color:#1a2340;margin:8px 0 10px}
.card-desc{font-size:14px;color:#4a5578;line-height:1.6}

.contact-block{
    background:#f8faff;border:1px solid #e0e8f5;border-radius:20px;
    padding:32px;margin-top:24px;
}
.contact-block dt{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#8a93a6;margin-top:16px}
.contact-block dt:first-child{margin-top:0}
.contact-block dd{margin:4px 0 0;font-size:15px;color:#1a2340}
.contact-block a{color:#1a6fdb;text-decoration:none}
.contact-block a:hover{text-decoration:underline}

.site-footer{
    margin-top:24px;padding:32px 20px;text-align:center;
    font-size:12px;color:#8a93a6;border-top:1px solid #e8eaf0;
}
.site-footer a{color:#4a5578;text-decoration:none}
.site-footer a:hover{color:#1a6fdb}