/* v5: zachte achtergrond, pill-gradients, kaart NL, LinkedIn-icoon */
body{background:#fff linear-gradient(165deg,#FFFFFF 0%,#F6F7FF 38%,#FBF6FC 70%,#F3F6FF 100%) fixed}
.sec-white{background:transparent}
/* pill buttons: subtiele gradient-glans over elke kleur */
.btn,.nav-drop-btn:hover,.nav-links a:hover,.nav-links a[aria-current],.skip,.tags li,.plan .badge,button[type=submit]{background-image:linear-gradient(135deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 52%,rgba(0,0,0,.10) 100%)!important}
.btn-ghost{background-image:linear-gradient(135deg,rgba(45,60,255,.07) 0%,rgba(255,184,224,.16) 100%)!important}
/* LinkedIn in footer */
.li-link{display:inline-flex;align-items:center;gap:.5em}
.li-link svg{width:1.15em;height:1.15em;flex:none;border-radius:3px}
/* Werkgebied-kaart */
.nl-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}
.nl-badge{display:inline-flex;align-items:center;gap:.5em;padding:.45em 1em;border-radius:999px;font-size:.85rem;font-weight:600;color:#2D3CFF;background:linear-gradient(135deg,rgba(45,60,255,.10),rgba(255,184,224,.28));margin-bottom:1.1em}
.nl-badge::before{content:"";width:.55em;height:.55em;border-radius:50%;background:#2D3CFF;box-shadow:0 0 0 4px rgba(45,60,255,.18)}
.nl-copy p{margin-top:1.1em;max-width:34em}
.nl-stage{position:relative;perspective:1400px;padding:10px 0 20px}
.nl-float{transform:rotateX(32deg) rotateZ(-10deg);transform-style:preserve-3d;animation:nlFloat 7s ease-in-out infinite}
.nl-svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;overflow:visible}
.nl-side{fill:#141c8f}
.nl-extrude use:last-child{fill:#1a24b0}
.nl-extrude{filter:drop-shadow(0 18px 18px rgba(7,11,36,.18))}
.nl-top{fill:url(#nlTop);stroke:rgba(255,255,255,.55);stroke-width:1.2}
.nl-shine{fill:url(#nlShine);pointer-events:none}
.nl-dot{fill:#fff;stroke:#FFB8E0;stroke-width:2.5}
.nl-pulse{fill:#FFB8E0;opacity:0;transform-box:fill-box;transform-origin:center;animation:nlPulse 3.2s ease-out infinite;animation-delay:var(--d)}
.nl-pins text{font-weight:600;font-size:15px;fill:#fff;paint-order:stroke;stroke:rgba(7,11,36,.35);stroke-width:3px}
.nl-shadow{position:absolute;left:22%;right:22%;bottom:17%;z-index:-1;height:34px;border-radius:50%;background:radial-gradient(closest-side,rgba(7,11,36,.22),rgba(7,11,36,0));animation:nlShadow 7s ease-in-out infinite}
@keyframes nlFloat{0%,100%{transform:rotateX(32deg) rotateZ(-10deg) translateY(0)}50%{transform:rotateX(32deg) rotateZ(-10deg) translateY(-12px)}}
@keyframes nlShadow{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.9);opacity:.7}}
@keyframes nlPulse{0%{opacity:.75;transform:scale(1)}80%,100%{opacity:0;transform:scale(3.6)}}
.vs-col.irl .big{white-space:nowrap;font-size:clamp(44px,6vw,100px)}
.nl-stage{perspective:none;background:#EEF1FB;border-radius:36px;padding:clamp(24px,4vw,48px)}
.nl-float{transform:none!important;animation:none!important}
.nl-top{fill:#2D3CFF;stroke:none}
.nl-pins text{stroke:none;font-size:14px}
.nl-svg{max-width:440px}
.nl-pins text[text-anchor="end"],.nl-pins g:nth-child(13) text{fill:#070B24}
@media (max-width:860px){.nl-grid{grid-template-columns:1fr}.nl-stage{max-width:440px;margin:0 auto;width:100%}}
@media (prefers-reduced-motion:reduce){.nl-float,.nl-shadow,.nl-pulse{animation:none}}