:root{--wfs-blue:#035da1;--wfs-green:#518c30;--wfs-lime:#78de37;--wfs-white:#fff;--wfs-black:#101418;--wfs-soft:#f3f7f9;--wfs-line:#dce5ea;--wfs-muted:#5c6d76}
.wfs-app{box-sizing:border-box;color:var(--wfs-black);font-family:Arial,Helvetica,sans-serif;line-height:1.55;max-width:920px;margin:32px auto}.wfs-app *{box-sizing:border-box}.wfs-app button,.wfs-app input,.wfs-app textarea{font:inherit}.wfs-brand{display:flex;align-items:center;gap:10px}.wfs-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px 13px 13px 4px;background:var(--wfs-lime);color:var(--wfs-blue);font-weight:900}.wfs-brand strong{font-size:18px;color:var(--wfs-blue)}.wfs-card{max-width:570px;margin:50px auto;padding:42px;background:var(--wfs-white);border:1px solid var(--wfs-line);border-radius:24px;box-shadow:0 22px 60px rgba(3,93,161,.12)}.wfs-kicker{text-transform:uppercase;letter-spacing:.11em;color:var(--wfs-green);font-size:12px;font-weight:800}.wfs-card h2,.wfs-step h1,.wfs-step h2,.wfs-magazine h1,.wfs-magazine h2,.wfs-magazine h3{color:var(--wfs-blue);line-height:1.13;margin:12px 0 18px}.wfs-card h2{font-size:34px}.wfs-code-form{display:grid;gap:10px;margin-top:28px}.wfs-code-form label,.wfs-open,.wfs-other label{font-weight:700;font-size:14px}.wfs-code-form input,.wfs-open textarea,.wfs-other textarea{width:100%;border:1px solid #b9c9d2;border-radius:12px;padding:14px;background:#fff;color:#101418;outline:0}.wfs-code-form input{text-transform:uppercase;font-size:22px;font-weight:800;letter-spacing:.1em}.wfs-code-form input:focus,.wfs-open textarea:focus,.wfs-other textarea:focus{border-color:var(--wfs-blue);box-shadow:0 0 0 3px rgba(3,93,161,.12)}.wfs-code-form button,.wfs-primary,.wfs-success button,.wfs-magazine header button{border:0;border-radius:999px;padding:13px 21px;background:var(--wfs-blue);color:#fff;font-weight:800;cursor:pointer}.wfs-code-form button{margin-top:8px;display:flex;justify-content:space-between}.wfs-alert{margin:18px 0;padding:13px 15px;border-left:4px solid #c74332;background:#fff1ef;border-radius:0 10px 10px 0;color:#7c2d22}.wfs-survey-header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--wfs-line)}.wfs-survey-header small{color:var(--wfs-muted)}.wfs-progress{height:7px;margin:0 0 40px;background:#e4ebee;border-radius:99px;overflow:hidden}.wfs-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--wfs-green),var(--wfs-lime));transition:width .3s}.wfs-step{display:none;max-width:780px;margin:0 auto;padding:28px 0 65px}.wfs-step.is-active{display:block}.wfs-step h1{font-size:clamp(38px,6vw,64px)}.wfs-step h2{font-size:clamp(27px,4vw,39px)}.wfs-intro{padding:44px;background:var(--wfs-blue);color:#fff;border-radius:26px}.wfs-intro h1{color:#fff}.wfs-intro .wfs-kicker{color:var(--wfs-lime)}.wfs-privacy{margin:24px 0;padding:17px;background:rgba(255,255,255,.12);border-radius:13px}.wfs-intro .wfs-primary{background:var(--wfs-lime);color:var(--wfs-black);margin-top:15px}.wfs-step-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:16px;color:var(--wfs-muted);font-size:13px}.wfs-step-meta span:first-child{color:var(--wfs-green);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.wfs-options{display:grid;gap:10px}.wfs-options label{cursor:pointer}.wfs-options input{position:absolute;opacity:0;pointer-events:none}.wfs-options label>span{display:flex;align-items:center;gap:15px;min-height:64px;padding:12px 15px;border:1.5px solid var(--wfs-line);border-radius:14px;background:#fff;transition:.15s}.wfs-options label>span b{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:#edf2f4;color:var(--wfs-blue);font-size:13px}.wfs-options label:hover>span{border-color:var(--wfs-blue);transform:translateY(-1px)}.wfs-options input:checked+span{border-color:var(--wfs-green);background:#f1faec;box-shadow:0 0 0 3px rgba(81,140,48,.1)}.wfs-options input:checked+span b{background:var(--wfs-green);color:#fff}.wfs-other,.wfs-open{display:block;margin-top:22px}.wfs-open small{color:var(--wfs-muted);font-weight:400}.wfs-open textarea,.wfs-other textarea{display:block;margin-top:7px;resize:vertical}.wfs-nav{display:flex;justify-content:space-between;gap:12px;margin-top:34px}.wfs-secondary{border:1px solid #b9c9d2;border-radius:999px;padding:12px 19px;background:#fff;color:var(--wfs-blue);font-weight:700;cursor:pointer}.wfs-step.has-error .wfs-options{padding:8px;border:2px solid #c74332;border-radius:16px}.wfs-step.has-error .wfs-options:after{content:'Deze vraag is verplicht.';color:#a23527;font-size:13px;font-weight:700}.wfs-closing{display:grid;gap:4px;margin-bottom:25px;padding:16px 18px;background:#ecf9e5;border-left:5px solid var(--wfs-lime);border-radius:0 12px 12px 0}.wfs-closing strong{color:var(--wfs-blue);font-size:20px}.wfs-review-step{text-align:center;padding:70px 20px}.wfs-review-step .wfs-nav{justify-content:center}.wfs-success{text-align:center;padding:75px 25px;border:1px solid var(--wfs-line);border-radius:24px;background:#fff}.wfs-success-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 22px;border-radius:50%;background:var(--wfs-lime);color:var(--wfs-blue);font-size:38px;font-weight:900}.wfs-success h2{color:var(--wfs-blue);font-size:38px}.wfs-success button{background:transparent;color:var(--wfs-blue);border:1px solid var(--wfs-blue)}.wfs-message{padding:45px;text-align:center;background:#fff;border:1px solid var(--wfs-line);border-radius:20px}.wfs-magazine{background:#fff;border:1px solid var(--wfs-line);border-radius:24px;overflow:hidden;box-shadow:0 20px 65px rgba(3,93,161,.12)}.wfs-magazine>header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px}.wfs-magazine-hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:58px;background:var(--wfs-blue);color:#fff}.wfs-magazine-hero h1{color:#fff;font-size:clamp(39px,6vw,66px)}.wfs-magazine-hero .wfs-kicker{color:var(--wfs-lime)}.wfs-balance{display:grid;place-items:center;width:150px;height:150px;border:12px solid var(--wfs-lime);border-radius:50%}.wfs-balance strong{font-size:42px;line-height:1}.wfs-balance span{font-size:13px}.wfs-magazine>section{padding:48px 58px;border-bottom:1px solid var(--wfs-line)}.wfs-report-bars{display:grid;gap:16px}.wfs-report-bars>div{display:grid;grid-template-columns:190px 1fr 38px;align-items:center;gap:12px}.wfs-report-bars i{height:11px;background:#e8eef1;border-radius:99px;overflow:hidden}.wfs-report-bars b{display:block;height:100%;border-radius:99px}.wfs-good{background:var(--wfs-green)}.wfs-watch{background:#e7ad34}.wfs-risk{background:#d65242}.wfs-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wfs-report-card{padding:24px;border-radius:16px;background:var(--wfs-soft)}.wfs-positive{border-top:5px solid var(--wfs-green)}.wfs-attention{border-top:5px solid #e7ad34}.wfs-patterns{display:grid;gap:12px}.wfs-patterns>div{padding:18px;border-left:5px solid #e7ad34;background:#fff8e9;border-radius:0 12px 12px 0}.wfs-patterns p{margin:5px 0 0}.wfs-magazine footer{padding:22px 58px;background:var(--wfs-black);color:#fff;font-size:12px}
@media(max-width:700px){.wfs-app{margin:15px}.wfs-card,.wfs-intro{padding:26px}.wfs-survey-header small{display:none}.wfs-step h1{font-size:38px}.wfs-magazine-hero{grid-template-columns:1fr;padding:35px 25px}.wfs-balance{width:120px;height:120px}.wfs-magazine>section{padding:34px 25px}.wfs-report-bars>div{grid-template-columns:120px 1fr 34px;font-size:13px}.wfs-report-grid{grid-template-columns:1fr}.wfs-nav{align-items:stretch}.wfs-nav button{padding-left:15px;padding-right:15px}}
@media print{body *{visibility:hidden}.wfs-magazine,.wfs-magazine *{visibility:visible}.wfs-magazine{position:absolute;inset:0 auto auto 0;width:100%;max-width:none;margin:0;border:0;box-shadow:none}.wfs-magazine header button{display:none}.wfs-magazine>section{break-inside:avoid}}
.wfs-step.has-error .wfs-open textarea{border-color:#c74332;box-shadow:0 0 0 3px rgba(199,67,50,.12)}.wfs-step.has-error .wfs-open:after{content:'Deze vraag is verplicht.';display:block;margin-top:7px;color:#a23527;font-size:13px;font-weight:700}
.wfs-review-comparison{margin:22px 0;overflow-x:auto}.wfs-review-comparison>div{display:grid;grid-template-columns:minmax(165px,1.4fr) repeat(3,minmax(125px,1fr));align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--wfs-line)}.wfs-review-comparison>div.is-head{background:var(--wfs-blue);color:#fff;border-radius:10px 10px 0 0}.wfs-review-comparison strong small{display:block;color:#cde0ec;font-size:11px;font-weight:400}.wfs-review-comparison b{justify-self:start;min-width:47px;padding:5px 10px;border-radius:99px;color:#fff;text-align:center}.wfs-review-narrative{margin:26px 0;padding:20px 22px;border-left:5px solid var(--wfs-green);border-radius:0 14px 14px 0;background:#f2f8ef}.wfs-review-group{padding:14px 0;border-top:1px solid var(--wfs-line)}.wfs-review-group summary{cursor:pointer;color:var(--wfs-blue);font-weight:800}
.wfs-magazine{max-width:980px;border-radius:24px;box-shadow:0 24px 75px rgba(3,93,161,.15)}.wfs-magazine>header{padding:22px 30px}.wfs-magazine-hero{min-height:480px;padding:70px}.wfs-magazine-hero h1{max-width:700px;margin:20px 0;font-size:clamp(48px,7vw,76px);line-height:1.02}.wfs-magazine-hero p{max-width:600px;color:#dcebf5;font-size:18px;line-height:1.65}.wfs-magazine>section{padding:58px 70px}.wfs-magazine>section>h2{margin:10px 0 18px;font-size:clamp(34px,5vw,46px)}.wfs-report-bars{margin-top:30px}.wfs-report-grid{gap:18px}.wfs-report-card{padding:27px}.wfs-report-card h3{font-size:26px}.wfs-magazine>section:not(.wfs-report-grid)>p{max-width:820px;font-size:16px;line-height:1.75}.wfs-magazine>section:nth-of-type(3)>p{margin-left:0;padding-left:0}.wfs-review-narrative{max-width:820px;padding:25px 29px;font-size:16px;line-height:1.72}.wfs-review-group{max-width:860px;padding:17px 0}.wfs-patterns>div{padding:20px}.wfs-magazine footer{padding:25px 70px}
@media(max-width:700px){.wfs-magazine-hero{min-height:0;padding:42px 25px}.wfs-magazine-hero h1{font-size:44px}.wfs-magazine>section{padding:38px 25px}.wfs-magazine>section>h2{font-size:32px}.wfs-review-narrative{padding:20px}.wfs-review-comparison>div{grid-template-columns:minmax(130px,1.2fr) repeat(3,minmax(105px,1fr))}}
@media print{.wfs-magazine{max-width:none;border-radius:0;box-shadow:none}.wfs-magazine-hero{min-height:92vh;break-after:page}.wfs-magazine>section,.wfs-report-card,.wfs-review-narrative,.wfs-patterns>div{break-inside:avoid}.wfs-magazine footer{break-before:auto}}
.wfs-method ol{display:grid;gap:13px;margin:0;padding-left:22px;max-width:820px}.wfs-method li{padding-left:6px;line-height:1.6}.wfs-method-note{max-width:820px!important;margin:26px 0 0!important;padding:18px 21px;border-left:5px solid #e7ad34;background:#fff8e9;line-height:1.6!important}
@page{size:A4 portrait;margin:0}
@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}.wfs-magazine,.wfs-magazine *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.wfs-magazine{position:static!important;width:210mm!important;max-width:210mm!important}.wfs-magazine-hero{box-sizing:border-box;height:297mm!important;min-height:0!important;padding:30mm 22mm!important;background:#035da1!important;break-after:page!important;page-break-after:always!important}.wfs-magazine>section{padding:14mm 18mm!important;break-inside:auto!important}.wfs-report-card,.wfs-report-bars>div,.wfs-review-comparison>div,.wfs-patterns>div,.wfs-review-group{break-inside:avoid!important}.wfs-review-narrative{break-inside:auto!important}.wfs-magazine footer{padding:8mm 18mm!important}}
.wfs-feedback{max-width:780px;border:1px solid var(--wfs-line);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 20px 65px rgba(3,93,161,.12)}.wfs-feedback>header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px}.wfs-feedback-hero{padding:54px;background:var(--wfs-blue);color:#fff}.wfs-feedback-hero h1{margin:0 0 18px;color:#fff;font-size:clamp(38px,6vw,58px);line-height:1.05}.wfs-feedback-hero p{max-width:650px;margin:0;color:#dcebf5;font-size:17px}.wfs-feedback>.wfs-alert{margin:25px 40px 0}.wfs-feedback-form{display:grid;gap:22px;padding:42px 54px 54px}.wfs-feedback-form>label,.wfs-feedback-two label,.wfs-feedback-form legend{display:grid;gap:8px;color:var(--wfs-blue);font-weight:800}.wfs-feedback-form input[type=text],.wfs-feedback-form input:not([type]),.wfs-feedback-form textarea{width:100%;padding:13px;border:1px solid #b9c9d2;border-radius:11px;color:var(--wfs-black);font-weight:400}.wfs-feedback-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wfs-feedback-form fieldset{margin:0;padding:0;border:0}.wfs-rating{display:flex;gap:9px;margin-top:11px}.wfs-rating input{position:absolute;opacity:0}.wfs-rating span{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--wfs-line);border-radius:50%;color:var(--wfs-blue);cursor:pointer}.wfs-rating input:checked+span{background:var(--wfs-green);color:#fff;border-color:var(--wfs-green)}.wfs-consent{grid-template-columns:auto 1fr!important;align-items:start;color:var(--wfs-black)!important;font-weight:400!important}.wfs-consent input{margin-top:5px}.wfs-feedback-privacy{padding:15px 18px;background:var(--wfs-soft);border-radius:11px;color:var(--wfs-muted);font-size:13px}.wfs-hp{position:absolute!important;left:-9999px!important}.wfs-feedback-form>.wfs-primary{justify-self:start}
@media(max-width:700px){.wfs-feedback>header{align-items:flex-start;gap:15px}.wfs-feedback-hero{padding:38px 25px}.wfs-feedback-form{padding:32px 25px}.wfs-feedback-two{grid-template-columns:1fr}}
