/* Nasci Diensten Hero (dz) */
@property --dz-a{syntax:'<angle>';initial-value:0deg;inherits:false;}

.dz{
  position:relative;
  overflow:hidden;
  border-radius:0 0 var(--dz-radius,16px) var(--dz-radius,16px);
  color:#fff;
  padding:var(--dz-pad-top,150px) 24px 0;
  font-family:'Satoshi',ui-sans-serif,system-ui,sans-serif;
  /* full width: breek uit de content-container van het thema */
  width:auto;max-width:none;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.dz *{margin:0;padding:0;box-sizing:border-box;}
.dz a{text-decoration:none;color:inherit;}
.dz img{max-width:none;}

/* parent-sectie mag geen witruimte toevoegen */
.elementor-widget-nasci_diensten_hero{width:100%;}
section.elementor-section:has(.dz){padding:0;}
.e-con:has(.elementor-widget-nasci_diensten_hero){padding:0;}

.dz-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center 30%;
  max-width:none!important;max-height:none!important;
  animation:dz-kenburns 26s ease-in-out infinite alternate;
}
.dz--still .dz-bg{animation:none;}
@keyframes dz-kenburns{from{transform:scale(1);}to{transform:scale(1.07);}}
.dz::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:
    radial-gradient(45% 55% at 90% 8%,color-mix(in srgb,var(--dz-accent,#90E509) 16%,transparent),transparent 60%),
    radial-gradient(40% 50% at 6% 92%,color-mix(in srgb,var(--dz-accent,#90E509) 10%,transparent),transparent 58%),
    linear-gradient(180deg,var(--dz-ov1,rgba(8,31,26,.8)) 0%,var(--dz-ov2,rgba(12,39,33,.66)) 45%,var(--dz-ov3,rgba(8,31,26,.9)) 100%);
}
.dz-inner{
  position:relative;z-index:2;
  max-width:1350px;margin:0 auto;
  display:grid;grid-template-columns:1.15fr minmax(400px,480px);
  gap:clamp(36px,5vw,80px);
  align-items:center;
  padding-bottom:clamp(44px,6vh,64px);
}
/* minmax(0,...) + min-width:0 voorkomt dat brede kaartinhoud de pagina oprekt */
.dz-left,.dz-card{min-width:0;}
@media (max-width:1000px){.dz-inner{grid-template-columns:minmax(0,1fr);max-width:640px;}}

/* -- Links -- */
.dz-rating{
  margin-top:15px;
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 10px 8px 16px;border-radius:999px;
  background:rgba(8,31,26,.45);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  font-size:13px;color:rgba(255,255,255,.7);
}
.dz-rating .star{width:15px;height:15px;color:var(--dz-accent,#90E509);flex:none;}
.dz-rating b{color:#fff;font-weight:900;}
.dz-rating .avs{display:inline-flex;margin-left:3px;}
.dz-rating .avs img{border-radius:50%;object-fit:cover;border:2px solid #12362C;}
.dz-rating .avs img + img{margin-left:-9px;}
.dz-left h1{
  margin-top:20px;
  font-family:'Aloevera','Satoshi',ui-sans-serif,system-ui,sans-serif;
  font-weight:800;
  font-size:clamp(34px,4.2vw,56px);
  line-height:1.08;letter-spacing:-.01em;
  color:#fff;
  text-shadow:0 2px 24px rgba(0,0,0,.35);
  max-width:600px;
}
.dz-left h1 em{font-style:normal;color:var(--dz-accent,#90E509);text-shadow:0 0 26px color-mix(in srgb,var(--dz-accent,#90E509) 45%,transparent);}
.dz-sub{
  margin-top:16px;max-width:540px;
  font-size:15.5px;line-height:1.7;
  color:rgba(255,255,255,.72);
}
.dz-usps{margin-top:20px;}
.dz-usps-track{display:flex;flex-wrap:wrap;gap:8px;}
.dz-usp{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 15px;border-radius:999px;
  background:rgba(8,31,26,.45);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  font-size:12.5px;font-weight:700;color:rgba(255,255,255,.9);
}
.dz-usp i{
  width:6px;height:6px;border-radius:50%;background:var(--dz-accent,#90E509);flex:none;font-style:normal;
  box-shadow:0 0 0 0 rgba(144,229,9,.5);animation:dz-pulse 2.2s ease-out infinite;
}
.dz-usps-track .dz-usp:nth-child(2) i{animation-delay:.7s;}
.dz-usps-track .dz-usp:nth-child(3) i{animation-delay:1.4s;}
/* de tweede set is er alleen voor de doorlopende balk op mobiel */
.dz-usps-track .dz-usp--dup{display:none;}
@keyframes dz-pulse{0%{box-shadow:0 0 0 0 rgba(144,229,9,.5);}70%{box-shadow:0 0 0 5px rgba(144,229,9,0);}100%{box-shadow:0 0 0 0 rgba(144,229,9,0);}}

.dz-actions{margin-top:26px;display:flex;align-items:center;gap:13px;flex-wrap:wrap;}
.dz-cta,.dz-cta:hover,.dz-cta:focus,.dz-cta:visited{
  display:inline-flex;align-items:center;justify-content:center;gap:13px;
  padding:8px 8px 8px 28px;border-radius:999px;
  font-size:15.5px;font-weight:700;line-height:1;color:#fff!important;
  background:linear-gradient(135deg,#82DB05 0%,var(--dz-accent,#90E509) 55%,#A4EF23 100%);
  box-shadow:0 10px 30px rgba(144,229,9,.3),inset 0 1px 0 rgba(255,255,255,.35);
  position:relative;isolation:isolate;overflow:hidden;border:0;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease;
}
.dz-cta > span:first-child{position:relative;z-index:2;}
.dz-cta::before{
  content:"";position:absolute;left:50%;top:50%;
  width:44px;height:44px;border-radius:50%;background:#0C2721;
  transform:translate(-50%,-50%) scale(0);
  transition:transform .55s cubic-bezier(.22,.61,.36,1);z-index:1;
}
.dz-cta:hover::before{transform:translate(-50%,-50%) scale(16);}
.dz-cta:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 1px rgba(144,229,9,.35);}
.dz-cta:active{transform:translateY(-1px) scale(.985);}
.dz-cta .circ{
  width:44px;height:44px;border-radius:50%;flex:none;
  display:grid;place-items:center;
  background:rgba(255,255,255,.95);color:#0C2721;
  position:relative;z-index:2;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1),background-color .35s ease;
}
.dz-cta .circ svg{width:16px;height:16px;transition:transform .45s cubic-bezier(.34,1.56,.64,1);}
.dz-cta:hover .circ{transform:rotate(45deg);background:var(--dz-accent,#90E509);}
.dz-cta:hover .circ svg{transform:translate(1px,-1px);}

.dz-tel,.dz-tel:visited{
  display:inline-flex;align-items:center;justify-content:center;gap:13px;
  padding:8px 8px 8px 26px;border-radius:999px;
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;font-size:15.5px;font-weight:700;line-height:1;
  font-variant-numeric:tabular-nums;
  position:relative;isolation:isolate;overflow:hidden;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,color .35s ease,border-color .35s ease;
}
.dz-tel > span:first-child{position:relative;z-index:2;}
.dz-tel::before{
  content:"";position:absolute;right:8px;top:50%;
  width:44px;height:44px;border-radius:50%;background:#fff;
  transform:translateY(-50%) scale(0);
  transition:transform .55s cubic-bezier(.22,.61,.36,1);z-index:1;
}
.dz-tel:hover::before{transform:translateY(-50%) scale(14);}
.dz-tel:hover{color:#0C2721!important;border-color:#fff;transform:translateY(-3px);box-shadow:0 16px 40px rgba(255,255,255,.12);}
.dz-tel:active{transform:translateY(-1px) scale(.985);}
.dz-tel .circ{
  width:44px;height:44px;border-radius:50%;flex:none;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.4);color:#fff;
  position:relative;z-index:2;
  transition:transform .45s cubic-bezier(.22,.61,.36,1),background-color .35s ease,border-color .35s ease,color .35s ease;
}
.dz-tel .circ svg{width:16px;height:16px;}
.dz-tel:hover .circ{background:var(--dz-accent,#90E509);border-color:var(--dz-accent,#90E509);color:#0C2721;transform:rotate(45deg);}

/* -- Wizardkaart rechts -- */
.dz-card{
  position:relative;
  border-radius:24px;
  padding:22px 22px 20px;
  background:linear-gradient(180deg,var(--dz-card1,#0E2E26) 0%,var(--dz-card2,#081F1A) 100%);
  box-shadow:0 40px 90px rgba(0,0,0,.5);
}
.dz-card::before{
  content:"";position:absolute;inset:-1.5px;border-radius:25px;padding:1.5px;
  background:conic-gradient(from var(--dz-a),transparent 0turn,transparent .68turn,rgba(144,229,9,.9) .8turn,#D9FF7A .86turn,rgba(144,229,9,.9) .92turn,transparent 1turn);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;animation:dz-beam 5s linear infinite;
}
@keyframes dz-beam{to{--dz-a:360deg;}}
.dz-card > *{position:relative;z-index:1;}
.dz-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.dz-badge{
  display:inline-flex;align-items:center;gap:7px;
  padding:7px 13px;border-radius:999px;
  background:rgba(144,229,9,.12);
  border:1px solid rgba(144,229,9,.35);
  font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#B9F35A;
}
.dz-badge i{width:6px;height:6px;border-radius:50%;background:var(--dz-accent,#90E509);flex:none;font-style:normal;animation:dz-pulse 2.2s ease-out infinite;}
.dz-step{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums;}
.dz-progress{margin-top:12px;display:flex;gap:6px;}
.dz-seg{flex:1;height:4px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden;position:relative;}
.dz-seg::after{
  content:"";position:absolute;inset:0;border-radius:99px;
  background:linear-gradient(90deg,#82DB05,#A4EF23);
  transform:scaleX(0);transform-origin:left;
  transition:transform .45s cubic-bezier(.22,.9,.3,1);
}
.dz-seg.is-on::after{transform:scaleX(1);}
.dz-card h2{
  margin-top:16px;font-size:19px;line-height:1.25;color:#fff;
  font-family:'Aloevera','Satoshi',ui-sans-serif,system-ui,sans-serif;font-weight:800;
}
.dz-card-sub{margin-top:5px;font-size:12.5px;color:rgba(255,255,255,.55);}
.dz-q{
  margin-top:15px;
  font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
.dz-opts{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;}
.dz-opt-txt b,.dz-opt-txt small{overflow-wrap:anywhere;}
/* alle statussen vastgezet: thema-stijlen mogen de kaartjes niet wit maken */
.dz-opt,
.dz-opt:hover,
.dz-opt:focus,
.dz-opt:active,
.dz-opt:focus-visible{
  display:flex;flex-direction:column;align-items:stretch;gap:9px;
  padding:12px;border-radius:16px;
  background:rgba(255,255,255,.04)!important;
  background-image:none!important;
  border:1.5px solid rgba(255,255,255,.12);
  cursor:pointer;text-align:left;
  font-family:inherit;color:#fff!important;width:100%;
  box-shadow:none;
  transition:border-color .2s ease,background-color .2s ease,transform .2s ease;
}
.dz-opt-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.dz-opt:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:color-mix(in srgb,var(--dz-accent,#90E509) 50%,transparent)!important;
  transform:translateY(-2px);
}
.dz-opt.is-active,
.dz-opt.is-active:hover,
.dz-opt.is-active:focus{background:rgba(144,229,9,.1)!important;border-color:var(--dz-accent,#90E509)!important;}
.dz-opt b,.dz-opt small,.dz-opt span{color:inherit;}
.dz-opt:hover .dz-opt-txt b,.dz-opt:hover .dz-opt-txt{color:#fff!important;}
.dz-opt:hover .dz-opt-txt small{color:rgba(255,255,255,.5)!important;}
.dz-opt-ic{
  width:38px;height:38px;border-radius:11px;flex:none;
  display:grid;place-items:center;
  background:rgba(144,229,9,.1);
  border:1px solid rgba(144,229,9,.22);
  color:var(--dz-accent,#90E509);
  transition:background-color .2s ease,color .2s ease;
}
.dz-opt.is-active .dz-opt-ic{background:var(--dz-accent,#90E509);color:#0C2721;}
.dz-opt-ic svg{width:17px;height:17px;}
.dz-opt-txt{min-width:0;}
.dz-opt-txt b{display:block;font-size:13.5px;font-weight:700;}
.dz-opt-txt small{display:block;margin-top:2px;font-size:10.5px;line-height:1.4;color:rgba(255,255,255,.5);}
.dz-opt-val{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.55);font-variant-numeric:tabular-nums;white-space:nowrap;}
.dz-opt.is-active .dz-opt-val{color:#B9F35A;}

/* gestapelde stappen */
.dz-views{position:relative;margin-top:15px;}
.dz-view{
  opacity:0;visibility:hidden;position:absolute;inset:0;
  transform:translateX(18px);
  transition:opacity .35s ease,transform .35s cubic-bezier(.22,.61,.36,1),visibility 0s .35s;
}
.dz-view.is-current{
  opacity:1;visibility:visible;position:relative;transform:none;
  transition:opacity .35s ease .1s,transform .35s cubic-bezier(.22,.61,.36,1) .1s,visibility 0s;
}
.dz-back,.dz-back:hover,.dz-back:focus{
  display:inline-flex;align-items:center;gap:6px;
  background:none!important;border:none;cursor:pointer;font-family:inherit;
  font-size:11.5px;font-weight:700;color:rgba(255,255,255,.5)!important;
  padding:0;margin-right:auto;
  transition:color .2s ease;visibility:hidden;
}
.dz-back.is-visible{visibility:visible;}
.dz-back:hover{color:#fff!important;}
.dz-back svg{width:12px;height:12px;}

/* resultaat + formulier */
.dz-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.dz-metric{
  padding:13px 14px;border-radius:15px;
  background:rgba(144,229,9,.08);
  border:1px solid rgba(144,229,9,.25);
}
.dz-metric small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.dz-metric b{
  display:block;margin-top:5px;
  font-size:20px;font-weight:900;color:#B9F35A;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.dz-metric b em{font-style:normal;font-size:11px;font-weight:700;color:rgba(255,255,255,.55);}
.dz-fields{margin-top:12px;display:flex;flex-direction:column;gap:8px;}
.dz-hp{position:absolute;left:-9999px;opacity:0;height:0;}
.dz-field{
  display:flex;align-items:center;gap:11px;
  padding:4px 4px 4px 6px;border-radius:14px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);
  transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.dz-field:focus-within{border-color:rgba(144,229,9,.6);background:rgba(144,229,9,.06);box-shadow:0 0 0 4px rgba(144,229,9,.1);}
.dz-field .fic{
  width:36px;height:36px;border-radius:10px;flex:none;
  display:grid;place-items:center;
  background:rgba(144,229,9,.1);border:1px solid rgba(144,229,9,.2);color:var(--dz-accent,#90E509);
}
.dz-field .fic svg{width:16px;height:16px;}
.dz-field input,
.dz-field input:focus{
  flex:1;min-width:0;background:none!important;border:none!important;outline:none;box-shadow:none!important;
  font-family:inherit;font-size:13.5px;font-weight:500;color:#fff!important;padding:9px 2px;
}
.dz-field input::placeholder{color:rgba(255,255,255,.4);}
.dz-ok{
  width:19px;height:19px;border-radius:50%;flex:none;margin-right:6px;
  display:grid;place-items:center;background:rgba(144,229,9,.16);color:var(--dz-accent,#90E509);
  opacity:0;transform:scale(.5);
  transition:opacity .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1);
}
.dz-ok svg{width:10px;height:10px;}
.dz-field.is-valid .dz-ok{opacity:1;transform:none;}
.dz-error{
  margin-top:9px;font-size:11.5px;font-weight:600;color:#FFB4B4;text-align:center;
  display:none;
}
.dz-error.is-on{display:block;}
.dz-send,.dz-send:hover,.dz-send:focus{
  margin-top:11px;width:100%;
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:7px;border-radius:999px;border:none;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:700;line-height:1;color:#fff!important;
  background:linear-gradient(135deg,#82DB05 0%,var(--dz-accent,#90E509) 55%,#A4EF23 100%);
  box-shadow:0 10px 26px rgba(144,229,9,.28),inset 0 1px 0 rgba(255,255,255,.35);
  position:relative;isolation:isolate;overflow:hidden;
  transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,opacity .3s ease;
}
.dz-send > span:first-child{position:relative;z-index:2;}
.dz-send::before{
  content:"";position:absolute;left:50%;top:50%;
  width:38px;height:38px;border-radius:50%;background:#0C2721;
  transform:translate(-50%,-50%) scale(0);
  transition:transform .55s cubic-bezier(.22,.61,.36,1);z-index:1;
}
.dz-send:hover::before{transform:translate(-50%,-50%) scale(16);}
.dz-send:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.4),0 0 0 1px rgba(144,229,9,.35);}
.dz-send:disabled{opacity:.6;cursor:wait;transform:none;}
.dz-send .circ{
  width:38px;height:38px;border-radius:50%;flex:none;
  display:grid;place-items:center;
  background:rgba(255,255,255,.95);color:#0C2721;
  position:relative;z-index:2;
  transition:transform .45s cubic-bezier(.34,1.56,.64,1),background-color .35s ease;
}
.dz-send .circ svg{width:14px;height:14px;}
.dz-send:hover .circ{transform:rotate(45deg);background:var(--dz-accent,#90E509);}
.dz-adviser{
  margin-top:12px;
  display:flex;align-items:center;justify-content:center;gap:9px;
  font-size:11.5px;color:rgba(255,255,255,.55);
}
.dz-adviser img{border-radius:50%;object-fit:cover;border:1.5px solid rgba(144,229,9,.55);}
.dz-adviser b{color:rgba(255,255,255,.85);}

/* succes */
.dz-done{display:none;flex-direction:column;align-items:center;text-align:center;padding:26px 8px 14px;}
.dz-card.is-done .dz-done{display:flex;}
.dz-card.is-done .dz-main{display:none;}
.dz-done-check{
  width:66px;height:66px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(144,229,9,.12);
  border:2px solid rgba(144,229,9,.5);color:var(--dz-accent,#90E509);
  animation:dz-checkin .5s cubic-bezier(.34,1.56,.64,1);
}
@keyframes dz-checkin{from{transform:scale(.4);opacity:0;}to{transform:scale(1);opacity:1;}}
.dz-done-check svg{width:30px;height:30px;}
.dz-done-check path{stroke-dasharray:40;stroke-dashoffset:40;animation:dz-checkdraw .5s ease .3s forwards;}
@keyframes dz-checkdraw{to{stroke-dashoffset:0;}}
.dz-done h3{margin-top:15px;font-size:19px;font-weight:900;color:#fff;}
.dz-done h3 em{font-style:normal;color:var(--dz-accent,#90E509);}
.dz-done p{margin-top:7px;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.6);max-width:280px;}

/* -- Logostrip -- */
.dz-strip{
  position:relative;z-index:2;
  border-top:1px solid rgba(255,255,255,.1);
  padding:18px 0 20px;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.dz-strip-track{
  display:flex;align-items:center;gap:clamp(30px,4vw,56px);width:max-content;
  animation:dz-marquee var(--dz-marquee,34s) linear infinite;
}
.dz-strip-track span{display:inline-flex;align-items:center;gap:clamp(30px,4vw,56px);}
.dz-strip-track img{
  opacity:.55;object-fit:contain;
  transition:opacity .25s ease;
}
.dz-strip-track img:hover{opacity:1;}
@keyframes dz-marquee{to{transform:translateX(-50%);}}

/* entrance choreografie */
@keyframes dz-up{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:none;}}
@keyframes dz-in{from{opacity:0;transform:translateX(26px);}to{opacity:1;transform:none;}}
.dz-rating{opacity:0;animation:dz-up .6s cubic-bezier(.22,.61,.36,1) .1s forwards;}
.dz-left h1{opacity:0;animation:dz-up .6s cubic-bezier(.22,.61,.36,1) .22s forwards;}
.dz-sub{opacity:0;animation:dz-up .6s cubic-bezier(.22,.61,.36,1) .34s forwards;}
.dz-usps{opacity:0;animation:dz-up .6s cubic-bezier(.22,.61,.36,1) .46s forwards;}
.dz-actions{opacity:0;animation:dz-up .6s cubic-bezier(.22,.61,.36,1) .58s forwards;}
.dz-card{opacity:0;animation:dz-in .7s cubic-bezier(.22,.61,.36,1) .4s forwards;}
.dz-strip{opacity:0;animation:dz-up .6s ease .75s forwards;}

@media (prefers-reduced-motion:reduce){
  .dz-bg,.dz-usp i,.dz-badge i,.dz-card::before,.dz-strip-track,
  .dz-rating,.dz-left h1,.dz-sub,.dz-usps,.dz-actions,.dz-card,.dz-strip,
  .dz-done-check,.dz-done-check path{animation:none;}
  .dz-rating,.dz-left h1,.dz-sub,.dz-usps,.dz-actions,.dz-card,.dz-strip{opacity:1;transform:none;}
  .dz-done-check path{stroke-dashoffset:0;}
  .dz-cta,.dz-cta::before,.dz-cta .circ,.dz-tel,.dz-tel::before,.dz-tel .circ,.dz-opt,.dz-seg::after,.dz-view{transition:none;}
}

/* ============ MOBIEL ============ */
@media (max-width:700px){
  .dz{padding-top:calc(var(--dz-pad-top,150px) * .62);}
  .dz-inner{padding-bottom:26px;gap:26px;}
  .dz-left h1{margin-top:14px;}
  .dz-sub{margin-top:12px;font-size:14.5px;line-height:1.6;}

  /* USP's als compacte vertrouwensbalk met doorlopende beweging */
  .dz-usps{
    position:relative;
    margin-top:18px;
    width:100vw;max-width:100vw;
    margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
    padding:13px 0;
    background:rgba(255,255,255,.04);
    backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
  }
  .dz-usps::before{
    content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:2;
    background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--dz-accent,#90E509) 40%,transparent) 50%,transparent 100%);
  }
  .dz-usps-track{
    display:flex;flex-wrap:nowrap;align-items:center;gap:26px;
    width:max-content;
    animation:dz-trust 26s linear infinite;
  }
  .dz-usps-track .dz-usp,
  .dz-usps-track .dz-usp--dup{
    display:flex;align-items:center;gap:11px;flex:none;
    padding:0;border:0;background:none;
    backdrop-filter:none;-webkit-backdrop-filter:none;
    font-size:12.5px;font-weight:500;letter-spacing:.01em;
    color:rgba(255,255,255,.92);white-space:nowrap;
  }
  /* scheidingsbolletje achter elk item */
  .dz-usp::after{
    content:"";width:4px;height:4px;border-radius:50%;flex:none;
    background:rgba(255,255,255,.2);margin-left:15px;
  }
  .dz-usp i{
    width:30px;height:30px;border-radius:8px;flex:none;
    background:color-mix(in srgb,var(--dz-accent,#90E509) 12%,transparent);
    border:1px solid color-mix(in srgb,var(--dz-accent,#90E509) 20%,transparent);
    box-shadow:none;animation:none;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238EE503' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:center;background-size:15px 15px;
  }
  @keyframes dz-trust{to{transform:translateX(-50%);}}

  .dz-actions{margin-top:20px;gap:10px;}
  /* tekst en icoon precies in het midden: gelijke ruimte links en rechts */
  .dz-cta,.dz-tel{width:100%;justify-content:center;padding:8px;}

  /* wizardkaart compacter */
  .dz-card{padding:16px 15px 15px;border-radius:20px;}
  .dz-card-top{gap:8px;flex-wrap:nowrap;min-width:0;}
  .dz-badge{
    padding:6px 10px;font-size:9px;letter-spacing:.1em;white-space:nowrap;
    min-width:0;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.6;
  }
  .dz-badge i{display:none;}
  .dz-step{font-size:10.5px;white-space:nowrap;flex:none;}

  /* twee kaartjes naast elkaar zonder de pagina op te rekken */
  .dz-opts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
  .dz-opt-val{overflow:hidden;text-overflow:ellipsis;}
  .dz-back{font-size:10.5px;}
  .dz-card h2{margin-top:13px;font-size:17px;}
  .dz-card-sub{font-size:11.5px;}
  .dz-q{margin-top:13px;font-size:9.5px;letter-spacing:.14em;}

  /* twee kaartjes naast elkaar, ook op smalle schermen */
  .dz-opts{grid-template-columns:1fr 1fr;gap:7px;}
  .dz-opt,.dz-opt:hover,.dz-opt:focus{padding:10px 9px;gap:7px;border-radius:14px;}
  .dz-opt-ic{width:32px;height:32px;border-radius:9px;}
  .dz-opt-ic svg{width:15px;height:15px;}
  .dz-opt-val{font-size:10px;}
  .dz-opt-txt b{font-size:12.5px;line-height:1.2;}
  .dz-opt-txt small{font-size:9.5px;line-height:1.35;}

  .dz-metric{padding:11px 12px;border-radius:13px;}
  .dz-metric b{font-size:17px;}
  .dz-field input{font-size:13px;padding:8px 2px;}
  .dz-send{font-size:13px;}
  .dz-adviser{font-size:10.5px;}
}

/* heel smalle telefoons: iets meer lucht per kaartje */
@media (max-width:360px){
  .dz-opt-txt small{display:none;}
}