/* Dienstenpagina: paginakop, dienstenkaarten 2×2, stappenplan */

.page-hero{position:relative;overflow:hidden;padding:clamp(48px,6vw,88px) 0 clamp(30px,4vw,48px);}
.page-hero__glow{
  position:absolute;top:-120px;right:-100px;width:400px;height:400px;pointer-events:none;
  background:radial-gradient(circle,rgba(1,190,230,.14),rgba(1,190,230,0) 70%);
}
.page-hero__inner{position:relative;max-width:820px;margin:0 auto;text-align:center;}
.page-hero__inner h1{font-size:clamp(34px,5vw,54px);line-height:1.08;margin:0 0 20px;}
.page-hero__inner .lead{max-width:620px;margin:0 auto;}

.services{padding:clamp(20px,3vw,32px) 0 clamp(50px,6vw,80px);}
.services__grid{max-width:1100px;margin:0 auto;}

.service-detail{display:flex;flex-direction:column;padding:clamp(26px,3vw,36px);box-shadow:0 10px 30px rgba(16,15,108,.05);}
.service-detail:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(16,15,108,.10);}
.service-detail__top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px;}
.service-detail__num{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.12em;color:#CBD2DE;}
.icon-box--lg{width:56px;height:56px;border-radius:16px;}
.service-detail h2{font-size:clamp(21px,2.2vw,26px);line-height:1.16;margin:0 0 12px;}
.service-detail p{font-size:16px;line-height:1.65;color:var(--slate);margin:0 0 22px;}
.service-detail .ticks{margin:auto 0 0;padding-top:20px;border-top:1px solid var(--line-soft);}

/* stappenplan */
.steps{position:relative;overflow:hidden;}
.steps__glow{
  position:absolute;bottom:-120px;left:-80px;width:360px;height:360px;pointer-events:none;
  background:radial-gradient(circle,rgba(1,190,230,.28),rgba(1,190,230,0) 70%);
}
.steps .container{position:relative;}
.steps__intro{text-align:center;max-width:600px;margin:0 auto clamp(40px,5vw,60px);}
.steps__intro h2{margin:0;}
.step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius);padding:28px 24px;}
.step__num{
  display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;
  background:var(--cyan);color:var(--navy);font-family:var(--font-display);font-weight:800;font-size:19px;
  margin-bottom:18px;
}
.step h3{margin:0 0 8px;}
.step p{font-size:15px;line-height:1.6;margin:0;}

/* afsluiter */
.closing__inner{max-width:680px;margin:0 auto;text-align:center;}
.closing__inner h2{font-size:clamp(28px,3.6vw,42px);line-height:1.1;margin:0 0 16px;}
.closing__inner .lead{font-size:18px;margin:0 0 30px;}