/* NexON -- de stijl van privacy, opgesloten achter html[data-pagina=privacy].
   Gegenereerd door schil.mjs; pas privacy.css aan, niet dit bestand. */
html[data-pagina=privacy] .goog-te-banner-frame.skiptranslate,html[data-pagina=privacy] .goog-te-gadget{display:none!important}
html[data-pagina=privacy] body{top:0!important}
html[data-pagina=privacy] #google_translate_element{display:none}
html[data-pagina=privacy] .btn{padding:14px 22px;border-radius:999px;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:all .25s ease}
html[data-pagina=privacy] .btn-primary{background:var(--lime);color:#0a0a0a}
html[data-pagina=privacy] .btn-primary:hover{background:var(--lime);box-shadow:0 8px 22px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08) inset}
html[data-pagina=privacy] .btn-ghost{background:var(--bg-3);color:var(--text);border:1px solid var(--line-2)}
html[data-pagina=privacy] .btn-ghost:hover{border-color:var(--line-2);background:var(--bg-2);color:var(--text)}
html[data-pagina=privacy] body.light-mode{--bg:#FAFAF7;--bg-2:#FFFFFF;--bg-3:#F4F4EE;--line:rgba(0,0,0,.08);--line-2:rgba(0,0,0,.14);--text:#0E0E0E;--muted:#54545A;--muted-2:#8A8A92;background:var(--bg);color:var(--text)}
@keyframes fadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
html[data-pagina=privacy] .fade-in{animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) both}
html[data-pagina=privacy] .fade-in.d1{animation-delay:.12s}
html[data-pagina=privacy] .fade-in.d2{animation-delay:.22s}
html[data-pagina=privacy] .fade-in.d3{animation-delay:.32s}
html[data-pagina=privacy] .hero{padding:140px 0 60px;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
html[data-pagina=privacy] .hero::before{content:'';position:absolute;top:-200px;left:50%;width:600px;height:600px;background:radial-gradient(circle,rgba(198,255,0,.07) 0%,transparent 60%);transform:translateX(-50%);pointer-events:none}
html[data-pagina=privacy] .crumbs{font-size:13px;color:var(--muted-2);margin-bottom:28px;position:relative;z-index:1}
html[data-pagina=privacy] .crumbs a{color:var(--muted)}
html[data-pagina=privacy] .crumbs a:hover{color:var(--lime)}
html[data-pagina=privacy] .crumbs .sep{margin:0 8px}
html[data-pagina=privacy] .hero h1{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-2px;font-weight:500;max-width:18ch;position:relative;z-index:1}
html[data-pagina=privacy] .hero .sub{margin-top:18px;color:var(--muted-2);font-size:14px;max-width:50ch;position:relative;z-index:1}
html[data-pagina=privacy] .content{padding:72px 0 100px}
html[data-pagina=privacy] .content-inner{max-width:760px;margin:0 auto;padding:0 32px}
html[data-pagina=privacy] .content h2{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:44px 0 14px;color:var(--text)}
html[data-pagina=privacy] .content h2:first-child{margin-top:0}
html[data-pagina=privacy] .content p{font-size:16px;color:var(--muted);margin-bottom:14px;line-height:1.65}
html[data-pagina=privacy] .content p strong{color:var(--text);font-weight:500}
html[data-pagina=privacy] .content a{color:var(--lime)}
html[data-pagina=privacy] .content a:hover{text-decoration:underline}
html[data-pagina=privacy] .content ul{list-style:none;margin:8px 0 18px;padding:0}
html[data-pagina=privacy] .content ul li{font-size:16px;color:var(--muted);padding:8px 0 8px 22px;position:relative;line-height:1.6}
html[data-pagina=privacy] .content ul li::before{content:'';position:absolute;left:0;top:18px;width:8px;height:8px;border-radius:50%;background:var(--lime)}
html[data-pagina=privacy] .meta-block{border:1px solid var(--line);border-radius:14px;background:var(--bg-2);padding:24px;margin:32px 0;font-size:14px}
html[data-pagina=privacy] .meta-block strong{color:var(--text);font-weight:500;display:inline-block;min-width:140px}
html[data-pagina=privacy] .meta-block div{padding:4px 0;color:var(--muted)}
html[data-pagina=privacy] .hero{background:radial-gradient(ellipse 800px 500px at 70% 0%,rgba(198,255,0,.08),transparent 60%),radial-gradient(ellipse 600px 400px at 20% 100%,rgba(198,255,0,.04),transparent 70%)}
html[data-pagina=privacy] .hero::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(198,255,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(198,255,0,.025) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);pointer-events:none}
html[data-pagina=privacy] .content svg,html[data-pagina=privacy] .meta-block svg{width:14px;height:14px;display:inline-block;vertical-align:middle;flex-shrink:0}
html[data-pagina=privacy] .meta-block a,html[data-pagina=privacy] .content p a{display:inline-flex;align-items:center;gap:6px}
html[data-pagina=privacy] .meta-block a svg,html[data-pagina=privacy] .content p a svg{color:var(--lime)}
html[data-pagina=privacy] .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
html[data-pagina=privacy] .reveal.is-visible{opacity:1;transform:none}
html[data-pagina=privacy] .reveal-fade{opacity:0;transform:none;transition:opacity 1s ease-out;transition-delay:var(--reveal-delay,0ms)}
html[data-pagina=privacy] .reveal-fade.is-visible{opacity:1}
html[data-pagina=privacy] .reveal-scale{opacity:0;transform:scale(.97);transition:opacity .8s ease-out,transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
html[data-pagina=privacy] .reveal-scale.is-visible{opacity:1;transform:none}
html[data-pagina=privacy] img.lazy-fade{opacity:0;transition:opacity .9s ease-out}
html[data-pagina=privacy] img.lazy-fade.loaded{opacity:1}
@media (prefers-reduced-motion:reduce){html[data-pagina=privacy] .reveal,html[data-pagina=privacy] .reveal-fade,html[data-pagina=privacy] .reveal-scale,html[data-pagina=privacy] img.lazy-fade{opacity:1!important;transform:none!important;transition:none!important}}
html[data-pagina=privacy]{--font-display:'Clash Display','General Sans',system-ui,sans-serif;--font-body:'General Sans',system-ui,sans-serif}
html[data-pagina=privacy] h1,html[data-pagina=privacy] h2,html[data-pagina=privacy] h3,html[data-pagina=privacy] .hero-left h1,html[data-pagina=privacy] .section-head h2,html[data-pagina=privacy] .section-head h2 em,html[data-pagina=privacy] .ask,html[data-pagina=privacy] .svc-stats .num,html[data-pagina=privacy] .sol-head h2,html[data-pagina=privacy] .sol-title{font-family:var(--font-display)}
html[data-pagina=privacy] .hero-left h1,html[data-pagina=privacy] .hero-left h1 em,html[data-pagina=privacy] .section-head h2,html[data-pagina=privacy] .sol-head h2{font-weight:400}
html[data-pagina=privacy] .section-head p,html[data-pagina=privacy] .conn-head p{display:none}
html[data-pagina=privacy] h1,html[data-pagina=privacy] h2,html[data-pagina=privacy] h3{text-wrap:balance}
html[data-pagina=privacy]{overflow-x:clip}
html[data-pagina=privacy] section{padding-top:68px!important;padding-bottom:68px!important}
html[data-pagina=privacy] .hero{padding-top:104px!important}
@media(max-width:600px){html[data-pagina=privacy] section{padding-top:52px!important;padding-bottom:52px!important}
html[data-pagina=privacy] .hero{padding-top:92px!important}}
html[data-pagina=privacy] #nx-intro{position:fixed;inset:0;z-index:9999;pointer-events:none;background:transparent}
html[data-pagina=privacy] .nx-shade{position:absolute;left:0;right:0;background:#070708}
html[data-pagina=privacy] .nx-shade.t{top:0;bottom:50%}
html[data-pagina=privacy] .nx-shade.b{top:50%;bottom:0}
html[data-pagina=privacy] .nx-pwr{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);opacity:0;animation:nxF 0.375s ease 0.06s forwards,nxBurst 0.27s cubic-bezier(.6,0,.3,1) 0.63s forwards}
html[data-pagina=privacy] .nx-pwr svg{width:100%;height:100%;overflow:visible}
html[data-pagina=privacy] .nx-rt{fill:none;stroke:rgba(255,255,255,.14);stroke-width:5.5}
html[data-pagina=privacy] .nx-rc{fill:none;stroke:#C6FF00;stroke-width:5.5;stroke-linecap:round;stroke-dasharray:163.4;stroke-dashoffset:163.4;transform:rotate(-90deg);transform-origin:50% 50%;filter:drop-shadow(0 0 6px rgba(198,255,0,.85));animation:nxChg 0.525s cubic-bezier(.4,.05,.2,1) 0.12s forwards}
html[data-pagina=privacy] .nx-ln2{stroke:#C6FF00;stroke-width:5.5;stroke-linecap:round;stroke-dasharray:24;stroke-dashoffset:24;filter:drop-shadow(0 0 6px rgba(198,255,0,.9));animation:nxDl 0.3s ease 0.195s forwards}
html[data-pagina=privacy] .nx-beam{position:absolute;left:50%;top:50%;height:3px;width:108vw;transform:translate(-50%,-50%) scaleX(0);transform-origin:center;will-change:transform;background:#C6FF00;border-radius:3px;box-shadow:0 0 12px #C6FF00,0 0 34px rgba(198,255,0,.9),0 0 64px rgba(198,255,0,.5);animation:nxBeam 0.3s cubic-bezier(.5,0,.2,1) 0.75s forwards,nxFlk 0.105s steps(2) 1.02s 2}
html[data-pagina=privacy] .nx-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(198,255,0,.34),transparent 38%)}
html[data-pagina=privacy] #nx-intro.nx-open .nx-shade.t{animation:nxOpenT 0.57s cubic-bezier(.7,0,.2,1) forwards}
html[data-pagina=privacy] #nx-intro.nx-open .nx-shade.b{animation:nxOpenB 0.57s cubic-bezier(.7,0,.2,1) forwards}
html[data-pagina=privacy] #nx-intro.nx-open .nx-beam{animation:nxBeamF 0.42s ease forwards}
html[data-pagina=privacy] #nx-intro.nx-open .nx-flash{animation:nxFlash 0.45s ease forwards}
html[data-pagina=privacy] #nx-intro.nx-done{opacity:0;transition:opacity 0.45s ease}
@keyframes navboot{0%{filter:brightness(.22) saturate(.4)}22%{filter:brightness(1.7) saturate(1.3) drop-shadow(0 0 11px rgba(198,255,0,.9))}42%{filter:brightness(1.06) drop-shadow(0 0 5px rgba(198,255,0,.5))}100%{filter:brightness(1) drop-shadow(0 0 0 rgba(198,255,0,0))}}
@keyframes navspark{0%,14%{opacity:0;transform:translate(-50%,-50%) scale(.2)}22%{opacity:.95;transform:translate(-50%,-50%) scale(1)}48%{opacity:0;transform:translate(-50%,-50%) scale(2.3)}100%{opacity:0}}
@keyframes navhover{0%{filter:brightness(1)}28%{filter:brightness(1.32) drop-shadow(0 0 9px rgba(198,255,0,.75))}100%{filter:brightness(1)}}
@keyframes navclick{0%{filter:brightness(1.9) saturate(1.3) drop-shadow(0 0 13px rgba(198,255,0,.95));transform:scale(.95)}55%{filter:brightness(1.2)}100%{filter:brightness(1);transform:scale(1)}}
@keyframes nxF{to{opacity:1}}
@keyframes nxChg{to{stroke-dashoffset:0}}
@keyframes nxDl{to{stroke-dashoffset:0}}
@keyframes nxBurst{0%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 8px rgba(198,255,0,.7))}40%{opacity:1;transform:translate(-50%,-50%) scale(1.16);filter:drop-shadow(0 0 34px rgba(198,255,0,.98))}100%{opacity:0;transform:translate(-50%,-50%) scaleX(1.25) scaleY(.05);filter:drop-shadow(0 0 20px rgba(198,255,0,.9))}}
@keyframes nxBeam{to{transform:translate(-50%,-50%) scaleX(1)}}
@keyframes nxFlk{50%{opacity:.45}}
@keyframes nxBeamF{to{opacity:0}}
@keyframes nxFlash{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
@keyframes nxOpenT{to{bottom:100%}}
@keyframes nxOpenB{to{top:100%}}
html[data-pagina=privacy] .hero-panel.nx-hold,html[data-pagina=privacy] .panel.nx-hold{opacity:0!important;animation:none!important}
html[data-pagina=privacy] .hero-panel.nx-build,html[data-pagina=privacy] .panel.nx-build{animation:nxBox 0.51s cubic-bezier(.6,0,.2,1) both!important;will-change:clip-path,opacity}
@keyframes nxBox{0%{opacity:0;clip-path:inset(48% 0 48% 0 round 22px)}55%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0 round 22px)}}
html[data-pagina=privacy] .hero-panel.nx-build .hero-left>*,html[data-pagina=privacy] .hero-panel.nx-build .hero-right .ask,html[data-pagina=privacy] .hero-panel.nx-build .hero-right .ask-btn,html[data-pagina=privacy] .panel.nx-build .h1,html[data-pagina=privacy] .panel.nx-build .hr,html[data-pagina=privacy] .panel.nx-build .lead,html[data-pagina=privacy] .panel.nx-build .qhead,html[data-pagina=privacy] .panel.nx-build .q{opacity:0;transform:translateY(10px);animation:nxIn 0.63s cubic-bezier(.2,.8,.2,1) forwards}
html[data-pagina=privacy] .hero-panel.nx-build .hero-left h1,html[data-pagina=privacy] .panel.nx-build .h1{animation-delay:0.45s}
html[data-pagina=privacy] .hero-panel.nx-build .hero-left .hero-divider,html[data-pagina=privacy] .panel.nx-build .hr{animation-delay:0.555s}
html[data-pagina=privacy] .hero-panel.nx-build .hero-left .hero-lead,html[data-pagina=privacy] .panel.nx-build .lead{animation-delay:0.645s}
html[data-pagina=privacy] .hero-panel.nx-build .hero-right .ask,html[data-pagina=privacy] .panel.nx-build .qhead{animation-delay:0.51s}
html[data-pagina=privacy] .hero-panel.nx-build .hero-right .ask-btn:nth-child(1),html[data-pagina=privacy] .panel.nx-build .q:nth-of-type(1){animation-delay:0.66s}
html[data-pagina=privacy] .hero-panel.nx-build .hero-right .ask-btn:nth-child(2),html[data-pagina=privacy] .panel.nx-build .q:nth-of-type(2){animation-delay:0.75s}
html[data-pagina=privacy] .hero-panel.nx-build .hero-right .ask-btn:nth-child(3),html[data-pagina=privacy] .panel.nx-build .q:nth-of-type(3){animation-delay:0.84s}
html[data-pagina=privacy] .hero-panel.nx-build .hero-right .ask-btn:nth-child(4),html[data-pagina=privacy] .panel.nx-build .q:nth-of-type(4){animation-delay:0.93s}
html[data-pagina=privacy] .hero-panel.nx-build .hero-right .ask-btn:nth-child(5),html[data-pagina=privacy] .panel.nx-build .q:nth-of-type(5){animation-delay:1.02s}
@keyframes nxIn{to{opacity:1;transform:none}}
html[data-pagina=privacy].nx-lock,html[data-pagina=privacy] body.nx-lock{overflow:hidden!important}
@media (prefers-reduced-motion:reduce){html[data-pagina=privacy] .nx-pwr,html[data-pagina=privacy] .nx-rc,html[data-pagina=privacy] .nx-ln2,html[data-pagina=privacy] .nx-beam,html[data-pagina=privacy] .nx-flash{animation:none!important;opacity:0!important}
html[data-pagina=privacy] .hero-panel.nx-build,html[data-pagina=privacy] .panel.nx-build,html[data-pagina=privacy] .hero-panel.nx-build *,html[data-pagina=privacy] .panel.nx-build *{animation:none!important;opacity:1!important;clip-path:none!important;transform:none!important}
html[data-pagina=privacy] #nx-intro .nx-shade{animation:nxAuto 0.375s ease 0.15s forwards!important}
@keyframes nxAuto{to{opacity:0}}}
html[data-pagina=privacy] h1,html[data-pagina=privacy] h2{font-weight:400!important}
html[data-pagina=privacy] h1{font-size:clamp(30px,3.4vw,47px)!important}
html[data-pagina=privacy] h2{font-size:clamp(32px,4.5vw,56px)!important}
html[data-pagina=privacy] .goog-te-banner-frame,html[data-pagina=privacy] .goog-te-gadget,html[data-pagina=privacy] .goog-te-balloon-frame,html[data-pagina=privacy] #goog-gt-tt,html[data-pagina=privacy] .goog-tooltip{display:none!important}
html[data-pagina=privacy] body{top:0!important}
html[data-pagina=privacy] .goog-text-highlight{background:none!important;box-shadow:none!important;color:inherit!important}
html[data-pagina=privacy] #google_translate_element{display:none!important}
html[data-pagina=privacy] .skiptranslate>iframe{visibility:hidden!important;height:0!important}
html[data-pagina=privacy] font.goog-text-highlight{background:transparent!important}
html[data-pagina=privacy]{ scroll-padding-top: 88px; }
@view-transition{ navigation: auto; }
html[data-pagina=privacy] ::view-transition-old(nexon-kop),html[data-pagina=privacy] ::view-transition-new(nexon-kop),html[data-pagina=privacy] ::view-transition-old(nexon-voet),html[data-pagina=privacy] ::view-transition-new(nexon-voet){ animation: none; mix-blend-mode: normal; }
html[data-pagina=privacy] ::view-transition-old(root),html[data-pagina=privacy] ::view-transition-new(root){ animation-duration: .18s; }
@media (prefers-reduced-motion: reduce){html[data-pagina=privacy] ::view-transition-old(root),html[data-pagina=privacy] ::view-transition-new(root){ animation: none; }}
