/* Premium minimal overrides: strak, rustig, high-quality */
:root{
  --border:#e8ecf4; --border-strong:#d6dbe6; --muted:#5b667a; --heading:#0e1320; --primary:#2f6df6;
}
/* Header: wit, subtiele scheidslijn, lichte shadow bij scroll */
.site-header{background:#fff;border-bottom:1px solid rgba(17,24,39,.06)}
.site-header.scrolled{box-shadow:0 2px 8px rgba(17,24,39,.05)}
.brand span{color:var(--heading)}
.nav .nav-link{opacity:.9}

/* Layout spacing tweaks */
.container{width:min(1100px,88%)}
.container.narrow{width:min(820px,84%)}
.site-header .container{padding:22px 0}
/* Typografie */
.hero h1{letter-spacing:-0.015em;font-weight:800}
.hero .subtitle{color:var(--muted)}
.hero .actions{margin-top:36px}

/* Hero: gebruik basis gradient + subtiele dotted pattern */
.hero{padding:140px 0 120px}
.hero::before{opacity:.22}
.hero::after{display:none}

/* Buttons: subtiele gradient, strak */
.btn{border-radius:12px;padding:12px 18px}
.btn-primary{background:linear-gradient(180deg,#2f6df6,#2456e9);border:1px solid #2a5fe7;box-shadow:0 6px 16px rgba(47,109,246,.18)}
.btn-primary:hover{background:#2557d6;box-shadow:0 8px 20px rgba(47,109,246,.22);transform:translateY(-1px)}
.btn-outline{background:#fff;border:1px solid var(--border);color:var(--heading)}
.btn-outline:hover{border-color:var(--border-strong);box-shadow:none;transform:none}

/* Intro: behoud blauwe band en curves uit basis, iets minder padding */
.intro{padding:120px 0}
.intro p{font-size:20px}

/* Features: zonder kaarten, puur icon + tekst */
.features{padding:120px 0 180px}
.features .grid{gap:56px 48px}
.feature{padding:0;border:0;background:transparent;box-shadow:none}
.feature:hover{transform:none}
.feature .icon{filter:drop-shadow(0 10px 16px rgba(47,109,246,.20));opacity:1;margin:0 auto 18px}
.feature h3{font-weight:700;margin:10px 0 8px}
.feature p{color:var(--muted);font-size:15px;line-height:1.9}

/* Footer: net en rustig */
.footer{padding:40px 0;background:#fff;color:var(--muted);border-top:1px solid var(--border)}
.footer::before{display:none}
.footer p{font-size:14px;letter-spacing:.01em;opacity:.9}

@media (max-width:900px){
  .hero{padding:104px 0 80px}
  .features{padding:84px 0 96px}
}