/* integratie in de site */
body.f22-pz3 .f22-page-hero{display:none!important}
body.f22-pz3 .f22-pz-sec{padding-top:96px!important;background:#0A141C!important;position:relative;isolation:isolate;overflow:hidden}
body.f22-pz3 .f22-pz-sec::before{content:"";position:fixed;inset:-6%;z-index:-1;background:none;animation:pz3drift 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes pz3drift{from{transform:scale(1.04)}to{transform:scale(1.14) translate(-2%,1.5%)}}
body.f22-pz3 .f22-pz-sec .et_pb_row,body.f22-pz3 .f22-pz-sec .et_pb_column,body.f22-pz3 .f22-pz-sec .et_pb_code{background:transparent!important}
.pz3.pz2{background:transparent!important}
.pz3{color:#FFFFFF;font-family:var(--f22-sans)}
.pz3 .c{max-width:1200px;margin:0 auto;padding:0 8px}
.cartbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:inherit;cursor:pointer;margin:0 6px}
.cartbtn span{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:#00ACEA;color:#0E1A23;font:700 11px var(--f22-sans);display:none;align-items:center;justify-content:center;padding:0 4px}
.cartbtn.has span{display:flex}
@keyframes pz3bump{30%{transform:scale(1.25)}60%{transform:scale(.95)}}
.cartbtn.bump{animation:pz3bump .5s}

.pz3{--esp:#0A141C;--esp2:#0E1A23;--cream:#FFFFFF;--beige:#F4F7F9;--sal:#00ACEA;--sald:#0079AD;--mute:#A9B7C2}
.pz3 *{box-sizing:border-box}
.pz3 [hidden]{display:none!important}
.pz3{scroll-behavior:smooth}
.pz3{margin:0;background:var(--esp);color:var(--cream);font-family:var(--f22-sans),sans-serif;-webkit-font-smoothing:antialiased}
.pz3 a{color:var(--sal)}
.pz3 .smoke{position:fixed;inset:-6%;background:url(__ROOK__) center/cover no-repeat;animation:pz3drift 18s ease-in-out infinite alternate;z-index:0;pointer-events:none}
@keyframes pz3drift{from{transform:scale(1.04)}to{transform:scale(1.14) translate(-2%,1.5%)}}
.pz3 .wrap{position:relative;z-index:1}
.pz3 .mono{font-family:var(--f22-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--sal)}
.pz3 em.s{font-family:var(--f22-serif);font-weight:400;font-style:italic;color:var(--sal);letter-spacing:-.02em}
.pz3 .c{max-width:1200px;margin:0 auto;padding:0 24px}
.pz3 header.top{position:sticky;top:0;z-index:20;background:rgba(10,20,28,.7);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}
.pz3 header.top .c{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.pz3 .logo{font:500 17px var(--f22-sans);letter-spacing:.18em;color:var(--cream);text-decoration:none}
.pz3 nav.n{display:flex;gap:6px;flex-wrap:wrap}
.pz3 nav.n a{color:var(--mute);text-decoration:none;font-size:14px;padding:10px 12px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center}
.pz3 nav.n a.on{color:var(--cream);background:rgba(255,255,255,.1)}
.pz3 .banner{background:var(--sal);color:var(--esp2);font:600 12px var(--f22-sans);text-align:center;padding:7px 12px;letter-spacing:.02em}
@keyframes pz3up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes pz3fade{from{opacity:0}to{opacity:1}}
@keyframes pz3grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pz3drop{0%{opacity:0;transform:translateY(-40px) rotate(-6deg)}70%{opacity:1;transform:translateY(4px) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes pz3spin{0%{opacity:0;transform:rotate(-200deg) scale(.6)}80%{opacity:1;transform:rotate(8deg) scale(1.02)}100%{opacity:1;transform:none}}
@keyframes pz3draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
@keyframes pz3fillin{from{fill-opacity:0}to{fill-opacity:1}}
@keyframes pz3pop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:none}}
@keyframes pz3sheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes pz3ring{0%,100%{transform:none}20%{transform:rotate(-12deg)}40%{transform:rotate(9deg)}60%{transform:rotate(-4deg)}}
@keyframes pz3line{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
@keyframes pz3bubble{from{opacity:0;transform:translateY(14px) scale(.92)}to{opacity:1;transform:none}}
@keyframes pz3dots{0%,100%{opacity:.25}50%{opacity:1}}
@keyframes pz3slideL{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:none}}
@keyframes pz3slideR{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:none}}
@keyframes pz3linew{to{stroke-dashoffset:0}}
@keyframes pz3pagein{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.pz3 .page{display:none}
.pz3 .page.on{display:block;animation:pz3pagein .55s cubic-bezier(.2,.7,.2,1) both}
.pz3 .au{animation:pz3up .8s cubic-bezier(.2,.7,.2,1) both}
.pz3 .hero{text-align:center;padding:64px 0 28px}
.pz3 .hero h1{margin:0;font:600 clamp(40px,6vw,84px)/.98 var(--f22-sans);letter-spacing:-.05em}
.pz3 .hero p.l{margin:20px auto 0;max-width:560px;font:400 17px/1.5 var(--f22-sans);color:var(--mute)}
.pz3 .seg{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);border-radius:999px;width:fit-content;max-width:100%;margin:0 auto}
.pz3 .seg button{font:500 15px var(--f22-sans);border:0;border-radius:999px;padding:12px 20px;min-height:44px;cursor:pointer;background:transparent;color:#E1E7EC}
.pz3 .seg button:hover{background:rgba(255,255,255,.12)}
.pz3 .seg button.on{background:var(--beige);color:var(--esp2)}
.pz3 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;font:600 15px var(--f22-sans);text-decoration:none;border:0;cursor:pointer}
.pz3 .btn.dark{background:var(--esp2);color:var(--cream)}
.pz3 .btn.dark:hover{background:#1D3242}
.pz3 .btn.ghost{color:var(--esp2);box-shadow:inset 0 0 0 1.5px var(--esp2);background:transparent}
.pz3 .btn.ghost:hover{background:var(--esp2);color:var(--cream)}
.pz3 .panel{display:grid;grid-template-columns:1fr 1fr;background:var(--beige);color:var(--esp2);border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.7);margin-top:28px}
.pz3 .ill{background:rgba(6,12,17,.85);min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.pz3 .txt{padding:44px;display:flex;flex-direction:column;gap:16px}
.pz3 .txt h2{margin:0;font:600 40px/1.02 var(--f22-sans);letter-spacing:-.04em}
.pz3 .txt h2 em{font-family:var(--f22-serif);font-weight:400;font-style:italic;color:var(--sald)}
.pz3 .txt p{margin:0;font:400 16px/1.55 var(--f22-sans);color:#46545F}
.pz3 .txt ul{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.pz3 .txt li{display:flex;gap:10px;font:400 15px/1.45 var(--f22-sans)}
.pz3 .txt li svg{flex:none;margin-top:2px}
.pz3 .foot{margin-top:auto;padding-top:18px;border-top:1px solid #D3DDE4;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.pz3 .foot .pr{font:600 30px var(--f22-sans);letter-spacing:-.03em}
.pz3 .cfg{display:flex;flex-wrap:wrap;gap:36px;align-items:flex-start;padding:18px 0 40px}
.pz3 .phonecol{flex:1 1 300px;display:flex;justify-content:center;position:sticky;top:calc(var(--hh,64px) + 16px);align-self:flex-start}
.pz3 .phone{position:relative;width:290px;height:590px;border-radius:48px;background:#060C11;padding:12px;box-shadow:0 0 0 1.5px rgba(255,255,255,.18),0 50px 90px -30px rgba(0,0,0,.8)}
.pz3 .scr{position:relative;height:100%;border-radius:37px;overflow:hidden;background:var(--cream);color:var(--esp2)}
.pz3 .opts{flex:1.4 1 520px;min-width:0;display:flex;flex-direction:column;gap:20px}
.pz3 .opts h2{margin:0 0 10px;font:600 22px var(--f22-sans);letter-spacing:-.03em}
.pz3 .pks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pz3 .pk{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:96px;padding:14px 16px;border-radius:18px;border:1.5px solid rgba(255,255,255,.16);background:rgba(6,12,17,.45);color:var(--cream);cursor:pointer;text-align:left;font-family:var(--f22-sans)}
.pz3 .pk:hover,.pz3 .tl:hover{border-color:rgba(255,255,255,.4)}
.pz3 .pk.on,.pz3 .tl.on{border-color:var(--sal);background:rgba(0,172,234,.12)}
.pz3 .pk b{font:600 17px var(--f22-sans)}
.pz3 .pk small{font:400 13px/1.35 var(--f22-sans);color:var(--mute)}
.pz3 .pk .tg{font:600 10px var(--f22-sans);letter-spacing:.08em;color:var(--sal)}
.pz3 .tls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pz3 .tl{display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 14px;border-radius:16px;border:1.5px solid rgba(255,255,255,.14);background:rgba(6,12,17,.45);color:var(--cream);cursor:pointer;text-align:left;font-family:var(--f22-sans)}
.pz3 .tl .bx{flex:none;width:22px;height:22px;border-radius:7px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4)}
.pz3 .tl.on .bx{background:var(--sal);box-shadow:inset 0 0 0 5px #132331}
.pz3 .tl b{display:block;font:600 15px var(--f22-sans)}
.pz3 .tl small{display:block;margin-top:2px;font:400 12.5px var(--f22-sans);color:var(--mute)}
.pz3 .tl .p{margin-left:auto;font:600 14px var(--f22-sans);white-space:nowrap}
.pz3 .tl[disabled]{cursor:default}
.pz3 .tot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px;border-radius:18px;background:var(--beige);color:var(--esp2)}
.pz3 .tot .t{font:600 28px var(--f22-sans);letter-spacing:-.03em}
.pz3 .tot small{font:400 12px var(--f22-sans);color:#55636E}
.pz3 .w{display:none}
.pz3 .w.on{display:block;animation:pz3up .5s cubic-bezier(.2,.7,.2,1) both}
.pz3 .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:10px 0 60px}
.pz3 .card{border-radius:24px;overflow:hidden;background:rgba(6,12,17,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);min-height:340px;display:flex;flex-direction:column}
.pz3 .stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:220px}
.pz3 .cap{padding:18px 22px 22px;border-top:1px solid rgba(255,255,255,.08)}
.pz3 .cap p{margin:6px 0 0;font:400 14px/1.45 var(--f22-sans);color:var(--mute)}
.pz3 .incl{border-radius:18px;background:rgba(0,172,234,.14);box-shadow:inset 0 0 0 1.5px rgba(0,172,234,.45);padding:14px 16px}
.pz3 .inh{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.pz3 .inh b{display:block;font:600 16px var(--f22-sans)}
.pz3 .inh small{display:block;font:400 12.5px var(--f22-sans);color:var(--mute)}
.pz3 .free{flex:none;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:var(--sal);color:var(--esp2);font:800 14px var(--f22-sans)}
.pz3 .incl ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pz3 .incl li{display:inline-flex;align-items:center;gap:6px;padding:7px 11px 7px 8px;border-radius:999px;background:var(--beige);color:var(--esp2);font:500 12.5px var(--f22-sans)}
.pz3 .cfg-o{display:flex;flex-wrap:wrap;gap:36px;align-items:flex-start;padding:18px 0 40px}
.pz3 .ohero{flex:1 1 300px;min-height:420px;border-radius:28px;background:rgba(6,12,17,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.pz3 .ask{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:rgba(4,8,12,.5);animation:pz3fade .25s both}
.pz3 .ask[hidden]{display:none}
.pz3 .askbox{width:min(420px,100%);background:var(--beige);color:var(--esp2);border-radius:24px;padding:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);animation:pz3up .45s cubic-bezier(.2,.9,.3,1.15) both}
@media (min-width:861px){.pz3 .ask{align-items:center}}
.pz3 .askic{width:48px;height:48px;border-radius:50%;background:var(--sal);display:flex;align-items:center;justify-content:center;margin-bottom:12px;animation:pz3pop .5s .15s both}
.pz3 .askbox h2{margin:0;font:600 22px/1.15 var(--f22-sans);letter-spacing:-.02em}
.pz3 .askbox p{margin:8px 0 0;font:400 14.5px/1.5 var(--f22-sans);color:#46545F}
.pz3 #prod button{padding:10px 16px;font-size:14px}
.pz3 .tl s,.pz3 .pk s{opacity:.6;font-weight:400;margin-right:4px}
.pz3 .tl.dim{opacity:.55}
.pz3 .btn.ghost{color:var(--esp2);box-shadow:inset 0 0 0 1.5px var(--esp2);background:transparent}
.pz3 .others{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pz3 .oc{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:rgba(6,12,17,.45);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14)}
.pz3 .oc b{font:600 15px var(--f22-sans)}
.pz3 .oc small{font:400 12px/1.35 var(--f22-sans);color:var(--mute);min-height:32px}
.pz3 .oc span{font:600 13px var(--f22-sans);margin-top:4px}
.pz3 .addb{margin-top:8px;font:600 13px var(--f22-sans);border:0;border-radius:999px;min-height:40px;cursor:pointer;background:var(--beige);color:var(--esp2)}
.pz3 .addb:hover{background:var(--sal)}
.pz3 .addb.in{background:var(--sal)}
.pz3 .cartbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:var(--cream);cursor:pointer;margin-left:6px}
.pz3 .cartbtn span{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;border-radius:9px;background:var(--sal);color:var(--esp2);font:700 11px var(--f22-sans);display:none;align-items:center;justify-content:center;padding:0 4px}
.pz3 .cartbtn.has span{display:flex}
@keyframes pz3bump{30%{transform:scale(1.25)}60%{transform:scale(.95)}}
.pz3 .cartbtn.bump{animation:pz3bump .5s}
.pz3 .cart{position:fixed;inset:0;z-index:60;pointer-events:none}
.pz3 .cbg{position:absolute;inset:0;background:rgba(4,8,12,.55);opacity:0;transition:opacity .3s}
.pz3 .cpanel{position:absolute;right:0;top:0;bottom:0;width:min(420px,100%);background:var(--beige);color:var(--esp2);padding:24px;overflow:auto;transform:translateX(100%);transition:transform .45s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;gap:16px}
.pz3 .cart.open{pointer-events:auto}
.pz3 .cart.open .cbg{opacity:1}
.pz3 .cart.open .cpanel{transform:none}
.pz3 .cx{width:44px;height:44px;border-radius:50%;border:0;background:#fff;font:400 24px var(--f22-sans);cursor:pointer;color:var(--esp2)}
.pz3 .citems{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pz3 .citems li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#fff}
.pz3 .citems li.empty{color:#5D6D79;font:400 14px var(--f22-sans)}
.pz3 .citems b{display:block;font:600 15px var(--f22-sans)}
.pz3 .citems small{display:block;font:400 12px/1.4 var(--f22-sans);color:#5D6D79}
.pz3 .citems .r{text-align:right;font:600 14px var(--f22-sans);white-space:nowrap}
.pz3 .citems .r button{border:0;background:none;font:400 18px var(--f22-sans);color:#5D6D79;cursor:pointer;min-width:32px;min-height:32px}
.pz3 .ctot{font:600 22px var(--f22-sans);letter-spacing:-.02em}
.pz3 .ctot small{font:400 12px var(--f22-sans);color:#5D6D79}
.pz3 .cform label{display:block;font:600 12px var(--f22-sans);margin:10px 0 5px}
.pz3 .cform input,.pz3 .cform textarea{width:100%;font:400 15px var(--f22-sans);background:#fff;border:1.5px solid #D3DDE4;border-radius:12px;padding:11px 13px;min-height:44px;color:var(--esp2)}
.pz3 #fx{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
@keyframes pz3snow{from{transform:translateY(-10px)}to{transform:translate(14px,600px)}}
.pz3 .sn{position:absolute;top:-10px;border-radius:50%;background:#fff;box-shadow:0 0 3px rgba(0,0,0,.25);animation:pz3snow linear infinite}
@keyframes pz3sleigh{0%{transform:translate(-80px,90px) rotate(-6deg)}100%{transform:translate(320px,40px) rotate(-2deg)}}
.pz3 .sleigh{position:absolute;left:0;top:0;animation:pz3sleigh 4.5s linear infinite}
@keyframes pz3fwb{0%,20%{opacity:0;transform:rotate(var(--a)) translateX(0)}30%{opacity:1}75%{opacity:.9;transform:rotate(var(--a)) translateX(30px)}100%{opacity:0;transform:rotate(var(--a)) translateX(36px) translateY(10px)}}
.pz3 .fw{position:absolute;width:0;height:0}
.pz3 .fw b{position:absolute;width:6px;height:2px;border-radius:2px;background:#E2B04A;animation:pz3fwb 2.1s ease-out infinite;animation-delay:inherit}
.pz3 .fw b:nth-child(3n){background:#00ACEA}
.pz3 .fw b:nth-child(3n+1){background:#FFFFFF}
@keyframes pz3conf{from{transform:translateY(-20px) rotate(0)}to{transform:translateY(600px) rotate(540deg)}}
.pz3 .cf{position:absolute;top:-20px;width:6px;height:10px;border-radius:1px;animation:pz3conf 3s linear infinite}
@keyframes pz3tagb{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(6deg) translateY(-4px)}}
.pz3 .tag{position:absolute;padding:5px 9px;border-radius:6px;background:#0E1A23;color:#FFFFFF;font:800 12px var(--f22-sans);animation:pz3tagb 1.6s ease-in-out infinite}
@keyframes pz3sunp{50%{transform:scale(1.12)}}
.pz3 .sun{position:absolute;right:22px;top:92px;width:46px;height:46px;border-radius:50%;background:#F2C14E;box-shadow:0 0 0 8px rgba(242,193,78,.25),0 0 30px rgba(242,193,78,.7);animation:pz3sunp 2s ease-in-out infinite}
@media (max-width:860px){.pz3 .others{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pz3 .pk .diff{font:600 20px var(--f22-sans);letter-spacing:-.02em}
.pz3 .pk .full{font:400 12px var(--f22-sans);color:var(--mute)}
.pz3 .hs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pz3 .hs .pk{min-height:88px}
.pz3 .pm{font:400 12px var(--f22-sans);color:#55636E}
.pz3 .td{width:9px;height:9px;border-radius:50%;background:#0E1A23;display:inline-block;animation:pz3dots .9s infinite}
.pz3 .page.measure{display:block!important;visibility:hidden}
.pz3 .page.handoff .form,.pz3 .page.handoff .lap,.pz3 .page.handoff .pc,.pz3 .page.handoff .ovr .img{animation:none!important}
.pz3 .page.handoff .scr>*{animation:pz3fade .45s both}
.pz3 .page.on.handoff{animation:none}
.pz3 .page.measure *{animation:none!important}
.pz3 .morph{position:fixed;z-index:40;pointer-events:none;transition:left .6s cubic-bezier(.7,0,.2,1),top .6s cubic-bezier(.7,0,.2,1),width .6s cubic-bezier(.7,0,.2,1),height .6s cubic-bezier(.7,0,.2,1),border-radius .6s;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.pz3 #w22{position:fixed;inset:0;z-index:40;pointer-events:none;display:none;align-items:center;justify-content:center}
.pz3 #w22.draw{display:flex}
.pz3 #w22 svg{width:170px;height:166px;overflow:visible}
.pz3 #w22 path{fill:none;stroke:#00ACEA;stroke-width:1.6;stroke-dasharray:700;stroke-dashoffset:700}
.pz3 #w22.draw path{animation:pz3draw 1s cubic-bezier(.5,0,.3,1) forwards}
.pz3 #veil{position:fixed;inset:0;z-index:50;background:#0A141C;display:flex;align-items:center;justify-content:center;transform:translateY(100%);pointer-events:none}
.pz3 #veil svg{width:64px;height:62px;opacity:0;transform:scale(.8);transition:opacity .25s,transform .35s}
.pz3 #veil.in{transition:transform .34s cubic-bezier(.7,0,.3,1);transform:none}
.pz3 #veil.in svg{opacity:1;transform:none}
.pz3 #veil.out{transition:transform .42s cubic-bezier(.7,0,.3,1);transform:translateY(-100%)}
@keyframes pz3rise{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
.pz3 .devs{position:relative;height:380px;display:flex;align-items:flex-end;justify-content:center;margin-top:10px}
.pz3 .lap{width:min(640px,86%);animation:pz3slideL 1s .2s cubic-bezier(.2,.7,.2,1) both}
.pz3 .lap .sc{border-radius:14px 14px 0 0;overflow:hidden;border:10px solid #060C11;border-bottom:0;background:#060C11}
.pz3 .lap img,.pz3 .ph img{display:block;width:100%}
.pz3 .lap .base{height:16px;background:#132331;border-radius:0 0 14px 14px;margin:0 -4%;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.pz3 .ph{position:absolute;right:max(4%,calc(50% - 380px));bottom:-10px;width:150px;border-radius:26px;border:8px solid #060C11;overflow:hidden;background:#060C11;animation:pz3slideR 1s .45s cubic-bezier(.2,.7,.2,1) both;box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.pz3 .ph img{height:290px;object-fit:cover;object-position:left top}
.pz3 .pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:56px 0 70px}
.pz3 .pc{border-radius:20px;overflow:hidden;background:rgba(6,12,17,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);text-decoration:none;color:var(--cream);animation:pz3rise .7s cubic-bezier(.2,.7,.2,1) both}
.pz3 .pc img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}
.pz3 .pc:hover img{transform:scale(1.04)}
.pz3 .pc div{padding:14px 16px 16px}
.pz3 .pc b{font:600 16px var(--f22-sans)}
.pz3 .pc small{display:block;margin-top:3px;font:400 13px var(--f22-sans);color:var(--mute)}
.pz3 .steps{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:40px 0 70px}
.pz3 .steps svg.ln{position:absolute;left:0;right:0;top:62px;width:100%;height:8px;overflow:visible}
.pz3 .st{position:relative;padding-top:52px;animation:pz3up .6s both}
.pz3 .st i{position:absolute;top:8px;left:0;width:30px;height:30px;border-radius:50%;background:var(--beige);color:var(--esp2);font:600 13px var(--f22-sans);font-style:normal;display:flex;align-items:center;justify-content:center;animation:pz3pop .45s both}
.pz3 .st b{display:block;font:600 19px var(--f22-sans);letter-spacing:-.02em}
.pz3 .st p{margin:8px 0 0;font:400 14px/1.5 var(--f22-sans);color:var(--mute)}
.pz3 .ovr{position:relative;height:440px;border-radius:28px;overflow:hidden;margin-top:6px}
.pz3 .ovr .img{position:absolute;inset:0;background:radial-gradient(60% 70% at 30% 40%,#00ACEA 0%,#0A83B8 45%,#132331 100%);animation:pz3zoomout 1.8s cubic-bezier(.2,.7,.2,1) both}
@keyframes pz3zoomout{from{transform:scale(1.45);filter:blur(6px)}to{transform:none;filter:none}}
.pz3 .ovr .lbl{position:absolute;right:18px;top:16px;font:500 11px var(--f22-mono);letter-spacing:.1em;color:rgba(255,255,255,.7);text-transform:uppercase}
.pz3 .ovr .ttl{position:absolute;left:36px;bottom:32px;right:36px}
.pz3 .ovr .ttl h1{margin:0;font:600 clamp(36px,5vw,70px)/.98 var(--f22-sans);letter-spacing:-.05em;animation:pz3up .8s 1s both}
.pz3 .ovr .ttl p{margin:14px 0 0;max-width:520px;font:400 16px/1.5 var(--f22-sans);color:#E1E7EC;animation:pz3up .8s 1.2s both}
.pz3 .ct{display:flex;flex-wrap:wrap;gap:40px;align-items:center;padding:30px 0 70px}
.pz3 .ct .l{flex:1 1 340px}
.pz3 .form{flex:1 1 440px;background:var(--beige);color:var(--esp2);border-radius:26px;padding:26px;box-shadow:0 40px 80px -40px rgba(0,0,0,.7);animation:pz3rise .7s .1s cubic-bezier(.2,.7,.2,1) both}
.pz3 .f{animation:pz3up .55s both}
.pz3 .form label{display:block;font:600 12px var(--f22-sans);margin:0 0 6px}
.pz3 .form input,.pz3 .form textarea{width:100%;font:400 15px var(--f22-sans);color:var(--esp2);background:#fff;border:1.5px solid #D3DDE4;border-radius:12px;padding:12px 14px;min-height:46px}
.pz3 .form input:focus,.pz3 .form textarea:focus{outline:2px solid var(--sald);outline-offset:1px}
.pz3 .chips{display:flex;flex-wrap:wrap;gap:6px}
.pz3 .chips button{font:500 13px var(--f22-sans);border:1.5px solid #A9B7C2;background:#fff;color:var(--esp2);border-radius:999px;padding:8px 14px;min-height:40px;cursor:pointer}
.pz3 .chips button.on{background:var(--esp2);color:var(--cream);border-color:var(--esp2)}
.pz3 .row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:860px){.pz3 .panel{grid-template-columns:1fr}.pz3 .ill{min-height:300px}.pz3 .txt{padding:28px}.pz3 .pks,.pz3 .hs{grid-template-columns:1fr}.pz3 .tls{grid-template-columns:1fr}.pz3 .grid3,.pz3 .pgrid{grid-template-columns:1fr}.pz3 nav.n{gap:0}.pz3 nav.n a{padding:8px 8px;font-size:12.5px}.pz3 
  nav.n{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pz3 nav.n::-webkit-scrollbar{display:none}.pz3 nav.n a{white-space:nowrap}.pz3 header.top .c{gap:0;padding-top:6px;padding-bottom:4px;flex-wrap:wrap}.pz3 nav.n{order:3}.pz3 .cartbtn{order:2;margin-left:auto}.pz3 .phonecol{position:sticky;top:var(--hh,64px);z-index:5;height:300px;margin:0 -24px;padding-top:8px;background:linear-gradient(180deg,rgba(10,20,28,.97) 80%,rgba(10,20,28,0));align-items:flex-start}.pz3 .phone{transform:scale(.48);transform-origin:top center}.pz3 .steps{grid-template-columns:1fr;gap:26px}.pz3 .steps svg.ln{display:none}.pz3 .row2{grid-template-columns:1fr}.pz3 .devs{height:260px}.pz3 .ph{width:100px}.pz3 .ph img{height:190px}.pz3 .ovr{height:380px}}
@media (prefers-reduced-motion:reduce){.pz3 *{animation:none!important}}
.pz3-portal{position:static;color:inherit}
.pz3-portal .cart{z-index:100000!important}.pz3-portal .ask{z-index:100001!important}
/* ---- andere producten: samensteller + live voorbeeld ---- */
.pz3 .ohero{position:relative;min-height:520px;align-self:flex-start;position:sticky;top:calc(var(--hh,64px) + 16px)}
.pz3 .oinh{border-radius:16px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);padding:14px 16px}
.pz3 .oinh b{font:600 14px var(--f22-sans)}.pz3 .oinh ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pz3 .oinh li{padding:6px 10px;border-radius:999px;background:rgba(0,172,234,.16);font:500 12.5px var(--f22-sans)}
.pz3 .onote{margin:10px 0 0;font:400 12.5px/1.5 var(--f22-sans);color:var(--mute)}
.pz3 .tl.qx{cursor:default}.pz3 .qty{margin-left:auto;display:flex;align-items:center;gap:8px}
.pz3 .qty button{width:36px;height:36px;border-radius:50%;border:0;background:var(--beige);color:var(--esp2);font:600 18px var(--f22-sans);cursor:pointer}
.pz3 .qty i{font:600 15px var(--f22-sans);font-style:normal;min-width:18px;text-align:center}
.pz3 .u{font:400 12px var(--f22-sans);color:#55636E}
.pz3 .sp{position:relative;width:100%;height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}
@keyframes spIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes spPop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:none}}
@keyframes spDrop{from{opacity:0;transform:translateY(-60px)}to{opacity:1;transform:none}}
@keyframes spSheet{from{transform:translateY(110%)}to{transform:none}}
@keyframes spPulse{50%{transform:scale(1.06)}}
.pz3 .sp-phone{position:relative;width:250px;height:500px;border-radius:42px;background:#060C11;padding:10px;box-shadow:0 0 0 1.5px rgba(255,255,255,.18),0 40px 80px -30px rgba(0,0,0,.8);animation:spIn .6s both}
.pz3 .sp-scr{position:relative;height:100%;border-radius:33px;overflow:hidden;background:#FFFFFF;color:#0E1A23;padding:30px 14px 14px;display:flex;flex-direction:column;gap:10px}
.pz3 .sp-top{display:flex;justify-content:space-between;align-items:center}.pz3 .sp-top b{font:700 13px var(--f22-sans)}
.pz3 .sp-dots{display:flex;gap:3px}.pz3 .sp-dots i{width:6px;height:6px;border-radius:50%;background:#A9B7C2;animation:spPop .4s both}.pz3 .sp-dots i:first-child{background:#0E1A23}
.pz3 .sp-card{border-radius:14px;animation:spIn .5s both}.pz3 .sp-card.c1{height:120px;background:linear-gradient(160deg,#00ACEA,#2FA6D8)}
.pz3 .sp-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pz3 .sp-card.c2,.pz3 .sp-card.c3{height:70px;background:#D9E2E8;animation-delay:.1s}.pz3 .sp-card.c3{background:#A9B7C2;animation-delay:.18s}
.pz3 .sp-login{border-radius:14px;background:#fff;padding:10px;display:flex;flex-direction:column;gap:6px;animation:spIn .5s .25s both}.pz3 .sp-login span{height:20px;border-radius:6px;box-shadow:inset 0 0 0 1px #D3DDE4}.pz3 .sp-login b{align-self:flex-end;font:600 10px var(--f22-sans);padding:6px 12px;border-radius:999px;background:#0E1A23;color:#FFFFFF}
.pz3 .sp-pay{position:absolute;left:0;right:0;bottom:0;padding:12px 14px 18px;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -10px 30px rgba(14,26,35,.18);animation:spSheet .6s .5s cubic-bezier(.2,.7,.2,1) both}
.pz3 .sp-pay .bar{width:34px;height:4px;border-radius:2px;background:#D3DDE4;margin:0 auto 8px}.pz3 .sp-pay .l{display:flex;justify-content:space-between;font:600 11px var(--f22-sans)}.pz3 .sp-pay .btnp{margin-top:8px;text-align:center;padding:9px;border-radius:999px;background:#0E1A23;color:#FFFFFF;font:600 11px var(--f22-sans)}
.pz3 .sp-push{position:absolute;left:16px;right:16px;top:20px;display:flex;gap:8px;align-items:center;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 10px 24px rgba(0,0,0,.25);color:#0E1A23;animation:spDrop .6s .9s cubic-bezier(.2,.9,.3,1.2) both}
.pz3 .sp-push i{width:26px;height:26px;border-radius:7px;background:#0E1A23;color:#00ACEA;font:800 10px var(--f22-sans);font-style:normal;display:flex;align-items:center;justify-content:center}.pz3 .sp-push b{display:block;font:700 10.5px var(--f22-sans)}.pz3 .sp-push small{font:400 10px var(--f22-sans);color:#55636E}
.pz3 .sp-admin{position:absolute;right:8%;bottom:16%;width:150px;padding:12px;border-radius:14px;background:#F4F7F9;color:#0E1A23;box-shadow:0 24px 40px -18px rgba(0,0,0,.7);animation:spIn .6s .7s both;display:flex;flex-direction:column;gap:6px}.pz3 .sp-admin b{font:700 11px var(--f22-sans)}.pz3 .sp-admin span{height:8px;border-radius:4px;background:#A9B7C2}.pz3 .sp-admin span:nth-child(3){width:70%;background:#00ACEA}
.pz3 .sp-stores{position:absolute;left:8%;bottom:10%;display:flex;flex-direction:column;gap:6px}.pz3 .sp-stores span{padding:7px 12px;border-radius:10px;background:#060C11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:600 11px var(--f22-sans);color:#FFFFFF;animation:spIn .5s both}.pz3 .sp-stores span:last-child{animation-delay:.12s}
.pz3 .sp-ig{display:flex;gap:8px;align-items:center}.pz3 .sp-ig .av{width:34px;height:34px;border-radius:50%;background:#0E1A23;color:#00ACEA;font:800 11px var(--f22-sans);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px #00ACEA}.pz3 .sp-ig b{display:block;font:700 12px var(--f22-sans)}.pz3 .sp-ig small{font:400 10px var(--f22-sans);color:#55636E}
.pz3 .sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.pz3 .sp-cell{position:relative;aspect-ratio:1;border-radius:3px;animation:spPop .45s both}
.pz3 .sp-cell.reel{aspect-ratio:auto;grid-row:span 2}.pz3 .sp-cell .play{position:absolute;left:50%;top:50%;width:24px;height:24px;margin:-12px}
.pz3 .sp-dm{position:absolute;right:-30px;bottom:40px;width:200px;display:flex;flex-direction:column;gap:6px}.pz3 .sp-dm div{padding:8px 11px;border-radius:14px;font:500 11px/1.35 var(--f22-sans);box-shadow:0 10px 24px rgba(0,0,0,.3)}.pz3 .sp-dm .in{align-self:flex-start;background:#fff;color:#0E1A23;animation:spIn .5s .9s both}.pz3 .sp-dm .out{align-self:flex-end;background:#00ACEA;color:#0E1A23;animation:spIn .5s 1.6s both}
.pz3 .sp-cal{position:absolute;left:6%;bottom:8%;display:flex;gap:4px;padding:8px;border-radius:12px;background:rgba(6,12,17,.7);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.pz3 .sp-cal span{width:22px;display:flex;flex-direction:column;align-items:center;gap:4px}.pz3 .sp-cal small{font:500 9px var(--f22-sans);color:var(--mute)}.pz3 .sp-cal i{width:8px;height:8px;border-radius:50%;background:#00ACEA;animation:spPop .4s both}
.pz3 .sp-anim{position:relative;width:min(420px,90%);aspect-ratio:16/10;border-radius:20px;background:#060C11;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 40px 80px -30px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;animation:spIn .6s both}
.pz3 .sp-22{width:110px;height:108px;overflow:visible}.pz3 .sp-22 path{fill:#00ACEA;fill-opacity:0;stroke:#00ACEA;stroke-width:1.5;stroke-dasharray:700;stroke-dashoffset:700;animation:spDraw 3s ease-in-out infinite}
@keyframes spDraw{0%{stroke-dashoffset:700;fill-opacity:0}40%{stroke-dashoffset:0;fill-opacity:0}55%,85%{stroke-dashoffset:0;fill-opacity:1;transform:none}92%{transform:scale(1.06)}100%{stroke-dashoffset:0;fill-opacity:1}}
.pz3 .sp-wave{position:absolute;left:20px;right:20px;bottom:16px;height:26px;display:flex;align-items:center;gap:3px}.pz3 .sp-wave i{flex:1;height:30%;border-radius:2px;background:#00ACEA;animation:spWave 1s ease-in-out infinite}
.pz3 .sp-wave i:nth-child(3n){animation-delay:.2s}.pz3 .sp-wave i:nth-child(3n+1){animation-delay:.45s}.pz3 .sp-wave i:nth-child(4n){animation-delay:.7s}
@keyframes spWave{50%{height:100%}}
.pz3 .sp-fmt{position:absolute;right:-40px;top:-30px;display:flex;gap:8px;align-items:flex-end}.pz3 .sp-fmt span{display:flex;align-items:center;justify-content:center;border-radius:6px;background:#F4F7F9;color:#0E1A23;font:700 10px var(--f22-sans);box-shadow:0 14px 28px -12px rgba(0,0,0,.7);animation:spPop .5s both}
.pz3 .sp-fmt .f169{width:64px;height:36px}.pz3 .sp-fmt .f916{width:30px;height:54px;animation-delay:.12s}.pz3 .sp-fmt .f11{width:40px;height:40px;animation-delay:.24s}
.pz3 .sp-char{position:relative;width:120px;height:170px;animation:spBob 1.4s ease-in-out infinite}
.pz3 .sp-char .hd{position:absolute;left:20px;top:0;width:80px;height:46px;border-radius:14px;background:#00ACEA;display:flex;gap:16px;align-items:center;justify-content:center;transform-origin:50% 100%;animation:spNod 2.8s ease-in-out infinite}.pz3 .sp-char .hd i{width:8px;height:12px;border-radius:4px;background:#0E1A23;animation:spBlink 3.2s infinite}
.pz3 .sp-char .bd{position:absolute;left:52px;top:50px;width:16px;height:80px;border-radius:8px;background:#00ACEA}.pz3 .sp-char .arm{position:absolute;left:66px;top:62px;width:44px;height:12px;border-radius:6px;background:#33BDEE;transform-origin:0 50%;animation:spWaveArm 1.2s ease-in-out infinite}
.pz3 .sp-char .ft{position:absolute;left:28px;bottom:10px;width:64px;height:18px;border-radius:9px;background:#00ACEA}.pz3 .sp-shadow{position:absolute;bottom:22%;width:90px;height:12px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(4px);animation:spShadow 1.4s ease-in-out infinite}
@keyframes spBob{50%{transform:translateY(-14px)}}@keyframes spShadow{50%{transform:scale(.8);opacity:.6}}@keyframes spNod{0%,60%,100%{transform:none}70%{transform:rotate(-10deg)}80%{transform:rotate(6deg)}}@keyframes spBlink{0%,92%,100%{transform:none}95%{transform:scaleY(.1)}}@keyframes spWaveArm{50%{transform:rotate(-35deg)}}
.pz3 .sp-board{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:80%}.pz3 .sp-board div{display:flex;gap:8px;align-items:center;padding:10px;border-radius:10px;background:#F4F7F9;color:#0E1A23;animation:spIn .5s both}.pz3 .sp-board span{width:22px;height:22px;border-radius:50%;background:#0E1A23;color:#00ACEA;font:700 11px var(--f22-sans);display:flex;align-items:center;justify-content:center}.pz3 .sp-board b{font:600 12px var(--f22-sans)}
.pz3 .sp-tl{position:absolute;left:20px;right:20px;bottom:14px;height:4px;border-radius:2px;background:rgba(255,255,255,.15);overflow:hidden}.pz3 .sp-tl i{display:block;height:100%;width:40%;background:#00ACEA;animation:spTl 3s linear infinite}@keyframes spTl{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.pz3 .sp-stickers{position:absolute;right:6%;top:10%;display:flex;flex-wrap:wrap;gap:8px;width:120px}.pz3 .sp-stickers span{width:30px;height:30px;border-radius:50%;background:#F4F7F9;box-shadow:0 8px 16px -6px rgba(0,0,0,.6);animation:spPop .5s both,spPulse 1.6s 1s ease-in-out infinite}.pz3 .sp-stickers span:nth-child(2n){border-radius:8px;background:#00ACEA}
.pz3 .sp-cam{position:relative;width:min(400px,88%);aspect-ratio:4/3;border-radius:18px;background:#060C11;padding:14px;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);animation:spIn .6s both}
.pz3 .sp-cam .vf{position:relative;height:100%;border-radius:8px;overflow:hidden;background:radial-gradient(60% 70% at 40% 40%,#00ACEA,#0079AD 60%,#132331)}.pz3 .sp-cam .sub{position:absolute;left:38%;top:30%;width:70px;height:110px;border-radius:35px 35px 10px 10px;background:rgba(14,26,35,.55);animation:spBob 3s ease-in-out infinite}
.pz3 .sp-cam .c{position:absolute;width:22px;height:22px;border:2px solid #FFFFFF}.pz3 .sp-cam .tl{left:30%;top:22%;border-width:2px 0 0 2px;animation:spFocus 2.4s infinite}.pz3 .sp-cam .tr{right:30%;top:22%;border-width:2px 2px 0 0;animation:spFocus 2.4s infinite}.pz3 .sp-cam .bl{left:30%;bottom:18%;border-width:0 0 2px 2px;animation:spFocus 2.4s infinite}.pz3 .sp-cam .br{right:30%;bottom:18%;border-width:0 2px 2px 0;animation:spFocus 2.4s infinite}
@keyframes spFocus{0%,100%{transform:scale(1.25);opacity:.6}40%,70%{transform:none;opacity:1}}
.pz3 .sp-cam .rec{position:absolute;right:10px;top:8px;font:600 10px var(--f22-mono);color:#FFFFFF}
.pz3 .flash{position:absolute;inset:0;border-radius:inherit;background:#fff;opacity:0;animation:spFlash 2.4s infinite}@keyframes spFlash{0%,72%,100%{opacity:0}75%{opacity:.9}}
.pz3 .sp-strip{position:absolute;bottom:6%;display:flex;gap:6px}.pz3 .sp-strip span{width:44px;height:34px;border-radius:5px;background:linear-gradient(160deg,#00ACEA,#0079AD);box-shadow:0 8px 16px -8px rgba(0,0,0,.7);animation:spPop .4s both}.pz3 .sp-strip span:nth-child(2){animation-delay:.1s}.pz3 .sp-strip span:nth-child(3){animation-delay:.2s}.pz3 .sp-strip span:nth-child(4){animation-delay:.3s}.pz3 .sp-strip span:nth-child(5){animation-delay:.4s}.pz3 .sp-strip span:nth-child(6){animation-delay:.5s}
.pz3 .sp-reels{display:flex;gap:12px}.pz3 .sp-reels .rl{position:relative;width:110px;height:196px;border-radius:14px;overflow:hidden;background:linear-gradient(170deg,#00ACEA,#0079AD 55%,#132331);box-shadow:0 30px 50px -20px rgba(0,0,0,.8);animation:spIn .6s both}.pz3 .sp-reels .rl:nth-child(2){transform:translateY(-14px)}
.pz3 .sp-reels .play{position:absolute;left:50%;top:50%;width:34px;height:34px;margin:-17px}.pz3 .sp-reels .pg{position:absolute;left:8px;right:8px;bottom:10px;height:3px;border-radius:2px;background:rgba(255,255,255,.3);overflow:hidden}.pz3 .sp-reels .pg::after{content:"";position:absolute;inset:0;background:#FFFFFF;transform-origin:0 50%;animation:spProg 3s linear infinite}@keyframes spProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pz3 .sp-event{position:relative;width:min(420px,90%);height:300px;border-radius:18px;overflow:hidden;background:linear-gradient(#0A141C,#132331);box-shadow:0 40px 80px -30px rgba(0,0,0,.8);animation:spIn .6s both}
.pz3 .sp-event .lights{position:absolute;left:0;right:0;top:0;height:60%;display:flex;justify-content:space-around}.pz3 .sp-event .lights i{width:60px;height:100%;background:linear-gradient(rgba(0,172,234,.55),transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform-origin:50% 0;animation:spBeam 2.6s ease-in-out infinite}.pz3 .sp-event .lights i:nth-child(2n){animation-delay:-1.3s;background:linear-gradient(rgba(242,193,78,.45),transparent)}
@keyframes spBeam{50%{transform:rotate(14deg)}}@keyframes spBeam2{50%{transform:rotate(-14deg)}}
.pz3 .sp-event .crowd{position:absolute;left:0;right:0;bottom:-10px;display:flex;justify-content:center;gap:2px}.pz3 .sp-event .crowd i{width:26px;height:60px;border-radius:13px 13px 0 0;background:#060C11;animation:spCrowd 1.2s ease-in-out infinite}.pz3 .sp-event .crowd i:nth-child(2n){height:50px;animation-delay:.3s}.pz3 .sp-event .crowd i:nth-child(3n){height:70px;animation-delay:.6s}
@keyframes spCrowd{50%{transform:translateY(-6px)}}
.pz3 .sp-clap{width:260px;animation:spIn .6s both}.pz3 .sp-clap .top{height:34px;border-radius:6px 6px 0 0;background:repeating-linear-gradient(-45deg,#FFFFFF 0 18px,#0E1A23 18px 36px);transform-origin:0 100%;animation:spClap 2.4s ease-in-out infinite}.pz3 .sp-clap .body{padding:18px;border-radius:0 0 10px 10px;background:#0E1A23;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2),0 30px 50px -20px rgba(0,0,0,.8)}.pz3 .sp-clap b{display:block;font:700 18px var(--f22-sans);color:#FFFFFF}.pz3 .sp-clap small{font:500 12px var(--f22-mono);color:#00ACEA}
@keyframes spClap{0%,30%,100%{transform:rotate(-18deg)}38%{transform:none}46%{transform:rotate(-18deg)}}
.pz3 .sp-drone{position:absolute;left:0;top:14%;display:flex;flex-direction:column;align-items:center;gap:6px;animation:spFly 6s ease-in-out infinite;z-index:3}.pz3 .sp-drone svg{width:110px;height:55px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.5))}.pz3 .sp-drone .pr{transform-box:fill-box;transform-origin:center;animation:spProp .12s linear infinite}.pz3 .sp-drone span{font:600 11px var(--f22-sans);padding:4px 10px;border-radius:999px;background:#00ACEA;color:#0E1A23}
@keyframes spProp{50%{transform:scaleX(.25)}}@keyframes spFly{0%{transform:translate(-30px,10px)}50%{transform:translate(calc(min(420px,80vw) - 90px),-10px)}100%{transform:translate(-30px,10px)}}
.pz3 .sp-land{position:absolute;left:5%;right:5%;bottom:4%;height:70px;border-radius:14px;background:linear-gradient(170deg,#2FA6D8,#0079AD);clip-path:polygon(0 60%,15% 30%,32% 55%,50% 20%,68% 50%,85% 25%,100% 45%,100% 100%,0 100%);opacity:.9}
@media (max-width:860px){.pz3 .ohero{position:sticky;top:var(--hh,64px);z-index:5;min-height:0;height:260px;margin:0 -24px;background:linear-gradient(180deg,rgba(10,20,28,.97) 85%,rgba(10,20,28,0))}.pz3 .sp{height:260px;transform:scale(.52);transform-origin:top center;height:500px}.pz3 .sp-dm{right:0}}
/* sticky telefoon: de Divi-sectie mag niet 'overflow:hidden' zijn, anders blijft de telefoon niet hangen */
body.f22-pz3 .f22-pz-sec{overflow:visible!important;overflow-x:clip!important}body.f22-pz3 .f22-pz-sec .et_pb_row,body.f22-pz3 .f22-pz-sec .et_pb_column,body.f22-pz3 .f22-pz-code{overflow:visible!important}
body.f22-pz3 .f22-pz-code{transform:none!important;opacity:1!important}
@media (max-width:860px){body.f22-pz3 .pz3 .phonecol,body.f22-pz3 .pz3 .ohero{width:100vw!important;max-width:none!important;flex:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;background:linear-gradient(180deg,rgba(10,20,28,.92) 70%,rgba(10,20,28,0))!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}

/* live rook i.p.v. foto */
body.f22-pz3 .f22-pz-sec::before{display:none!important}
body.f22-pz3 .f22-pz-smoke{position:fixed;inset:0;z-index:0;pointer-events:none}
body.f22-pz3 .f22-pz-smoke canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
body.f22-pz3 .f22-pz-sec>.et_pb_row{position:relative;z-index:1}
/* rustiger achter de keuzes (veel tekst), voller aan de randen */
body.f22-pz3 .f22-pz-smoke canvas{opacity:.8}
body.f22-pz3 .f22-pz-smoke::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 62% 58%,rgba(10,20,28,.62),rgba(10,20,28,.25) 60%,rgba(10,20,28,0) 100%)}
@media (max-width:860px){body.f22-pz3 .f22-pz-smoke::after{background:radial-gradient(90% 60% at 50% 70%,rgba(10,20,28,.6),rgba(10,20,28,.2) 70%,rgba(10,20,28,0))}}

/* ---------- stap 0: keuze ---------- */
.pz3.pz3-kiezen .c>*:not(.kies){display:none!important}
.pz3:not(.pz3-kiezen) .kies{display:none}
.pz3 .kies{min-height:calc(100svh - var(--hh,64px));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0 56px}
.pz3 .kies .kk{margin:0;color:#00ACEA}
.pz3 .kies .kh{margin:12px 0 8px;font:600 clamp(36px,4.6vw,60px)/1 var(--f22-sans);letter-spacing:-.05em;color:#E1E7EC}
.pz3 .kies .kh em{font-family:'Instrument Serif',serif;font-weight:400;color:#00ACEA;letter-spacing:-.02em}
.pz3 .kies .kp{margin:0 0 34px;color:#A9B7C2;font-size:16px}
.pz3 .kcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;max-width:1180px}
.pz3 .kcard{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border-radius:22px;background:rgba(10,20,28,.6);box-shadow:inset 0 0 0 1px rgba(225,231,236,.14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:14px 14px 16px;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;color:#E1E7EC}
.pz3 .kcard:hover,.pz3 .kcard:focus-visible{transform:translateY(-6px);box-shadow:inset 0 0 0 1.5px #00ACEA,0 30px 50px -25px rgba(0,0,0,.7)}
.pz3 .kcard.top{box-shadow:inset 0 0 0 1.5px rgba(0,172,234,.7)}
.pz3 .kill{width:100%;height:150px;border-radius:14px;background:#132331;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pz3 .kt{margin:14px 2px 2px;font:600 19px var(--f22-sans);letter-spacing:-.03em}
.pz3 .kpr{margin:0 2px;color:#A9B7C2;font-size:13px}.pz3 .kpr b{color:#E1E7EC;font-weight:600}
.pz3 .kgo{position:absolute;right:14px;bottom:16px;width:30px;height:30px;border-radius:50%;background:#E1E7EC;color:#0E1A23;display:grid;place-items:center;font-size:14px;transition:transform .3s}
.pz3 .kcard:hover .kgo{transform:translateX(3px)}
.pz3 .ktag{position:absolute;left:24px;top:24px;font:600 9.5px var(--f22-sans);letter-spacing:.12em;text-transform:uppercase;background:#00ACEA;color:#0E1A23;padding:4px 8px;border-radius:99px;z-index:2}
.pz3 .kfree{margin:26px 0 0;color:#A9B7C2;font-size:13.5px;display:flex;align-items:center;gap:10px}.pz3 .kfree span{width:30px;height:30px;border-radius:50%;background:#00ACEA;color:#0E1A23;font:700 11px var(--f22-sans);display:grid;place-items:center}
.pz3 .kback{all:unset;cursor:pointer;display:inline-block;margin:0 0 10px;font:500 13px var(--f22-sans);color:#A9B7C2;padding:6px 12px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(225,231,236,.2)}.pz3 .kback:hover{color:#E1E7EC;background:rgba(225,231,236,.06)}
/* mini-illustraties, met een rustige lus */
.pz3 .kw{width:78%;background:#FFFFFF;border-radius:8px;overflow:hidden}.pz3 .kw i{display:block}.pz3 .kw .b{height:12px;background:#D9E2E8}.pz3 .kw .h{height:44px;margin:8px;border-radius:5px;background:linear-gradient(135deg,#00ACEA,#2fa6d8);animation:kpulse 3s ease-in-out infinite}.pz3 .kw .l{height:6px;margin:6px 8px;border-radius:3px;background:#d0dae2;width:60%}.pz3 .kw .l.s{width:40%}
.pz3 .ka{width:62px;height:118px;border-radius:14px;background:#111;padding:5px;animation:kfloat 4s ease-in-out infinite}.pz3 .ka i{display:block;height:100%;border-radius:10px;background:#FFFFFF;position:relative}.pz3 .ka i:before{content:"";position:absolute;left:6px;right:6px;top:10px;height:34px;border-radius:6px;background:#00ACEA}.pz3 .ka i:after{content:"";position:absolute;left:8px;right:8px;bottom:10px;height:12px;border-radius:6px;background:#0E1A23}
.pz3 .kg{display:grid;grid-template-columns:repeat(3,26px);gap:3px}.pz3 .kg i{height:26px;border-radius:3px;background:#5a4a3a;animation:kpop 3.6s ease-in-out infinite}.pz3 .kg i:nth-child(2n){background:#00ACEA}.pz3 .kg i:nth-child(5){background:#E1E7EC}
.pz3 .kg i:nth-child(2){animation-delay:.2s}.pz3 .kg i:nth-child(3){animation-delay:.4s}.pz3 .kg i:nth-child(4){animation-delay:.6s}.pz3 .kg i:nth-child(5){animation-delay:.8s}.pz3 .kg i:nth-child(6){animation-delay:1s}.pz3 .kg i:nth-child(7){animation-delay:1.2s}.pz3 .kg i:nth-child(8){animation-delay:1.4s}.pz3 .kg i:nth-child(9){animation-delay:1.6s}
.pz3 .kn{width:66px;height:66px}.pz3 .kn svg{width:100%;height:100%}.pz3 .kn circle{transform-origin:33px 33px;animation:kspin 6s linear infinite}
.pz3 .kc{width:84px;height:56px;border-radius:10px;background:#E1E7EC;position:relative}.pz3 .kc:before{content:"";position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px;border-radius:50%;background:#0E1A23;box-shadow:0 0 0 4px #00ACEA}.pz3 .kc:after{content:"";position:absolute;left:10px;top:-7px;width:22px;height:9px;border-radius:3px 3px 0 0;background:#E1E7EC}
.pz3 .kill:has(.kc):after{content:"";position:absolute;inset:0;background:#fff;opacity:0;animation:kflash 4s ease-out infinite}
.pz3 .kd{position:absolute;right:12px;top:12px;font:500 10px var(--f22-mono);color:#A9B7C2}
@keyframes kpulse{50%{filter:brightness(1.12)}}@keyframes kfloat{50%{transform:translateY(-5px) rotate(-2deg)}}@keyframes kpop{0%,70%,100%{transform:none}80%{transform:scale(.8)}}@keyframes kspin{to{transform:rotate(360deg)}}@keyframes kflash{0%,88%{opacity:0}90%{opacity:.6}100%{opacity:0}}
@media (max-width:860px){.pz3 .kies{justify-content:flex-start;padding:26px 0 36px}.pz3 .kies .kh{font-size:36px}.pz3 .kies .kp{margin-bottom:18px;font-size:14px}
 .pz3 .kcards{grid-template-columns:1fr 1fr;gap:10px}.pz3 .kcard{padding:10px 10px 12px;border-radius:18px}.pz3 .kill{height:92px}.pz3 .kt{font-size:16px;margin-top:10px}.pz3 .kpr{font-size:11.5px}.pz3 .kgo{width:24px;height:24px;font-size:11px;right:10px;bottom:12px}
 .pz3 .kcard.top{grid-column:1/3}.pz3 .kcard.top .kill{height:110px}.pz3 .ktag{left:18px;top:18px}.pz3 .kfree{font-size:12px;text-align:left}}
@media (prefers-reduced-motion:reduce){.pz3 .kies *{animation:none!important}}

body.f22-one.f22-pz3 .f22-pz-sec{background:transparent!important}

/* ---- nieuwe voorbeelden in de samensteller ---- */
.pz3 .sp-lbl{position:absolute;left:14px;top:12px;font:500 10px var(--f22-mono);letter-spacing:.14em;text-transform:uppercase;color:#00ACEA;z-index:3}
.pz3 .sp-anim-formi{flex-direction:column}
.pz3 .sp-formi{width:62%;height:auto;overflow:visible}
.pz3 .sp-formi .all{transform-origin:100px 180px;animation:fHop 3.2s cubic-bezier(.3,0,.3,1) infinite}
.pz3 .sp-formi .a2{transform-origin:100px 102px;animation:fNod 3.2s ease-in-out infinite}
.pz3 .sp-formi .hd{transform-origin:110px 60px;animation:fHead 3.2s ease-in-out infinite}
.pz3 .sp-formi .beam{opacity:0;animation:fBeam 3.2s ease-in-out infinite}
.pz3 .sp-formi .eyes{transform-origin:130px 48px;animation:fBlink 3.2s infinite}
.pz3 .sp-formi .sh{transform-origin:100px 182px;animation:fSh 3.2s cubic-bezier(.3,0,.3,1) infinite}
@keyframes fHop{0%,30%,100%{transform:none}12%{transform:translateY(-22px) scaleY(1.03)}22%{transform:translateY(0) scaleY(.94)}}
@keyframes fSh{0%,30%,100%{transform:none;opacity:1}12%{transform:scaleX(.7);opacity:.5}}
@keyframes fNod{0%,35%{transform:none}45%{transform:rotate(-10deg)}55%{transform:rotate(4deg)}65%,100%{transform:none}}
@keyframes fHead{0%,60%{transform:none}70%,92%{transform:rotate(-8deg)}100%{transform:none}}
@keyframes fBeam{0%,66%{opacity:0}72%,90%{opacity:1}100%{opacity:0}}
@keyframes fBlink{0%,48%,52%,100%{transform:none}50%{transform:scaleY(.1)}}
.pz3 .sp-poses{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:6px}.pz3 .sp-poses span{font:500 10.5px var(--f22-sans);padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.08);color:#A9B7C2}
/* animatie- en bedrijfsvideo: een echt filmpje met scènes */
.pz3 .sp-vid{width:min(440px,92%);animation:spIn .6s both}
.pz3 .sp-vid .scr{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#FFFFFF;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.pz3 .sp-vid .sc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#0E1A23;opacity:0;animation:vSc 10s infinite}
.pz3 .sp-vid .sc b{font:600 20px var(--f22-sans);letter-spacing:-.03em}.pz3 .sp-vid .sc small{font-size:12px;color:#5d6d79}
.pz3 .sp-vid .s1{animation-delay:0s}.pz3 .sp-vid .s2{animation-delay:2.5s;background:#E1E7EC}.pz3 .sp-vid .s3{animation-delay:5s;background:#D6EFFA}.pz3 .sp-vid .s4{animation-delay:7.5s;background:#0E1A23}
.pz3 .sp-vid .s4 svg{width:70px;fill:#E1E7EC;animation:vLogo 10s 7.5s infinite}
@keyframes vSc{0%{opacity:0;transform:scale(1.04)}3%,22%{opacity:1;transform:none}25%,100%{opacity:0}}
@keyframes vLogo{0%{transform:scale(.6) rotate(-8deg)}6%{transform:scale(1.05)}10%,100%{transform:none}}
.pz3 .sp-vid .shop{width:46px;height:40px;border-radius:6px;background:#00ACEA;position:relative;animation:vPop 10s infinite}.pz3 .sp-vid .shop:before{content:"";position:absolute;left:-6px;right:-6px;top:-10px;height:12px;border-radius:4px;background:repeating-linear-gradient(90deg,#0E1A23 0 8px,#E1E7EC 8px 16px)}
.pz3 .sp-vid .ph{width:58px;height:96px;border-radius:12px;background:#0E1A23;padding:8px 6px;display:flex;flex-direction:column;gap:5px}.pz3 .sp-vid .ph i{height:16px;border-radius:4px;background:#E1E7EC}.pz3 .sp-vid .ph i:last-child{background:#00ACEA;margin-top:auto}
.pz3 .sp-vid .bars{display:flex;align-items:flex-end;gap:7px;height:70px}.pz3 .sp-vid .bars i{width:16px;border-radius:4px 4px 0 0;background:#0088c2;height:20%;animation:vBar 10s infinite}
.pz3 .sp-vid .bars i:nth-child(2){animation-name:vBar2}.pz3 .sp-vid .bars i:nth-child(3){animation-name:vBar3}.pz3 .sp-vid .bars i:nth-child(4){animation-name:vBar4}
@keyframes vBar{0%,50%{height:15%}60%,100%{height:30%}}@keyframes vBar2{0%,50%{height:15%}62%,100%{height:48%}}@keyframes vBar3{0%,50%{height:15%}64%,100%{height:68%}}@keyframes vBar4{0%,50%{height:15%}66%,100%{height:96%}}
@keyframes vPop{0%{transform:scale(.4)}4%{transform:scale(1.08)}7%,100%{transform:none}}
.pz3 .sp-vid .cap{position:absolute;left:10px;top:9px;font:500 9.5px var(--f22-mono);letter-spacing:.12em;text-transform:uppercase;color:#5d6d79;z-index:2}
.pz3 .sp-vid .ctl{display:flex;align-items:center;gap:10px;margin-top:12px;color:#E1E7EC;font:500 11px var(--f22-mono)}
.pz3 .sp-vid .ctl .tr{flex:1;height:4px;border-radius:4px;background:rgba(255,255,255,.15);overflow:hidden}.pz3 .sp-vid .ctl .tr i{display:block;height:100%;width:100%;background:#00ACEA;transform-origin:0 50%;animation:vTr 10s linear infinite}
@keyframes vTr{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.pz3 .sp-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.pz3 .sp-scenes span{font:500 10.5px var(--f22-sans);color:#A9B7C2;padding:6px;border-radius:8px;background:rgba(255,255,255,.06);text-align:center}
.pz3 .sp-bv .sc{background:#1f3443;color:#E1E7EC}.pz3 .sp-bv .sc small{color:#A9B7C2}.pz3 .sp-bv .s2{background:#3b4a56}.pz3 .sp-bv .s3{background:#5a5040}
/* content: reel uitgelegd */
.pz3 .sp-reelx{position:absolute;right:-118px;top:70px;width:150px;animation:spIn .6s .3s both}
.pz3 .sp-reelx .v{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#0088c2,#13212c);box-shadow:0 30px 50px -20px rgba(0,0,0,.8),0 0 0 1.5px rgba(255,255,255,.18)}
.pz3 .sp-reelx .tt{position:absolute;left:10px;right:10px;top:16px;font:600 13px/1.15 var(--f22-sans);color:#fff}
.pz3 .sp-reelx .sub{position:absolute;left:10px;right:10px;bottom:26px;font:500 10px var(--f22-sans);color:#fff;background:rgba(0,0,0,.45);padding:4px 6px;border-radius:5px}
.pz3 .sp-reelx .pg{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#00ACEA;transform-origin:0 50%;animation:vTr 6s linear infinite}
.pz3 .sp-reelx .lg{position:absolute;right:8px;top:8px;width:20px;height:20px;border-radius:50%;background:#E1E7EC;color:#0E1A23;font:700 8px var(--f22-sans);display:grid;place-items:center}
.pz3 .sp-reelx .nfo{margin-top:8px;font-size:11px;color:#A9B7C2;line-height:1.35}.pz3 .sp-reelx .nfo b{display:block;color:#E1E7EC;font-size:12px}
/* content: beheer */
.pz3 .sp-beheer{position:absolute;right:-150px;top:40px;width:230px;border-radius:18px;background:#FFFFFF;color:#0E1A23;padding:12px;box-shadow:0 30px 60px -20px rgba(0,0,0,.8);animation:spIn .6s .3s both}
.pz3 .sp-beheer .hd b{font:600 14px var(--f22-sans)}.pz3 .sp-beheer .hd span{display:block;font-size:10px;color:#5d6d79;margin-bottom:8px}
.pz3 .sp-beheer .m{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid rgba(14,26,35,.08);opacity:0;animation:mIn .5s both}
.pz3 .sp-beheer .m:nth-child(2){animation-delay:.5s}.pz3 .sp-beheer .m:nth-child(3){animation-delay:1s}.pz3 .sp-beheer .m:nth-child(4){animation-delay:1.5s}
.pz3 .sp-beheer .m i{width:24px;height:24px;border-radius:50%;background:#00ACEA;font:600 10px var(--f22-sans);font-style:normal;display:grid;place-items:center}
.pz3 .sp-beheer .m b{display:block;font-size:11px}.pz3 .sp-beheer .m small{font-size:10px;color:#5d6d79}
.pz3 .sp-beheer .ok{font:600 9px var(--f22-sans);color:#0079ad}.pz3 .sp-beheer .fw{font:600 9px var(--f22-sans);color:#8a5a2b}
.pz3 .sp-beheer .rep{margin-top:8px;padding:8px;border-radius:12px;background:#E1E7EC}.pz3 .sp-beheer .rep b{font-size:11px}.pz3 .sp-beheer .rep small{font-size:9.5px;color:#5d6d79}
.pz3 .sp-beheer .bars{display:flex;align-items:flex-end;gap:6px;height:40px;margin:6px 0 2px}.pz3 .sp-beheer .bars i{flex:1;border-radius:4px 4px 0 0;background:#0088c2;transform-origin:bottom;animation:bUp .8s 2s both}
@keyframes mIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes bUp{from{transform:scaleY(0)}to{transform:none}}
@media (max-width:860px){.pz3 .sp-reelx{right:-96px;width:120px}.pz3 .sp-beheer{right:-130px;width:200px}}
/* foto: shoot */
.pz3 .sp-shoot{position:relative;width:min(400px,88%);animation:spIn .6s both}
.pz3 .sp-shoot .vf{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:radial-gradient(80% 90% at 60% 40%,#2fa6d8,#13212c);box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.pz3 .sp-shoot .subj{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:120px;height:170px}.pz3 .sp-shoot .subj .hd{position:absolute;left:38px;top:0;width:44px;height:52px;border-radius:50%;background:#E3C9A8}.pz3 .sp-shoot .subj .bd{position:absolute;left:0;right:0;bottom:0;height:115px;border-radius:60px 60px 0 0;background:#0E1A23}
.pz3 .sp-shoot .af{position:absolute;left:50%;top:22%;width:60px;height:60px;margin-left:-30px;border:1.5px solid #00ACEA;border-radius:6px;animation:af 2.4s infinite}
@keyframes af{0%{transform:scale(1.5);opacity:0}20%{transform:scale(1);opacity:1}35%{opacity:.4}45%{opacity:1}100%{opacity:1}}
.pz3 .sp-shoot .c{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.8)}.pz3 .sp-shoot .tl{left:10px;top:10px;border-right:0;border-bottom:0}.pz3 .sp-shoot .tr{right:10px;top:10px;border-left:0;border-bottom:0}.pz3 .sp-shoot .bl{left:10px;bottom:10px;border-right:0;border-top:0}.pz3 .sp-shoot .br{right:10px;bottom:10px;border-left:0;border-top:0}
.pz3 .sp-shoot .rec{position:absolute;left:14px;bottom:12px;font:500 9.5px var(--f22-mono);color:#E1E7EC}
.pz3 .sp-shoot .flash{position:absolute;inset:0;border-radius:16px;background:#fff;opacity:0;animation:fl 2.4s 1s infinite;pointer-events:none}
@keyframes fl{0%,90%{opacity:0}92%{opacity:.85}100%{opacity:0}}
.pz3 .sp-strip2{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:10px}.pz3 .sp-strip2 span{aspect-ratio:1;border-radius:6px;background:linear-gradient(135deg,#2fa6d8,#1f3443);opacity:0;animation:mIn .4s both}
.pz3 .sp-shoot .sp-lbl{position:static;display:block;margin-top:8px}
.pz3 .sp-reels .rl .t{position:absolute;left:8px;right:8px;bottom:22px;font:600 11px/1.2 var(--f22-sans);color:#fff}.pz3 .sp-reels .rl .d{position:absolute;right:8px;top:8px;font:500 9px var(--f22-mono);color:#fff;background:rgba(0,0,0,.4);padding:2px 5px;border-radius:4px}
.pz3 .sp-event .stage{position:absolute;left:50%;top:38%;transform:translateX(-50%);background:#E1E7EC;color:#0E1A23;padding:6px 14px;border-radius:6px;font:600 12px var(--f22-sans)}
/* drone als eigen dienst */
.pz3 .sp-air{position:relative;width:min(420px,90%);aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#0088c2;box-shadow:0 40px 80px -30px rgba(0,0,0,.8);animation:spIn .6s both}
.pz3 .sp-air .land{position:absolute;inset:-20%;background:linear-gradient(135deg,#0a8fc6,#0079ad);animation:airPan 12s linear infinite}
.pz3 .sp-air .land i{position:absolute;display:block}
.pz3 .sp-air .r1{left:0;right:0;top:46%;height:14px;background:#A9B7C2;transform:rotate(-12deg)}.pz3 .sp-air .r2{top:0;bottom:0;left:58%;width:10px;background:#A9B7C2;transform:rotate(8deg)}
.pz3 .sp-air .h1,.pz3 .sp-air .h2,.pz3 .sp-air .h3{width:46px;height:34px;background:#E1E7EC;border-radius:3px;box-shadow:6px 6px 0 rgba(0,0,0,.18)}.pz3 .sp-air .h1{left:30%;top:24%}.pz3 .sp-air .h2{left:40%;top:30%;background:#B07A5A}.pz3 .sp-air .h3{left:66%;top:62%}
.pz3 .sp-air .tr1,.pz3 .sp-air .tr2{width:34px;height:34px;border-radius:50%;background:#0b3a52;box-shadow:5px 5px 0 rgba(0,0,0,.15)}.pz3 .sp-air .tr1{left:22%;top:62%}.pz3 .sp-air .tr2{left:74%;top:22%}
@keyframes airPan{from{transform:translate(0,0) rotate(0)}to{transform:translate(-8%,6%) rotate(6deg)}}
.pz3 .sp-air .hud{position:absolute;inset:0}.pz3 .sp-air .hud span{position:absolute;font:500 10px var(--f22-mono);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pz3 .sp-air .hud span:first-child{left:16px;bottom:14px}.pz3 .sp-air .hud span:nth-child(2){right:16px;bottom:14px}
.pz3 .sp-air .c{position:absolute;width:18px;height:18px;border:2px solid #fff}.pz3 .sp-air .tl{left:12px;top:12px;border-right:0;border-bottom:0}.pz3 .sp-air .tr{right:12px;top:12px;border-left:0;border-bottom:0}.pz3 .sp-air .bl{left:12px;bottom:32px;border-right:0;border-top:0}.pz3 .sp-air .br{right:12px;bottom:32px;border-left:0;border-top:0}
.pz3 .sp-air .sp-drone.big{position:absolute;left:50%;top:44%;width:90px;margin-left:-45px;filter:drop-shadow(0 18px 10px rgba(0,0,0,.35))}
.pz3 .sp-air .sp-lbl{left:auto;right:14px;top:14px;color:#fff}
.pz3 .tl .p s{opacity:.55;margin-right:4px;font-weight:400}
.pz3 .sp-air .sp-drone.big{animation:hov 3s ease-in-out infinite}.pz3 .sp-air .sp-drone.big svg{width:100%;height:auto}
@keyframes hov{50%{transform:translateY(-8px)}}
/* overlays passen binnen het voorbeeldvlak: telefoon schuift wat op */
.pz3 .sp-content:has(.sp-reelx) .sp-phone,.pz3 .sp-content:has(.sp-beheer) .sp-phone{transform:scale(.82) translateX(-22%)}
.pz3 .sp-content .sp-phone{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.pz3 .sp-content .sp-reelx{position:absolute;right:6%;left:auto;top:auto;bottom:16%;width:128px;z-index:4}
.pz3 .sp-content .sp-beheer{position:absolute;right:4%;left:auto;top:auto;bottom:12%;width:188px;z-index:4}
.pz3 .sp-beheer .ok,.pz3 .sp-beheer .fw{white-space:nowrap;font-size:8.5px}
.pz3 .sp-beheer .m{grid-template-columns:22px minmax(0,1fr) auto}.pz3 .sp-beheer .m small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pz3 .sp-bv .scr{background:#1f3443}
.pz3 .sp-formi{width:50%;margin-bottom:22px}
.pz3 .sp-poses{bottom:8px}
.pz3 .sp-reelx .nfo{background:rgba(10,20,28,.85);border-radius:10px;padding:7px 9px}

/* telefoonbalk op mobiel: pas een donkere achtergrond als hij bij het scrollen blijft hangen */
.pz3 .pz3-sent{display:block;height:0;width:100%}
@media (max-width:860px){body.f22-pz3 .pz3 .phonecol,body.f22-pz3 .pz3 .ohero{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .35s ease}
 body.f22-pz3 .pz3 .phonecol.is-stuck,body.f22-pz3 .pz3 .ohero.is-stuck{background:linear-gradient(180deg,rgba(10,20,28,.92) 70%,rgba(10,20,28,0))!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}}
/* mobiel: het voorbeeld (app, content, animatie, foto) altijd heel en gecentreerd in de balk */
@media (max-width:860px){
 body.f22-pz3 .pz3 .ohero{height:300px!important;min-height:0!important;position:sticky;overflow:hidden}
 body.f22-pz3 .pz3 .ohero .sp{position:absolute!important;left:50%;top:50%;width:560px!important;height:520px!important;transform:translate(-50%,-50%) scale(.56)!important;transform-origin:50% 50%!important}
 body.f22-pz3 .pz3 .ohero .sp-anim,body.f22-pz3 .pz3 .ohero .sp-vid,body.f22-pz3 .pz3 .ohero .sp-air,body.f22-pz3 .pz3 .ohero .sp-shoot{width:440px!important}
}
@media (max-width:860px) and (min-width:500px){body.f22-pz3 .pz3 .ohero{height:360px!important}body.f22-pz3 .pz3 .ohero .sp{transform:translate(-50%,-50%) scale(.64)!important}}
/* mobiel: voorbeeldbalk van app/content/animatie/foto net als bij de website — geen kader, schaduw pas als hij vastplakt */
@media (max-width:860px){
 body.f22-pz3 .pz3 .ohero{border-radius:0!important;box-shadow:none!important;border:0!important}
 body.f22-pz3 .pz3 .ohero.is-stuck{box-shadow:none!important}
 body.f22-pz3 .pz3 .cfg-o{gap:0!important}
}
@media (max-width:860px){body.f22-pz3 .pz3 .ohero .sp-fmt{right:8px!important;left:auto}body.f22-pz3 .pz3 .ohero .sp-anim{aspect-ratio:16/11!important;height:auto!important}}

.pz3 .sp-anim-formi{overflow:hidden;padding:0}
.pz3 .sp-anim-formi video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 60%;border-radius:20px}
.pz3 .sp-anim-formi .sp-lbl{background:rgba(10,20,28,.6);padding:4px 8px;border-radius:99px}
.pz3 .sp-anim-formi .sp-poses span{background:rgba(10,20,28,.65)}
/* vastplakkende telefoonbalk: geen harde lijn onderaan, maar een zachte overgang naar helder */
@media (max-width:860px){
 body.f22-pz3 .pz3 .phonecol.is-stuck,body.f22-pz3 .pz3 .ohero.is-stuck{background:linear-gradient(180deg,rgba(10,20,28,.96) 0%,rgba(10,20,28,.9) 45%,rgba(10,20,28,.55) 72%,rgba(10,20,28,.18) 90%,rgba(10,20,28,0) 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}

/* ---------- Bestaande klant (bk3) ---------- */
.pz3.bk3 .bk-top{padding:30px 0 6px}
.pz3.bk3 .bk-top h1{margin:6px 0 10px;font:600 clamp(32px,3.6vw,50px)/1 var(--f22-sans);letter-spacing:-.045em;color:#E1E7EC}
.pz3.bk3 .bk-top .lead{margin:0 0 14px;max-width:560px;color:#A9B7C2;font-size:16px;line-height:1.5}
.pz3.bk3 .bk-links{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#A9B7C2}
.pz3.bk3 .bk-links a{padding:7px 12px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(225,231,236,.2);color:#E1E7EC!important;text-decoration:none!important}
.pz3.bk3 .bk-links a:first-child{background:#E1E7EC;color:#0E1A23!important;box-shadow:none;font-weight:600;margin-right:6px}
.pz3.bk3 .opts section{display:flex;flex-direction:column;gap:12px}
.pz3.bk3 .opts h2{margin:0;font:600 24px var(--f22-sans);letter-spacing:-.03em;color:#E1E7EC}.pz3.bk3 .opts .sub{margin:-6px 0 0;color:#A9B7C2;font-size:14px}
.pz3.bk3 .grp{font:500 11px var(--f22-mono);letter-spacing:.16em;text-transform:uppercase;color:#00ACEA;margin-top:4px}
.pz3.bk3 .bk-chips{display:flex;flex-wrap:wrap;gap:8px}
.pz3.bk3 .bk-chips button{all:unset;cursor:pointer;padding:10px 14px;border-radius:99px;font:500 14px var(--f22-sans);color:#E1E7EC;background:rgba(6,12,17,.45);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.16);transition:background .2s,box-shadow .2s,transform .2s}
.pz3.bk3 .bk-chips button:before{content:"+";display:inline-block;width:14px;opacity:.6}
.pz3.bk3 .bk-chips button.on{background:#00ACEA;color:#0E1A23;box-shadow:none}.pz3.bk3 .bk-chips button.on:before{content:"✓";opacity:1}
.pz3.bk3 .bk-chips button:hover{transform:translateY(-1px)}
.pz3.bk3 .bk-adv{padding:16px 18px;border-radius:18px;background:rgba(0,172,234,.12);box-shadow:inset 0 0 0 1.5px rgba(0,172,234,.45);color:#E1E7EC;animation:spIn .45s both}
.pz3.bk3 .bk-adv b{font:600 15px var(--f22-sans)}.pz3.bk3 .bk-adv ul{margin:8px 0 0;padding-left:18px;display:grid;gap:5px;font-size:14px;color:#D9E2E8}
.pz3.bk3 .bk-adv .lk{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pz3.bk3 .bk-adv .lk a{font-size:13px;color:#00ACEA!important}
.pz3.bk3 .bk-adv button{all:unset;cursor:pointer;margin-top:12px;display:inline-block;background:#E1E7EC;color:#0E1A23;padding:10px 16px;border-radius:99px;font:600 13.5px var(--f22-sans)}
.pz3.bk3 .pks.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.pz3.bk3 .bk-free{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;background:rgba(6,12,17,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#E1E7EC}
.pz3.bk3 .bk-free span{flex:none;width:38px;height:38px;border-radius:50%;background:#00ACEA;color:#0E1A23;font:700 12px var(--f22-sans);display:grid;place-items:center}.pz3.bk3 .bk-free small{display:block;color:#A9B7C2;font-size:12.5px;line-height:1.4}
.pz3.bk3 .tls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pz3.bk3 .bk-sum{padding:18px;border-radius:22px;background:#E1E7EC;color:#0E1A23}
.pz3.bk3 .bk-sum .row{display:flex;justify-content:space-between;gap:14px;align-items:flex-end}
.pz3.bk3 .bk-sum small{display:block;color:#5d6d79;font-size:12px}.pz3.bk3 .bk-sum #bksum{font:500 14px/1.4 var(--f22-sans)}
.pz3.bk3 .bk-sum .tt{text-align:right;flex:none}.pz3.bk3 .bk-sum #bktot{font:600 30px var(--f22-sans);letter-spacing:-.04em}
.pz3.bk3 .bk-form{display:grid;gap:8px;margin-top:14px}.pz3.bk3 .bk-form .two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pz3.bk3 .bk-form input,.pz3.bk3 .bk-form textarea{width:100%;box-sizing:border-box;border:0;border-radius:12px;padding:12px 14px;background:#F4F7F9;box-shadow:inset 0 0 0 1px rgba(14,26,35,.12);font:400 14px var(--f22-sans);color:#0E1A23}
.pz3.bk3 .bk-form button{border:0;cursor:pointer;background:#0E1A23;color:#E1E7EC;padding:14px 18px;border-radius:99px;font:600 14.5px var(--f22-sans)}
.pz3.bk3 .bk-form .msg{margin:0;font-size:13px;color:#0079ad}
/* voor/na-vergelijking */
.pz3.bk3 .bk-prev{flex-direction:column;align-items:center}
.pz3.bk3 .bk-cmp{width:min(470px,100%);border-radius:16px;overflow:hidden;background:#060C11;box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(225,231,236,.12)}
.pz3.bk3 .bk-cmp .bar{height:28px;background:#13212C;display:flex;align-items:center;gap:6px;padding:0 10px}.pz3.bk3 .bk-cmp .bar i{width:9px;height:9px;border-radius:50%;background:#3b4a56}.pz3.bk3 .bk-cmp .bar i:first-child{background:#00ACEA}
.pz3.bk3 .bk-cmp .u{flex:1;margin-left:8px;height:17px;border-radius:9px;background:#0A141C;color:#A9B7C2;font:500 10px var(--f22-mono);display:flex;align-items:center;gap:5px;padding-left:8px}.pz3.bk3 .lock{font-size:9px}
.pz3.bk3 .vp{--x:50%;position:relative;aspect-ratio:4/3.3;cursor:ew-resize;touch-action:pan-y;user-select:none}
.pz3.bk3 .vp .old,.pz3.bk3 .vp .new{position:absolute;inset:0;overflow:hidden}
.pz3.bk3 .vp .old{clip-path:inset(0 calc(100% - var(--x)) 0 0);background:#FFFDE8;font-family:"Times New Roman",serif;color:#000}
.pz3.bk3 .o-ban{background:linear-gradient(#8a6a3a,#5a4426);color:#FFD966;text-align:center;font:italic 700 17px "Times New Roman",serif;padding:10px 6px;border-bottom:3px ridge #c9a24a}
.pz3.bk3 .o-nav{font-size:11px;padding:5px;text-align:center;color:#00e;text-decoration:underline;background:#fff9c4}
.pz3.bk3 .o-body{padding:10px 12px;font-size:12px;line-height:1.35}
.pz3.bk3 .o-warn{display:inline-block;background:#e33;color:#fff;font:700 11px Arial,sans-serif;padding:3px 7px;border-radius:3px;margin-bottom:6px}
.pz3.bk3 .o-uc{margin:8px 0;padding:10px;text-align:center;font:700 13px Arial,sans-serif;background:repeating-linear-gradient(45deg,#f5c400 0 12px,#111 12px 24px);color:#fff;text-shadow:0 1px 2px #000}
.pz3.bk3 .o-tel{color:#c00;font-weight:700}
.pz3.bk3 .vp .new{background:#FFFFFF;color:#0E1A23;font-family:var(--f22-sans)}
.pz3.bk3 .n-nav{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:10.5px;color:#46545f}.pz3.bk3 .n-nav b{font-size:12px;color:#0E1A23;margin-right:auto}.pz3.bk3 .n-nav i{font-style:normal;font-weight:600;padding:2px 6px;border-radius:99px;background:#0E1A23;color:#E1E7EC}
.pz3.bk3 .n-hero{margin:4px 12px 10px;border-radius:12px;padding:18px 16px;min-height:44%;background:linear-gradient(135deg,#00ACEA,#0088c2);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:4px}
.pz3.bk3 .n-hero b{font:600 18px/1.05 var(--f22-sans);letter-spacing:-.03em;max-width:80%}.pz3.bk3 .n-hero small{font-size:10.5px}
.pz3.bk3 .n-hero .btn{margin-top:6px;background:#0E1A23;color:#E1E7EC;padding:6px 10px;border-radius:99px;font:600 10px var(--f22-sans)}
.pz3.bk3 .n-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 12px}.pz3.bk3 .n-card{height:58px;border-radius:10px;background:#D9E2E8;padding:7px;font-size:9.5px;display:flex;flex-direction:column}
.pz3.bk3 .n-card b{font-size:12px}.pz3.bk3 .n-card span{margin-top:auto;font-weight:700;color:#0079ad}
.pz3.bk3 .n-card.d3 i{margin:auto;width:26px;height:26px;background:#0088c2;transform:rotateX(55deg) rotateZ(45deg);box-shadow:6px 6px 0 #0b3a52;animation:d3s 4s linear infinite}
@keyframes d3s{to{transform:rotateX(55deg) rotateZ(405deg)}}
.pz3.bk3 .n-bot{position:absolute;right:12px;bottom:12px;max-width:62%;background:#0E1A23;color:#E1E7EC;font-size:10px;padding:8px 10px;border-radius:12px 12px 4px 12px}
.pz3.bk3 .hl{animation:pz3pop .5s both}
.pz3.bk3 .vp .hd{position:absolute;top:0;bottom:0;left:var(--x);width:0;z-index:3}
.pz3.bk3 .vp .hd i{position:absolute;top:0;bottom:0;left:-1px;width:2px;background:#E1E7EC;box-shadow:0 0 12px rgba(0,0,0,.4)}
.pz3.bk3 .vp .hd:after{content:"⟷";position:absolute;top:50%;left:-19px;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:#E1E7EC;color:#0E1A23;display:grid;place-items:center;font-size:15px;box-shadow:0 8px 20px -6px rgba(0,0,0,.5)}
.pz3.bk3 .vp .hd span{position:absolute;top:10px;font:600 10px var(--f22-mono);letter-spacing:.14em;text-transform:uppercase;padding:3px 7px;border-radius:99px;background:rgba(10,20,28,.75);color:#E1E7EC;white-space:nowrap}
.pz3.bk3 .vp .hd span:first-child{right:12px}.pz3.bk3 .vp .hd span:last-child{left:12px}
.pz3.bk3 .bk-cap{margin:10px 0 0;font-size:12px;color:#A9B7C2}
@media (max-width:860px){.pz3.bk3 .tls{grid-template-columns:1fr}.pz3.bk3 .bk-form .two{grid-template-columns:1fr}.pz3.bk3 .bk-sum .row{flex-direction:column;align-items:flex-start}.pz3.bk3 .bk-sum .tt{text-align:left}
 body.f22-pz3 .pz3.bk3 .bk-prev{height:auto!important;padding:8px 16px 14px!important}.pz3.bk3 .bk-cmp{width:min(330px,100%)}.pz3.bk3 .bk-cap{display:none}}

/* v4.53.3 · vastplakkende telefoonbalk: variant B met een klein beetje vervaging, zacht uitlopend */
@media (max-width:860px){
body.f22-pz3 .pz3 .phonecol.is-stuck,body.f22-pz3 .pz3 .ohero.is-stuck{background:transparent!important}body.f22-pz3 .pz3 .phonecol:before,body.f22-pz3 .pz3 .ohero:before{content:"";opacity:var(--stk,0);transform:translateY(calc((1 - var(--stk,0)) * -16px));position:absolute;left:0;right:0;top:0;height:calc(100% + 180px);z-index:-1;background:linear-gradient(180deg,rgba(10,20,28,.96) 0%,rgba(10,20,28,.9) 50%,rgba(10,20,28,.7) 62%,rgba(10,20,28,.44) 75%,rgba(10,20,28,.2) 87%,rgba(10,20,28,.06) 95%,rgba(10,20,28,0) 100%);backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}
body.f22-pz3 .pz3 .phonecol.is-stuck,body.f22-pz3 .pz3 .ohero.is-stuck{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}}

@media (max-width:860px){
 body.f22-pz3 .pz3 .phonecol,body.f22-pz3 .pz3 .ohero{background:transparent!important;overflow:visible!important}}
@media (min-width:861px){body.f22-pz3 .pz3 .phonecol:before,body.f22-pz3 .pz3 .ohero:before{display:none}}

/* telefoonbalk: de vervaging alleen achter de telefoon zelf (binnen de balk), zodat er op de iPhone geen harde rand ontstaat */
@media (max-width:860px){body.f22-pz3 .pz3 .phonecol:after,body.f22-pz3 .pz3 .ohero:after{content:"";position:absolute;left:0;right:0;top:0;height:62%;z-index:-1;pointer-events:none;opacity:var(--stk,0);
 backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border-radius:0 0 50% 50%/0 0 30% 30%}
}
@media (min-width:861px){body.f22-pz3 .pz3 .phonecol:after,body.f22-pz3 .pz3 .ohero:after{display:none}}

/* v4.55 · bestaande klant: prijs net zo duidelijk als bij nieuwe klant */
.bk3 .pk .diff{font:600 24px var(--f22-sans);letter-spacing:-.035em}.bk3 .pk .diff .va{font-size:12px;font-weight:500;opacity:.7;letter-spacing:0}
.bk3 .pk .full{font-size:11.5px;opacity:.7}.bk3 .pk.on .full{opacity:1;color:#00ACEA}
.bk-bon{margin-top:18px;background:#EEF3F6;color:#0E1A23;border-radius:16px;padding:16px 18px 14px;font-size:13px;box-shadow:0 30px 50px -28px rgba(0,0,0,.7)}
.bk-bon .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.bk-bon .hd small{font:600 10.5px var(--f22-mono);letter-spacing:.18em;text-transform:uppercase;color:#0079ad}
.bk-bon .hd span{font:600 9.5px var(--f22-sans);background:#0E1A23;color:#00ACEA;padding:3px 8px;border-radius:99px}.bk-bon .hd span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#00ACEA;margin-right:5px;animation:zvBlink 1.4s steps(2) infinite}
.bk-bon .ln,.bk-sum .ln{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px dashed rgba(14,26,35,.2)}.bk-bon .ln b{font-weight:600;white-space:nowrap}
.bk-bon .ln.k b{color:#0079ad}.bk-bon .ln.f{color:#6b7a86}.bk-bon .ln.f b{font-weight:500}
.bk-bon .tot{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid #0E1A23;margin-top:4px;padding-top:10px}.bk-bon .tot span{font-weight:600}.bk-bon .tot b{font:600 28px var(--f22-sans);letter-spacing:-.04em;display:inline-block;transform-origin:100% 50%}
.bk-bon .mo{display:flex;justify-content:space-between;color:#46545f;padding:4px 0 10px}
.bk-bon a{display:block;text-align:center;background:#0E1A23;color:#E1E7EC!important;border-radius:99px;padding:11px;font-weight:500;text-decoration:none}
.bk-bon p{margin:8px 0 0!important;padding:0!important;text-align:center;font-size:10.5px;color:#6b7a86}
.bk-sum .bk-lines{margin-top:10px;font-size:13px}.bk-sum .ln{border-color:rgba(14,26,35,.15)}.bk-sum .ln.m{color:#46545f}
.bk-bar{display:none}
@media (max-width:980px){
  .bk-bon{display:none}
  .bk-bar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9990;align-items:center;gap:10px;background:rgba(238,243,246,.96);color:#0E1A23!important;text-decoration:none;border-radius:18px;padding:10px 10px 10px 16px;box-shadow:0 20px 40px -14px rgba(0,0,0,.7);backdrop-filter:blur(10px);transform:translateY(140%);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
  .bk-bar.on{transform:none}
  .bk-bar small{display:block;font:600 9.5px var(--f22-mono);letter-spacing:.16em;text-transform:uppercase;color:#0079ad}.bk-bar b{font:600 22px var(--f22-sans);letter-spacing:-.04em}
  .bk-bar .pm{font-size:12px;color:#46545f;margin-right:auto}.bk-bar i{font-style:normal;background:#0E1A23;color:#E1E7EC;border-radius:99px;padding:10px 14px;font-size:13px;font-weight:500}
  body:has(.bk-bar.on) .f22-chat-btn{opacity:0;pointer-events:none;transition:opacity .3s}
}
.bk3 .bk-bon{width:100%;box-sizing:border-box;padding:12px 16px 12px}.bk3 .bk-bon .ln{padding:5px 0}.bk3 .bk-bon p{display:none}
.bk3 .bk-bon .tot{background:none!important;border-radius:0!important;box-shadow:none!important;padding:8px 0 0!important;margin:4px 0 0!important;border-top:2px solid #0E1A23!important;color:#0E1A23!important}
.bk3 .bk-bon .tot b{font-size:26px}.bk3 .bk-bon .mo{padding:2px 0 8px}
.bk3 .bk-sum .ln span{min-width:0}.bk3 .bk-sum .ln b{white-space:nowrap}

/* v4.55.3 · bestaande klant: voor/na-mock netter */
.pz3.bk3 .vp{aspect-ratio:4/3!important}
.pz3.bk3 .vp .hd span{top:auto!important;bottom:12px}
.pz3.bk3 .o-cnt{margin-top:10px;font:11px "Courier New",monospace;color:#333}.pz3.bk3 .o-cnt b{background:#000;color:#3f3;padding:1px 4px;letter-spacing:.1em}
.pz3.bk3 .o-upd{margin-top:8px;font:italic 10px "Times New Roman",serif;color:#777}
.pz3.bk3 .vp .new .n-row{margin-top:2px}

/* v4.57 · bestaande klant: laptop-voorbeeld dat meeverandert met je keuze (geen schuifbalk meer) */
.pz3.bk3 .bk-dev{width:min(520px,100%);position:relative}
.pz3.bk3 .bk-dev .scr{position:relative;border-radius:16px 16px 4px 4px;background:#05090d;padding:12px 12px 16px;box-shadow:0 0 0 1px rgba(225,231,236,.14),0 50px 90px -40px rgba(0,0,0,.9)}
.pz3.bk3 .bk-dev .scr:before{content:"";position:absolute;left:50%;top:4px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#16252f}
.pz3.bk3 .bk-dev .vp{position:relative;aspect-ratio:16/10!important;border-radius:5px;overflow:hidden;background:#fff;cursor:default;--x:auto}
.pz3.bk3 .bk-dev .base{height:12px;margin:0 -3.5%;border-radius:0 0 12px 12px;background:linear-gradient(#c4d0d9,#7c8b96);box-shadow:0 18px 26px -10px rgba(0,0,0,.6)}
.pz3.bk3 .bk-dev .base:before{content:"";display:block;width:16%;height:4px;margin:0 auto;border-radius:0 0 7px 7px;background:#98a6b0}
.pz3.bk3 .cv{position:absolute;left:0;top:0;width:880px;height:550px;transform-origin:0 0;font-family:var(--f22-sans)}
.pz3.bk3 .cv .ub{height:34px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#EAF0F4;border-bottom:1px solid #d6dfe6}
.pz3.bk3 .cv .ub i{width:11px;height:11px;border-radius:50%;background:#cad5de}
.pz3.bk3 .cv .ub span{margin-left:14px;flex:1;max-width:420px;height:22px;border-radius:7px;background:#fff;display:flex;align-items:center;gap:6px;padding-left:12px;font:500 12px var(--f22-sans);color:#4f5d68}
.pz3.bk3 .cv .ub .lock{font-size:10px}
.pz3.bk3 .cv .ub em{margin-left:auto;font:600 11px var(--f22-mono);font-style:normal;color:#0b3a52;background:#d6effa;padding:3px 8px;border-radius:99px;letter-spacing:.04em}
.pz3.bk3 .cv .pg{position:absolute;left:0;right:0;top:34px;bottom:0;overflow:hidden}
.pz3.bk3 .cv .old,.pz3.bk3 .cv .new{position:absolute;inset:0;clip-path:none!important}
.pz3.bk3 .cv.is-new .old{visibility:hidden}.pz3.bk3 .cv.is-old .new{visibility:hidden}
/* oude site: geloofwaardig gedateerd */
.pz3.bk3 .cv .old{background:#e9ecef;font-family:Arial,Helvetica,sans-serif;color:#333}
.pz3.bk3 .o-hd{background:#fff;border-bottom:3px solid #2b5797;padding:14px 24px;display:flex;align-items:center}.pz3.bk3 .o-hd b{font:bold 24px Georgia,serif;color:#2b5797}.pz3.bk3 .o-hd small{margin-left:auto;font-size:12px;color:#777}
.pz3.bk3 .o-nv{background:#2b5797;display:flex}.pz3.bk3 .o-nv span{color:#fff;font-size:13px;padding:9px 18px;border-right:1px solid #4d74b0}
.pz3.bk3 .o-bd{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px 24px}
.pz3.bk3 .o-sb{background:#fff;border:1px solid #c9c9c9;padding:10px 12px;font-size:13px;line-height:1.8;align-self:start}.pz3.bk3 .o-sb b{display:block;background:#dde4ee;margin:-10px -12px 8px;padding:6px 12px;font-size:13px}
.pz3.bk3 .o-mn{background:#fff;border:1px solid #c9c9c9;padding:14px 16px;font-size:13px;line-height:1.5}
.pz3.bk3 .o-mn h3{margin:0 0 8px;padding:0;font:bold 19px Georgia,serif;color:#2b5797}.pz3.bk3 .o-mn p{margin:0;padding:0;color:#333;font-size:13px}
.pz3.bk3 .o-ph{height:118px;margin:10px 0;background:linear-gradient(135deg,#9aa6b2,#c4ccd4);display:grid;place-items:center;color:#fff;font-size:12px}
.pz3.bk3 .o-mn .o-up{font-size:11px;color:#888;margin-top:6px}
.pz3.bk3 .o-x{display:inline-block;margin:8px 8px 0 0;padding:5px 10px;background:#f0f4fa;border:1px solid #2b5797;color:#2b5797;font-size:12px;font-weight:bold}
.pz3.bk3 .o-chat{position:absolute;right:16px;bottom:34px;background:#2b5797;color:#fff;font-size:12px;padding:8px 12px;border-radius:3px}
.pz3.bk3 .o-ft{position:absolute;left:0;right:0;bottom:0;background:#d5dae0;font-size:11px;color:#666;padding:8px 24px}
/* nieuwe site */
.pz3.bk3 .cv .new{background:#F7FAFC;color:#111e28;font-family:var(--f22-sans)}
.pz3.bk3 .n-nv{display:flex;align-items:center;gap:22px;padding:20px 36px;font-size:14px;color:#4f5d68;white-space:nowrap}
.pz3.bk3 .n-nv b{margin-right:auto;font:600 21px var(--f22-sans);letter-spacing:-.02em;color:#111e28}
.pz3.bk3 .n-nv .lg{font-style:normal;font-size:12px;font-weight:600;padding:4px 9px;border-radius:99px;box-shadow:inset 0 0 0 1px #a9b7c2}
.pz3.bk3 .n-nv .bt{background:#111e28;color:#F7FAFC;padding:9px 16px;border-radius:99px;font-weight:600}
.pz3.bk3 .cv .n-hero{margin:0 36px;display:grid;grid-template-columns:.9fr 1fr;gap:26px;align-items:center;min-height:0;padding:0;border-radius:0;background:none;flex-direction:initial}
.pz3.bk3 .cv .n-hero.v2{grid-template-columns:1fr .85fr}
.pz3.bk3 .n-hero .im{height:236px;border-radius:20px;background:radial-gradient(80% 90% at 70% 30%,#00acea,#0088c2);position:relative;overflow:hidden}
.pz3.bk3 .n-hero .im:after{content:"";position:absolute;left:20%;right:20%;bottom:-22%;height:76%;border-radius:50% 50% 0 0;background:rgba(247,250,252,.28)}
.pz3.bk3 .n-hero.v2 .im{height:250px;background:radial-gradient(70% 80% at 30% 30%,#d9c3a0,#8a6a45)}
.pz3.bk3 .n-hero h2{margin:0 0 12px!important;padding:0!important;font:600 42px/1.02 var(--f22-sans)!important;letter-spacing:-.045em!important;color:#111e28!important}
.pz3.bk3 .n-hero h2 em{font-family:'Instrument Serif',serif;font-weight:400;color:#0088c2}
.pz3.bk3 .n-hero .ey{display:block;margin-bottom:10px;font:500 11px var(--f22-mono);letter-spacing:.14em;text-transform:uppercase;color:#0088c2}
.pz3.bk3 .n-hero p{margin:0 0 18px;padding:0;font-size:14px;line-height:1.5;color:#4f5d68}
.pz3.bk3 .n-hero .cta{display:flex;gap:10px}.pz3.bk3 .n-hero .cta span{padding:10px 16px;border-radius:99px;font-size:13.5px;font-weight:600}.pz3.bk3 .n-hero .b1{background:#111e28;color:#F7FAFC}.pz3.bk3 .n-hero .b2{box-shadow:inset 0 0 0 1px #a9b7c2;color:#111e28}
.pz3.bk3 .cv .n-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 36px 0;width:calc(52% - 36px)}
.pz3.bk3 .cv .n-row.c3{grid-template-columns:repeat(3,1fr);width:calc(64% - 36px)}.pz3.bk3 .cv .n-row.c4{grid-template-columns:repeat(4,1fr);width:calc(66% - 36px)}
.pz3.bk3 .cv .n-row>div{height:78px;border-radius:14px;background:#EAF0F4;padding:12px;font-size:13px;display:flex;flex-direction:column}.pz3.bk3 .n-row b{font-weight:600}.pz3.bk3 .n-row small{color:#6b7a86;margin-top:2px;font-size:11.5px}
.pz3.bk3 .n-row .d3{align-items:center;justify-content:center;gap:6px}.pz3.bk3 .n-row .d3 i{width:24px;height:24px;background:#0088c2;transform:rotateX(55deg) rotateZ(45deg);box-shadow:5px 5px 0 #0b3a52;animation:d3s 4s linear infinite}
.pz3.bk3 .n-bk{position:absolute;right:36px;bottom:22px;width:268px;background:#fff;border-radius:18px;padding:14px;box-shadow:0 24px 48px -20px rgba(0,0,0,.35);font-size:12.5px}
.pz3.bk3 .n-bk.sm{width:220px}
.pz3.bk3 .n-bk b{display:block;font-size:14px;margin-bottom:9px}.pz3.bk3 .n-bk .d{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.pz3.bk3 .n-bk .d i{font-style:normal;text-align:center;padding:6px 0;border-radius:8px;background:#f1f5f8}.pz3.bk3 .n-bk .d i.on{background:#111e28;color:#fff}
.pz3.bk3 .n-bk .t{display:flex;gap:5px;margin-top:6px}.pz3.bk3 .n-bk .t i{font-style:normal;flex:1;text-align:center;padding:6px 0;border-radius:8px;box-shadow:inset 0 0 0 1px #dce4ea}.pz3.bk3 .n-bk .t i.on{box-shadow:inset 0 0 0 1.5px #0088c2;color:#0b3a52;font-weight:600}
.pz3.bk3 .n-bk .pay{margin-top:9px;padding:8px 10px;border-radius:10px;background:#fbe7f1;color:#5a1d3c;font-size:12px}.pz3.bk3 .n-bk .pay b{display:inline;font-size:12px;margin:0;color:#cc0066}
.pz3.bk3 .n-bot{position:absolute;left:36px;right:auto;max-width:none;bottom:22px;display:flex;align-items:center;gap:10px;background:#111e28;color:#F7FAFC;padding:10px 12px 10px 16px;border-radius:16px 16px 16px 4px;font-size:13px;box-shadow:0 18px 36px -16px rgba(0,0,0,.5)}
.pz3.bk3 .n-bot i{font-style:normal;width:28px;height:28px;border-radius:50%;background:#00ACEA;display:grid;place-items:center;font-size:14px}
/* drie kaartjes met de winst */
.pz3.bk3 .bk-ms{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(520px,100%);margin:20px 0 4px}
.pz3.bk3 .bk-ms .m{border-radius:14px;padding:11px 12px;background:rgba(225,231,236,.05);box-shadow:inset 0 0 0 1px rgba(225,231,236,.1)}
.pz3.bk3 .bk-ms small{display:block;font:500 9.5px var(--f22-mono);letter-spacing:.12em;text-transform:uppercase;color:#A9B7C2}
.pz3.bk3 .bk-ms .v{display:flex;align-items:baseline;gap:6px;margin-top:6px;flex-wrap:wrap}.pz3.bk3 .bk-ms s{color:#7c8b96;font-size:12px}.pz3.bk3 .bk-ms b{font:600 19px var(--f22-sans);letter-spacing:-.03em;color:#00ACEA}
.pz3.bk3 .bk-ms .br{height:4px;border-radius:4px;background:rgba(225,231,236,.1);margin-top:8px;overflow:hidden}.pz3.bk3 .bk-ms .br i{display:block;height:100%;border-radius:4px;background:#00ACEA;transition:width .8s cubic-bezier(.2,.8,.2,1)}
@media (max-width:860px){.pz3.bk3 .bk-dev{width:min(340px,92%)}.pz3.bk3 .bk-ms{display:none}.pz3.bk3 .bk-dev .scr{padding:8px 8px 10px}}
/* 4.58 · bestaande klanten in twee secties: eerst waar loop je tegen aan, dan kiezen */
.pz3.bk3 .bk-s1{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;margin:34px 0 10px;padding:30px;border-radius:28px;background:rgba(6,12,17,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.pz3.bk3 .bk-s1 .l{display:flex;flex-direction:column;gap:10px}
.pz3.bk3 .bk-s1 h2,.pz3.bk3 .bk-s2h h2{margin:2px 0 6px;font:600 clamp(26px,2.6vw,36px)/1.05 var(--f22-sans);letter-spacing:-.04em;color:#E1E7EC}
.pz3.bk3 .bk-s1 .r{align-self:start;position:sticky;top:calc(var(--hh,64px) + 20px);padding:22px;border-radius:22px;background:rgba(0,172,234,.1);box-shadow:inset 0 0 0 1.5px rgba(0,172,234,.38);color:#E1E7EC;display:flex;flex-direction:column;gap:12px}
.pz3.bk3 .bk-s1 .r h3{margin:0;font:600 21px/1.15 var(--f22-sans);letter-spacing:-.03em;color:#E1E7EC}
.pz3.bk3 .bk-mini{display:grid;gap:8px}
.pz3.bk3 .bk-mini div{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 14px;border-radius:14px;background:rgba(6,12,17,.45)}
.pz3.bk3 .bk-mini b{font:600 15px var(--f22-sans)}.pz3.bk3 .bk-mini small{grid-column:1;color:#A9B7C2;font-size:12.5px}
.pz3.bk3 .bk-mini span{grid-column:2;grid-row:1/3;align-self:center;font:600 15px var(--f22-sans);color:#00ACEA}
.pz3.bk3 .bk-s1 .hint{margin:0;color:#A9B7C2;font-size:13.5px}
.pz3.bk3 .bk-rec{padding:16px 18px;border-radius:18px;background:#E1E7EC;color:#0E1A23}
.pz3.bk3 .bk-rec .hd{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.pz3.bk3 .bk-rec .hd b{font:600 20px var(--f22-sans);letter-spacing:-.03em}.pz3.bk3 .bk-rec .hd span{font:600 18px var(--f22-sans)}.pz3.bk3 .bk-rec .hd small{font-size:12px;font-weight:500;color:#56656f}
.pz3.bk3 .bk-rec p{margin:6px 0 0;font-size:14px;line-height:1.45;color:#26405a}
.pz3.bk3 .bk-rec .xs{display:block;margin-top:8px;font-size:12.5px;color:#006c9b;font-weight:600}
.pz3.bk3 .bk-s1 .tt{font:500 11px var(--f22-mono);letter-spacing:.16em;text-transform:uppercase;color:#00ACEA}
.pz3.bk3 .bk-s1 .r ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px;line-height:1.45;color:#D9E2E8}
.pz3.bk3 .bk-s1 .f22n{margin:0;font-size:13.5px;color:#00ACEA}
.pz3.bk3 .bk-s1 .lk{display:flex;flex-wrap:wrap;gap:10px}.pz3.bk3 .bk-s1 .lk a{font-size:13px;color:#00ACEA!important}
.pz3.bk3 .bk-s1 .r button{all:unset;cursor:pointer;align-self:flex-start;background:#00ACEA;color:#0E1A23;padding:12px 18px;border-radius:99px;font:600 14px var(--f22-sans);transition:transform .2s}
.pz3.bk3 .bk-s1 .r button:hover{transform:translateY(-1px)}
.pz3.bk3 .bk-chips.one button:before{content:"";width:0}
.pz3.bk3 .bk-s2h{margin:56px 0 18px;max-width:640px}
.pz3.bk3 .bk-s2h p{margin:0;color:#A9B7C2;font-size:15.5px;line-height:1.5}
.pz3.bk3 .oinh .pick{margin:0;color:#A9B7C2;font-size:14px}
.pz3.bk3 .bk-ms.now .m b{color:#E08A6A}.pz3.bk3 .bk-ms.now .br i{background:#E08A6A}
.pz3.bk3 #bku.bad{color:#B4472F}
@media (max-width:860px){.pz3.bk3 .bk-s1{grid-template-columns:1fr;padding:20px;gap:20px}.pz3.bk3 .bk-s1 .r{position:static}.pz3.bk3 .bk-s2h{margin-top:40px}}
/* 4.58 · drie doelgroepen */
.pz3.bk3 .bk-dg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 16px;max-width:980px}
.pz3.bk3 .bk-dg>*{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:18px;background:rgba(6,12,17,.45);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.14);color:#E1E7EC;transition:transform .2s,box-shadow .2s,background .2s}
.pz3.bk3 .bk-dg>*:hover{transform:translateY(-2px)}
.pz3.bk3 .bk-dg small{font:500 10.5px var(--f22-mono);letter-spacing:.14em;text-transform:uppercase;color:#00ACEA}
.pz3.bk3 .bk-dg b{font:600 17px/1.2 var(--f22-sans);letter-spacing:-.02em}
.pz3.bk3 .bk-dg span{font-size:13px;color:#A9B7C2}
.pz3.bk3 .bk-dg a{color:#E1E7EC!important;text-decoration:none!important}
.pz3.bk3 .bk-dg .on{background:rgba(0,172,234,.16);box-shadow:inset 0 0 0 2px #00ACEA}
.pz3.bk3 .bk-dg .on small{color:#00ACEA}
.pz3.bk3 .pks.n4{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.pz3.bk3 .bk-dg{grid-template-columns:1fr}}
.pz3.bk3 s.was{opacity:.55;font-weight:500;font-size:.72em;margin-right:4px}
/* 4.59 · logo-animatie en 3D in het live voorbeeld */
.pz3 .plogo{display:block;width:16px;height:16px;border-radius:5px;background:#0079AD;animation:pzLogo 2.4s cubic-bezier(.6,0,.2,1) infinite}
@keyframes pzLogo{0%,20%{transform:rotate(0) scale(1);border-radius:5px}45%{transform:rotate(180deg) scale(.7);border-radius:50%;background:#00ACEA}70%,100%{transform:rotate(360deg) scale(1);border-radius:5px}}
.pz3 .p3d{flex:none;width:44px;height:44px;position:relative;transform-style:preserve-3d;animation:pz3d 6s linear infinite;margin:2px 4px}
.pz3 .p3d i{position:absolute;inset:8px;background:rgba(0,121,173,.85);border:1px solid rgba(255,255,255,.5)}
.pz3 .p3d i:nth-child(1){transform:translateZ(14px)}.pz3 .p3d i:nth-child(2){transform:rotateY(180deg) translateZ(14px)}.pz3 .p3d i:nth-child(3){transform:rotateY(90deg) translateZ(14px);background:rgba(0,172,234,.9)}.pz3 .p3d i:nth-child(4){transform:rotateY(-90deg) translateZ(14px);background:rgba(0,172,234,.9)}.pz3 .p3d i:nth-child(5){transform:rotateX(90deg) translateZ(14px);background:#A9B7C2}.pz3 .p3d i:nth-child(6){transform:rotateX(-90deg) translateZ(14px);background:#5e8fa8}
@keyframes pz3d{from{transform:rotateX(-22deg) rotateY(0)}to{transform:rotateX(-22deg) rotateY(360deg)}}
/* 4.60 · bestaande klanten in de opbouw van nieuwe klanten: telefoon met oude site die verandert */
.pz3.bk3 .bk-ph{flex-direction:column;align-items:center;gap:16px}
.pz3.bk3 .bk-ph .bk-ms{width:290px;grid-template-columns:repeat(3,1fr)}
.pz3.bk3 .hsub{font:400 14px var(--f22-sans);color:#A9B7C2;letter-spacing:0}
.pz3 .bk-old{position:absolute;inset:0;z-index:6;overflow:hidden;background:#fff;transition:opacity .6s cubic-bezier(.4,0,.2,1),filter .6s,transform .6s;border-radius:inherit}
.pz3 .bk-old.gone{opacity:0;filter:blur(10px);transform:scale(.96);pointer-events:none}
.pz3 .bk-old .o-scale{transform-origin:0 0}
.pz3 .bk-old .o-scale.desk{width:880px;padding-top:110px}
.pz3 .bk-old .o-badge{position:absolute;left:10px;right:10px;top:30px;padding:6px 10px;border-radius:9px;font:600 9.5px var(--f22-sans);text-align:center;background:#B4472F;color:#fff;box-shadow:0 6px 14px -6px rgba(0,0,0,.4)}
.pz3 .bk-old .o-badge.ok{background:#0079AD}
/* gedateerde desktopsite */
.pz3 .o2{background:#E9EEF5;font-family:'Times New Roman',Times,serif;color:#222;min-height:1600px}
.pz3 .o2-top{display:flex;justify-content:space-between;align-items:flex-end;padding:22px 26px;background:linear-gradient(#FDFDFD,#C9D4E3);border-bottom:3px ridge #8aa0c4}
.pz3 .o2-top b{font:bold 44px 'Comic Sans MS','Comic Sans',cursive;color:#1F4FA8;text-shadow:3px 3px 0 #9fb3d9}
.pz3 .o2-top span{font:13px Arial;color:#555}
.pz3 .o2-mq{background:#FFF36B;color:#C00;font:bold 17px Arial;padding:6px 10px;white-space:nowrap;overflow:hidden;border-bottom:1px solid #d9c800}
.pz3 .o2-nv{display:flex;gap:4px;padding:6px;background:#1F4FA8}
.pz3 .o2-nv span{padding:9px 18px;background:linear-gradient(#5C83D1,#2A57AE);color:#fff;font:bold 15px Verdana,Arial;border:2px outset #8BA8E6}
.pz3 .o2-bd{display:flex;gap:16px;padding:16px}
.pz3 .o2-sb{width:200px;flex:none;background:#fff;border:1px solid #9aaccc;padding:10px;font:15px Verdana,Arial;display:flex;flex-direction:column;gap:6px}
.pz3 .o2-sb b{background:#1F4FA8;color:#fff;padding:4px 8px;margin:-10px -10px 4px}
.pz3 .o2-sb u{color:#0000EE}
.pz3 .o2-cnt{margin-top:16px;text-align:center;font:12px Arial;color:#444}.pz3 .o2-cnt i{display:inline-block;margin-top:4px;background:#000;color:#3f3;font:bold 16px 'Courier New',monospace;padding:2px 6px;letter-spacing:2px;font-style:normal}
.pz3 .o2-mn{flex:1;background:#fff;border:1px solid #9aaccc;padding:16px 20px}
.pz3 .o2-mn h3{margin:0 0 10px;font:bold 24px Arial;color:#1F4FA8;text-decoration:underline}
.pz3 .o2-mn p{font:16px/1.4 'Times New Roman',serif;margin:0 0 12px}.pz3 .o2-mn u{color:#0000EE}
.pz3 .o2-img{height:260px;border:1px solid #bbb;background:#f3f3f3;display:flex;align-items:flex-start;gap:6px;padding:6px;font:13px Arial;color:#666}
.pz3 .o2-img span{color:#c00;font-weight:bold;border:1px solid #c00;padding:0 3px}
.pz3 .o2-x div{margin-top:10px;padding:10px 12px;background:#FFFBD6;border:2px dashed #E0B400;font:bold 17px Arial;color:#1F4FA8}
.pz3 .o2-up{font:italic 13px Arial!important;color:#777;margin-top:14px!important}
.pz3 .o2-ft{margin:0 16px;padding:12px;background:#C9D4E3;font:13px Arial;color:#333;text-align:center}
/* nette maar verouderde mobiele site (bestaande 2C Web-klant) */
.pz3 .of{min-height:100%;background:#fff;color:#333;font-family:Arial,Helvetica,sans-serif;padding-top:62px}
.pz3 .of-hd{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e5e5;font-size:14px}.pz3 .of-hd b{font-size:15px}
.pz3 .of-im{height:140px;background:linear-gradient(135deg,#d8d2c6,#adbac4)}
.pz3 .of-tx{padding:14px 16px}.pz3 .of-tx h4{margin:0 0 6px;font:bold 17px Arial}.pz3 .of-tx p{margin:0 0 12px;font-size:12.5px;line-height:1.45;color:#555}
.pz3 .of-bt{display:inline-block;background:#6d7a8c;color:#fff;font-size:12px;padding:9px 14px;border-radius:3px}
.pz3 .of-x div{margin:0 16px 8px;padding:9px 12px;border:1px solid #ddd;border-radius:3px;font-size:12px;color:#444}
.pz3 .of-ft{padding:14px 16px;font-size:11px;color:#999;border-top:1px solid #eee;margin-top:10px}
@media (max-width:860px){.pz3.bk3 .bk-ph .bk-ms{display:none}}
.pz3.bk3 .bk-sum{background:transparent!important;box-shadow:none!important;padding:0!important;display:flex;flex-direction:column;gap:12px}
.pz3.bk3 .bk-sum h2{color:#E1E7EC!important}
.pz3.bk3 .bk-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pz3.bk3 .bk-amsg{font-size:13.5px;color:#E08A6A}
.pz3 .of-tx h4{color:#222!important}.pz3 .of-hd b{color:#222!important}
/* 4.63 · prijzen stap 0: eerst je situatie kiezen */
.pz3 .kies.kstep0>:not(.kwho){display:none!important}
.pz3 .kies:not(.kstep0) .kwho{display:none}
.pz3 .kwho{display:flex;flex-direction:column;align-items:center;width:100%}
.pz3 .kwcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;max-width:1000px}
.pz3 a.kcard{text-decoration:none!important}
.pz3 .kw-card .kill{height:150px}
.pz3 .kw-card .kl{margin:14px 2px 0;font:500 10.5px var(--f22-mono);letter-spacing:.14em;text-transform:uppercase;color:#00ACEA}
.pz3 .kw-card .kt{margin-top:6px!important;font-size:19px!important;line-height:1.2}
.pz3 .kw-card .kpr{margin-top:4px;padding-right:34px}
.pz3 .kill .kw-old{filter:grayscale(1) sepia(.35);opacity:.6;transform:scale(.8)}
.pz3 .kill .kwarrow{color:#00ACEA;font-size:20px;margin:0 6px}
.pz3 .kill:has(.kw-old){display:flex;align-items:center;justify-content:center}
.pz3 .kill:has(.kw-old) .kw{width:38%}
.pz3 .kf22{display:grid;place-items:center}.pz3 .kf22 b{font:700 46px var(--f22-sans);letter-spacing:-.06em;color:#0079AD}
.pz3 .kill:has(.kf22){display:flex;align-items:center;justify-content:center;gap:4px}
.pz3 .kwback{all:unset;cursor:pointer;margin:0 0 14px;padding:7px 12px;border-radius:99px;font:500 13px var(--f22-sans);color:#A9B7C2;box-shadow:inset 0 0 0 1px rgba(225,231,236,.2)}
.pz3 .kwback:hover{color:#E1E7EC}
@media (max-width:860px){.pz3 .kwcards{grid-template-columns:1fr;gap:10px}.pz3 .kw-card .kill{height:96px}.pz3 .kw-card.top{grid-column:auto}}
/* 4.63 · bestaande klanten: eerst de dienst kiezen */
.pz3.bk3 .bk-svcw{margin:26px 0 8px}
.pz3.bk3 .bk-svcw>.mono{margin:0 0 12px;color:#00ACEA}
.pz3.bk3 .bk-svcw .kcards{max-width:none}
.pz3.bk3 .kcard.on{box-shadow:inset 0 0 0 2px #00ACEA}
.pz3.bk3 .bk-svcback{display:none;margin-top:14px}
body.bk-nosvc .pz3.bk3 :is(.bk-s1,.bk-s2h,.cfg),body.bk-other .pz3.bk3 :is(.bk-s1,.bk-s2h,.cfg){display:none!important}
body.bk-nosvc .bk-bar,body.bk-other .bk-bar{display:none!important}
body.bk-web .pz3.bk3 .bk-svcw,body.bk-other .pz3.bk3 .bk-svcw{display:none}
body.bk-web .pz3.bk3 .bk-svcback{display:inline-block}
body.bk-other #ooknodig .kback{display:inline-block!important}
/* 4.64 · stappenlijn en melding na toevoegen */
.pz3 .ksteps{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:4px 0 22px;padding:0;font:500 13px var(--f22-sans);color:#8d9ba6}
.pz3 .ksteps li{display:flex;align-items:center;gap:8px}
.pz3 .ksteps li+li:before{content:"";width:22px;height:1px;background:rgba(225,231,236,.2);margin-right:10px}
.pz3 .ksteps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:600 11px var(--f22-sans);box-shadow:inset 0 0 0 1px rgba(225,231,236,.25);color:#A9B7C2}
.pz3 .ksteps li.on{color:#E1E7EC}.pz3 .ksteps li.on b{background:#00ACEA;color:#0E1A23;box-shadow:none}
.pz3 .ksteps li.done b{background:rgba(0,172,234,.2);color:#00ACEA;box-shadow:none}
.pz3.bk3 .bk-svcw .ksteps{justify-content:flex-start;margin:0 0 16px}
@media (max-width:860px){.pz3 .ksteps{font-size:12px;gap:6px 10px;margin-bottom:14px}.pz3 .ksteps li+li:before{width:10px;margin-right:4px}}
.f22-added{position:fixed;right:20px;top:calc(var(--hh,64px) + 14px);z-index:9999;width:min(360px,calc(100vw - 32px));padding:16px 18px 14px;border-radius:18px;background:#E1E7EC;color:#0E1A23;box-shadow:0 24px 50px -18px rgba(0,0,0,.6);font:400 14px/1.45 var(--f22-sans,Inter,sans-serif);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1)}
.f22-added.on{opacity:1;transform:none;pointer-events:auto}
.f22-added b{display:block;font-size:15px;margin-bottom:4px;color:#0079AD}
.f22-added>span{display:block;color:#26405a}
.f22-added div{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.f22-added button{all:unset;cursor:pointer;padding:9px 14px;border-radius:99px;font:600 13px var(--f22-sans,Inter,sans-serif);box-shadow:inset 0 0 0 1.5px #0E1A23}
.f22-added button.dk{background:#0E1A23;color:#E1E7EC;box-shadow:none}
.f22-added i{position:absolute;right:12px;top:8px;font-style:normal;font-size:20px;cursor:pointer;color:#56656f}
@media (max-width:860px){.f22-added{left:16px;right:16px;width:auto;top:auto;bottom:16px}}
/* 4.64 · zes dienstkaarten (website-upgrade erbij); upgradepagina zonder dienstkiezer */
.pz3 .kcards.x6{grid-template-columns:repeat(6,minmax(0,1fr));max-width:1280px}
.pz3 .kcards.x6 .kill{height:130px}
.pz3 .kupd .kill{display:flex;align-items:center;justify-content:center}.pz3 .kupd .kw{width:36%}
.pz3.bk3 .bk-svcw,.pz3.bk3 .bk-svcback{display:none!important}
.pz3.bk3 .bk-steps{justify-content:flex-start;margin:14px 0 6px}
@media (max-width:860px){.pz3 .kcards.x6{grid-template-columns:1fr 1fr}.pz3 .kcards.x6 .kcard.top{grid-column:1/3}}
.pz3 .kwback{display:none!important}
/* 4.65 · Logo & huisstijl: live voorbeeld en dienstkaart */
.pz3 .kcards.x7{grid-template-columns:repeat(7,minmax(0,1fr));max-width:1320px;gap:12px}
.pz3 .kcards.x7 .kill{height:118px}.pz3 .kcards.x7 .kt{font-size:16px}
.pz3 .kcards.x5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.pz3 .kcards.x7{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){.pz3 .kcards.x7,.pz3 .kcards.x5{grid-template-columns:1fr 1fr}.pz3 .kcards.x7 .kcard.top{grid-column:1/3}}
.pz3 .kl22{position:relative;width:62px;height:62px;border-radius:50%;background:#E1E7EC;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(0,172,234,.18)}
.pz3 .kl22 i{width:34px;height:34px;border-radius:50%;background:#0079AD;box-shadow:inset -10px -4px 0 0 #E1E7EC;animation:kmoon 4s ease-in-out infinite}
.pz3 .kl22 span{position:absolute;right:-30px;bottom:-6px;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#00ACEA 0 50%,#C98B6B 50%)}
@keyframes kmoon{0%,100%{transform:rotate(0)}50%{transform:rotate(-25deg)}}
.pz3 .sp-logo{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}
.pz3 .sp-logo .ab{position:relative;width:min(300px,86%);aspect-ratio:4/3;border-radius:16px;background:#FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#14242f;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);background-image:linear-gradient(rgba(14,26,35,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(14,26,35,.05) 1px,transparent 1px);background-size:20px 20px;animation:pz3up .7s both}
.pz3 .sp-logo .ab .lbl{position:absolute;left:12px;top:9px;font:500 9px var(--f22-mono);letter-spacing:.14em;text-transform:uppercase;color:#7c8b96}
.pz3 .sp-logo .ab b{font:600 22px 'Fraunces',Georgia,serif;letter-spacing:-.01em}
.pz3 .sp-logo .ab small{font:500 10px var(--f22-mono);letter-spacing:.2em;text-transform:uppercase;color:#6b7a86}
.pz3 .sp-logo .mk{width:58px;height:58px;border-radius:50%;background:#0B3A52;display:grid;place-items:center}
.pz3 .sp-logo .mk i{width:34px;height:34px;border-radius:50%;background:#E1E7EC;box-shadow:inset 9px -3px 0 0 #0B3A52}
.pz3 .sp-logo .mk.ani i{animation:spMoon 2.6s cubic-bezier(.6,0,.2,1) infinite}
.pz3 .sp-logo .mk.ani{animation:spPop 2.6s cubic-bezier(.2,.9,.3,1.3) infinite}
@keyframes spMoon{0%{transform:rotate(-180deg) scale(.3);opacity:0}35%,85%{transform:none;opacity:1}100%{transform:none;opacity:1}}
@keyframes spPop{0%{transform:scale(.6)}35%{transform:scale(1.08)}45%,100%{transform:none}}
.pz3 .sp-logo .play{position:absolute;right:10px;bottom:9px;font:600 10px var(--f22-sans);padding:4px 8px;border-radius:99px;background:#0E1A23;color:#E1E7EC}
.pz3 .sp-logo .vars{display:flex;gap:8px;animation:pz3up .7s .15s both}
.pz3 .sp-logo .vars span{width:46px;height:46px;border-radius:12px;display:grid;place-items:center}
.pz3 .sp-logo .vars .v1{background:#E1E7EC}.pz3 .sp-logo .vars .v2{background:#0E1A23}.pz3 .sp-logo .vars .v3{background:#00ACEA}
.pz3 .sp-logo .vars i{width:22px;height:22px;border-radius:50%;background:#0B3A52;box-shadow:inset 6px -2px 0 0 currentColor}
.pz3 .sp-logo .vars .v1 i{color:#E1E7EC}.pz3 .sp-logo .vars .v2 i{background:#E1E7EC;color:#0E1A23}.pz3 .sp-logo .vars .v3 i{background:#0E1A23;color:#00ACEA}
.pz3 .sp-logo.hs{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:12px}
.pz3 .sp-logo.hs .ab{grid-column:1/3;width:min(280px,80%)}
.pz3 .sp-logo.hs .vars{grid-column:1/3}
.pz3 .sp-logo .sw{grid-column:1/3;display:flex;align-items:center;gap:6px;animation:pz3up .7s .25s both}
.pz3 .sp-logo .sw i{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 2px rgba(225,231,236,.15)}
.pz3 .sp-logo .sw span{margin-left:8px;font:500 11px var(--f22-sans);color:#A9B7C2}
.pz3 .sp-logo .bc{width:150px;height:88px;border-radius:8px;background:#0B3A52;color:#E1E7EC;padding:10px 12px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;box-shadow:0 20px 40px -20px rgba(0,0,0,.8);transform:rotate(-4deg);animation:pz3up .7s .35s both}
.pz3 .sp-logo .bc .mk{position:absolute;right:10px;top:10px;background:#E1E7EC}.pz3 .sp-logo .mk.sm{width:26px;height:26px}.pz3 .sp-logo .mk.sm i{width:16px;height:16px;box-shadow:inset 4px -1px 0 0 #E1E7EC;background:#0B3A52}
.pz3 .sp-logo .bc b{font:600 12px 'Fraunces',Georgia,serif}.pz3 .sp-logo .bc small{font-size:8.5px;opacity:.8}
.pz3 .sp-logo .ig{width:130px;border-radius:12px;background:#fff;padding:8px;color:#222;transform:rotate(3deg);box-shadow:0 20px 40px -20px rgba(0,0,0,.8);animation:pz3up .7s .45s both}
.pz3 .sp-logo .ig .hd{display:flex;align-items:center;gap:6px;font:600 10px var(--f22-sans);margin-bottom:6px}
.pz3 .sp-logo .mk.xs{width:22px;height:22px;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #C98B6B}.pz3 .sp-logo .mk.xs i{width:13px;height:13px;box-shadow:inset 3px -1px 0 0 #0B3A52}
.pz3 .sp-logo .ig .g{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.pz3 .sp-logo .ig .g i{aspect-ratio:1;border-radius:3px;background:#00ACEA}.pz3 .sp-logo .ig .g i:nth-child(2){background:#0B3A52}.pz3 .sp-logo .ig .g i:nth-child(3){background:#E1E7EC}
.pz3 .sp-logo .tpl,.pz3 .sp-logo .ml{position:absolute;left:16px;font:600 11px var(--f22-sans);padding:6px 10px;border-radius:99px;background:#00ACEA;color:#0E1A23;animation:pz3pop .4s both}
.pz3 .sp-logo .tpl{bottom:16px}.pz3 .sp-logo .ml{bottom:50px}
/* 4.65 · upgrade in stappen, websitecheck apart, vraag bij andere dienst */
.pz3.bk3[data-step="kl"] :is(.bk-s1,.bk-s2h,.cfg){display:none!important}
.pz3.bk3[data-step="cfg"] :is(.bk-dg,.bk-alt,.bk-s1){display:none!important}
.pz3.bk3[data-step="adv"] :is(.bk-dg,.bk-alt,.bk-s2h,.cfg,.bk-steps){display:none!important}
.pz3.bk3 .bk-back{display:inline-block!important;margin:0 0 14px}
.pz3.bk3 .bk-alt{margin:12px 0 0;font-size:14px;color:#A9B7C2}.pz3.bk3 .bk-alt a{color:#00ACEA!important;text-decoration:none!important}
.pz3.bk3[data-step="kl"] .bk-dg{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
.pz3.bk3[data-step="kl"] .bk-dg>*{padding:22px 22px}.pz3.bk3[data-step="kl"] .bk-dg b{font-size:20px}
#ooknodig>.c{display:none!important}
.bk-ask{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:rgba(6,12,17,.6);backdrop-filter:blur(4px)}
.bk-ask[hidden]{display:none}
.bk-ask .in{width:min(440px,calc(100vw - 32px));padding:24px;border-radius:22px;background:#E1E7EC;color:#0E1A23;box-shadow:0 40px 80px -30px rgba(0,0,0,.8)}
.bk-ask b{display:block;font:600 19px/1.25 var(--f22-sans);letter-spacing:-.02em}
.bk-ask p{margin:8px 0 16px;color:#26405a;font-size:14.5px;line-height:1.5}
.bk-ask .in>div{display:flex;gap:8px;flex-wrap:wrap}
.bk-ask .btn.ghost{box-shadow:inset 0 0 0 1.5px #0E1A23;color:#0E1A23;background:transparent}
.pz3.bk3 .bk-acts .btn{min-height:44px;padding:0 18px;font-size:14px}
.pz3 .sp-logo .hl{grid-column:1/3;display:flex;gap:10px;animation:pz3up .7s .3s both}
.pz3 .sp-logo .hl span{display:flex;flex-direction:column;align-items:center;gap:4px;font:500 9.5px var(--f22-sans);color:#A9B7C2}
.pz3 .sp-logo .hl i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#0B3A52;color:#E1E7EC;font-style:normal;font-size:15px;box-shadow:0 0 0 2px #0A141C,0 0 0 3.5px #00ACEA}
.pz3 .sp-logo .ig{position:relative}
.pz3 .sp-logo .ig .ov{position:absolute;left:8px;bottom:12px;font:600 9px var(--f22-sans);padding:3px 7px;border-radius:99px;background:#E1E7EC;color:#0B3A52}
.pz3 .sp-logo.only-hs .hs-t{grid-column:1/3;max-width:280px;text-align:center;font:600 18px/1.25 'Fraunces',Georgia,serif;color:#E1E7EC}
.pz3.bk3[data-step="cfg"] .bk-s2h{display:none!important}.pz3.bk3[data-step="cfg"] .cfg{margin-top:26px}
/* 4.66 · upgrade zonder keuzescherm: schakelaar in de kop */
.pz3.bk3 .bk-dg,.pz3.bk3 .bk-alt{display:none!important}
.pz3.bk3 .bk-seg{display:inline-flex;gap:4px;padding:4px;margin:6px 0 4px;border-radius:99px;background:rgba(6,12,17,.55);box-shadow:inset 0 0 0 1px rgba(225,231,236,.14)}
.pz3.bk3 .bk-seg button{all:unset;cursor:pointer;padding:9px 16px;border-radius:99px;font:500 14px var(--f22-sans);color:#A9B7C2;transition:background .25s,color .25s}
.pz3.bk3 .bk-seg button.on{background:#00ACEA;color:#0E1A23;font-weight:600}
.pz3.bk3[data-step="adv"] .bk-seg{display:none}
@media (max-width:860px){.pz3.bk3 .bk-seg button{padding:8px 12px;font-size:13px}}
/* 4.67 · andere diensten onderaan als kaarten met beeld */
.pz3 .kcards.x-oth{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:none}
.pz3 .kcards.x-oth .kill{height:110px}
.pz3 .kcards.x-oth .kt{font-size:16px}
.pz3 .kcards.x-oth .kcard.in{box-shadow:inset 0 0 0 1.5px #00ACEA}
.pz3 .others .kcards.x-oth{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.pz3.bk3 .bk-more{margin:60px 0 20px}
.pz3.bk3 .bk-more>.mono{margin:0 0 6px;color:#00ACEA}
.pz3.bk3 .bk-more h2{margin:0 0 16px;font:600 26px var(--f22-sans);letter-spacing:-.03em;color:#E1E7EC}
.pz3.bk3[data-step="adv"] .bk-more{display:none}
@media (max-width:860px){.pz3 .kcards.x-oth{grid-template-columns:1fr 1fr}}
.pz3 .others{display:block!important}
/* 4.68 · telefoon: label linksboven met het onderwerp en de prijs */
.f22-subj{display:none}
@media (max-width:860px){
 .f22-subj{display:flex;align-items:center;gap:7px;position:fixed;left:12px;top:calc(var(--hh,64px) + 8px);z-index:60;max-width:calc(100vw - 24px);padding:7px 12px 7px 10px;border-radius:99px;background:rgba(10,20,28,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(225,231,236,.16),0 10px 24px -12px rgba(0,0,0,.7);color:#E1E7EC;font:500 12.5px var(--f22-sans,Inter,sans-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
 .f22-subj.on{opacity:1;transform:none}
 .f22-subj i{flex:none;width:7px;height:7px;border-radius:50%;background:#00ACEA;box-shadow:0 0 0 3px rgba(0,172,234,.2)}
 .f22-subj b{color:#00ACEA;font-weight:600}
}
@media (max-width:860px){
 body.f22-subj-on .pz3 .phonecol{height:340px!important}
 body.f22-subj-on .pz3 .phonecol .phone{margin-top:40px;transition:margin .3s}
 body.f22-subj-on .pz3 .ohero{padding-top:44px!important;transition:padding .3s}
 .f22-subj{font-size:12px;padding:6px 11px 6px 9px}
}
/* 4.68 mobiel: telefoon krimpt niet, blokkeert geen tikken en verdwijnt zodra je bij je samenvatting bent */
.pz3 .phonecol .phone{flex-shrink:0}
@media (max-width:860px){
 body.f22-pz3 .pz3 .phonecol{pointer-events:none;transition:opacity .35s ease,transform .35s ease}
 body.f22-pz3 .pz3 .phonecol .phone{pointer-events:auto}
 body.f22-pz3 .pz3 .phonecol.ph-gone{opacity:0;transform:translateY(-24px)}
 body.f22-pz3 .pz3 .phonecol.ph-gone .phone{pointer-events:none}
}
@media (max-width:860px){.pz3.bk3 .bk-ph{justify-content:flex-start!important}}
/* 4.68 website: eerst kiezen wie je bent */
.pzwho .askbox{position:relative;padding:26px 22px 20px}
.pzwho .mono{font:500 11px/1 var(--f22-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:#0079AD;margin:0 0 8px}
.pzwho h2{font:600 26px/1.1 var(--f22-sans,inherit);margin:0 0 6px;color:#0E1A23}
.pzwho .wl{margin:0 0 16px;font-size:14px;color:rgba(14,26,35,.7)}
.pzwho .wo{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid rgba(14,26,35,.1);border-radius:16px;padding:14px;margin:0 0 10px;color:#0E1A23;text-decoration:none;cursor:pointer;font:inherit;transition:transform .2s,border-color .2s,background .2s}
.pzwho .wo:hover,.pzwho .wo:focus-visible{border-color:#2FA6D8;background:#FFFFFF;transform:translateY(-1px);outline:none}
.pzwho .wo b{display:block;font-size:16px}.pzwho .wo small{display:block;font-size:13px;color:rgba(14,26,35,.62);margin-top:2px}
.pzwho .wo>span:nth-child(2){flex:1}.pzwho .wo i{font-style:normal;color:#0079AD;font-size:18px}
.pzwho .wi{flex:none;width:40px;height:40px;border-radius:12px;background:#00ACEA;color:#0E1A23;display:grid;place-items:center}
.pzwho .wi22{background:#0E1A23;color:#E1E7EC;font:700 15px/1 var(--f22-sans,inherit);letter-spacing:-.02em}
.pzwho .wx{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:rgba(14,26,35,.06);color:#0E1A23;font-size:20px;line-height:1;cursor:pointer}
.pzwho .wo{animation:pz3up .45s cubic-bezier(.2,.9,.3,1.15) both}.pzwho .wo:nth-of-type(2){animation-delay:.06s}.pzwho .wo:nth-of-type(3){animation-delay:.12s}
@media (max-width:860px){
 body.f22-pz3 .pz3 .ohero{pointer-events:none;transition:opacity .35s ease,transform .35s ease}
 body.f22-pz3 .pz3 .ohero>*{pointer-events:auto}
 body.f22-pz3 .pz3 .ohero.ph-gone{opacity:0;transform:translateY(-24px)}
 body.f22-pz3 .pz3 .ohero.ph-gone>*{pointer-events:none}
}
@media (max-width:560px){.pz3.bk3 .bk-mini div{grid-template-columns:1fr}.pz3.bk3 .bk-mini span{grid-column:1;grid-row:auto;margin-top:4px;font-size:14px}}