@media(max-width:1023px){#mockup-frame[data-astro-cid-yyiosjbs]{background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;overflow:visible!important;border-radius:0!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;aspect-ratio:unset!important}#mockup-frame[data-astro-cid-yyiosjbs]>div[data-astro-cid-yyiosjbs]{position:relative!important}.screen-layer[data-astro-cid-yyiosjbs]{background:none!important;border:none!important;box-shadow:none!important;height:auto!important;min-height:0!important;padding-left:0!important;padding-right:0!important}}.screen-layer[data-astro-cid-yyiosjbs]{display:none;position:relative;width:100%;opacity:0;pointer-events:none;transform:scale(.96);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.screen-layer[data-astro-cid-yyiosjbs].active-screen{display:flex!important;opacity:1!important;pointer-events:auto!important;transform:scale(1)!important}@media(min-width:1024px){.screen-layer[data-astro-cid-yyiosjbs]{display:block;position:absolute;inset:0;height:100%}.screen-layer[data-astro-cid-yyiosjbs].active-screen{display:flex!important}}.story-step-btn[data-astro-cid-yyiosjbs].is-active{opacity:1!important;border-color:var(--color-primary)!important;background-color:var(--color-highlight)!important;box-shadow:0 8px 24px #2d6a4f0f}.story-step-btn[data-astro-cid-yyiosjbs].is-active .step-num[data-astro-cid-yyiosjbs]{color:var(--color-primary)!important}.story-step-btn[data-astro-cid-yyiosjbs].is-active .step-badge[data-astro-cid-yyiosjbs]{color:var(--color-primary)!important;background-color:var(--color-highlight)!important;border-color:var(--color-primary)!important}#zo-werkt-het[data-astro-cid-yyiosjbs] .active-screen[data-astro-cid-yyiosjbs] [data-astro-cid-yyiosjbs],#zo-werkt-het[data-astro-cid-yyiosjbs] .screen-layer[data-astro-cid-yyiosjbs] [data-astro-cid-yyiosjbs]{animation-play-state:var(--sim-play-state, running)!important}.active-screen[data-astro-cid-yyiosjbs] #upload-drag-box[data-astro-cid-yyiosjbs]{animation:pulseBorder 2s ease-in-out infinite alternate}@keyframes pulseBorder{0%{border-color:#2d6a4f26;box-shadow:0 0 #2d6a4f00}to{border-color:#2d6a4f66;box-shadow:0 0 10px #2d6a4f0d}}.active-screen[data-astro-cid-yyiosjbs] #upload-idle-state[data-astro-cid-yyiosjbs]{animation:fadeOutUp .3s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s}@keyframes fadeOutUp{to{opacity:0;transform:translateY(-10px);display:none}}.active-screen[data-astro-cid-yyiosjbs] #upload-active-state[data-astro-cid-yyiosjbs]{animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.6s;display:none}.active-screen[data-astro-cid-yyiosjbs] #upload-active-state[data-astro-cid-yyiosjbs].visible-flex{display:flex!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.active-screen[data-astro-cid-yyiosjbs] #upload-progress-bar[data-astro-cid-yyiosjbs]{animation:fillProgress 1.8s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.8s}@keyframes fillProgress{to{width:100%}}.active-screen[data-astro-cid-yyiosjbs] #call-accept-btn[data-astro-cid-yyiosjbs]{animation:pulseAccept 1.2s infinite}@keyframes pulseAccept{0%{transform:scale(1);box-shadow:0 0 #10b98199}70%{transform:scale(1.06);box-shadow:0 0 0 8px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.active-screen[data-astro-cid-yyiosjbs] #scanner-laser[data-astro-cid-yyiosjbs]{animation:scannerLineMove 3.5s ease-in-out infinite alternate;opacity:1!important}@keyframes scannerLineMove{0%{top:5%}to{top:95%}}.active-screen[data-astro-cid-yyiosjbs] #scan-warning-1[data-astro-cid-yyiosjbs]{animation:warningHighlight .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.2s}.active-screen[data-astro-cid-yyiosjbs] #scan-warning-2[data-astro-cid-yyiosjbs]{animation:warningHighlight .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:2.4s}.active-screen[data-astro-cid-yyiosjbs] #scan-warning-3[data-astro-cid-yyiosjbs]{animation:warningHighlight .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:3.6s}@keyframes warningHighlight{to{border-color:#f59e0b!important;background-color:#f59e0b0f!important;box-shadow:0 4px 12px #f59e0b14}}.active-screen[data-astro-cid-yyiosjbs] #email-response-overlay[data-astro-cid-yyiosjbs]{animation:responseOverlayReveal .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:3s;pointer-events:auto}@keyframes responseOverlayReveal{to{opacity:1}}.active-screen[data-astro-cid-yyiosjbs] #email-response-overlay[data-astro-cid-yyiosjbs]>div[data-astro-cid-yyiosjbs]{animation:responseCardScaleUp .6s cubic-bezier(.175,.885,.32,1.2) forwards;animation-delay:3.2s}@keyframes responseCardScaleUp{to{transform:scale(1)}}.active-screen[data-astro-cid-yyiosjbs] #result-dashboard-card[data-astro-cid-yyiosjbs]{animation:outcomePanelReveal .6s cubic-bezier(.175,.885,.32,1.1) forwards;animation-delay:.2s}@keyframes outcomePanelReveal{to{opacity:1;transform:scale(1)}}.rotate-135[data-astro-cid-yyiosjbs]{transform:rotate(135deg)}