:root{--bg:#fff;--tint:#f2f5fa;--surface:#fff;--ink:#18212f;--muted:#586274;--line:#e1e6ee;--brand:#2450c8;--brand-ink:#fff;--brand-dark:#1a3a94;--brand-soft:#e9effc;--cta:#15803d;--cta-ink:#fff;--cta-dark:#116632;--ok:#15803d;--ok-soft:#e3f4e8;--warn:#9a5b00;--warn-soft:#fdf1dc;--no:#a23b30;--no-soft:#fbe7e4;--font-display:"Bitter",Georgia,serif;--font-body:"Nunito Sans","Segoe UI",system-ui,sans-serif;--radius:10px;--shadow:0 1px 2px #18212f0f,0 4px 14px #18212f0f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-site=trainer]{--brand:#0b6e66;--brand-dark:#07524c;--brand-soft:#e2f2ef;--cta:#c2410c;--cta-dark:#9a3412}*{box-sizing:border-box}body,html{background:var(--bg)}body{font-family:var(--font-body);font-size:16.5px;line-height:1.6}body,h1,h2,h3{color:var(--ink);margin:0}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;line-height:1.2}h1{font-size:calc(clamp(1.9rem,4vw,2.7rem));font-weight:800}h2{font-size:calc(clamp(1.4rem,2.6vw,1.75rem))}h2,h3{font-weight:700}h3{font-size:1.15rem}p{margin:0}a{color:var(--brand)}img{max-width:100%;height:auto;display:block}.wrap{padding-inline:max(16px,env(safe-area-inset-left,0px))}.wide,.wrap{max-width:74rem;margin:0 auto}.narrow,.wide{padding-inline:16px}.narrow{max-width:48rem;margin:0 auto}.stack{flex-direction:column;gap:16px;display:flex}.fine,.muted{color:var(--muted)}.small{font-size:14.5px}.fine{font-size:13.5px}.num{font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.sr{clip:rect(0 0 0 0);white-space:nowrap}.hp,.sr{width:1px;height:1px;position:absolute;overflow:hidden}.hp{left:-9999px}.err{color:var(--no);font-size:14.5px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.topbar .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;min-height:64px;padding-block:8px;display:flex}.brand{color:var(--ink);font-family:var(--font-display);align-items:center;gap:10px;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand .b{color:var(--muted);font-weight:500}.nav{flex-wrap:wrap;align-items:center;gap:2px 4px;display:flex}.nav a{color:var(--ink);border-radius:8px;padding:8px 12px;font-size:15.5px;font-weight:600;text-decoration:none}.nav a:hover{background:var(--tint)}.nav a[aria-current=page]{color:var(--brand)}.nav a.btn{color:var(--cta-ink);margin-left:8px;padding:9px 14px}.nav a.btn:hover{background:var(--cta-dark)}.btn{border-radius:var(--radius);background:var(--cta);color:var(--cta-ink);cursor:pointer;box-shadow:0 2px 0 var(--cta-dark);border:0;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{background:var(--cta-dark)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.ghost{background:var(--surface);color:var(--brand);border:1.5px solid var(--brand);box-shadow:none}.btn.ghost:hover{background:var(--brand-soft)}.btn.sm{padding:9px 14px;font-size:14.5px}.linkbtn{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;font-weight:600;text-decoration:underline}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:24px}.section{padding-block:56px}.page-tint,.section.tint{background:var(--tint)}.section-head{flex-direction:column;gap:8px;max-width:46rem;margin-bottom:24px;display:flex}main>.view{padding-block:32px 64px}.hero-band{background:var(--brand);color:var(--brand-ink)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;padding-block:40px 48px;display:grid}.hero>*{min-width:0}.hero h1{color:var(--brand-ink)}.hero .kicker{font-family:var(--font-display);opacity:.9;font-size:1.05rem;font-weight:600}.hero .lead{opacity:.92;max-width:36rem;font-size:1.08rem}.pick{background:var(--surface);color:var(--ink);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000024}.pick h2{padding:16px 18px 10px;font-size:1.1rem}.pick a{border-top:1px solid var(--line);color:var(--brand-dark);align-items:center;gap:14px;padding:14px 18px;font-weight:700;text-decoration:none;display:flex}.pick a:hover{background:var(--brand-soft)}.pick a svg.ic{width:28px;height:28px;color:var(--brand);flex:none}.pick a .chev{color:var(--brand);margin-left:auto}.pick .foot{border-top:1px solid var(--line);color:var(--muted);padding:12px 18px;font-size:14px}.hero-photo{justify-self:end;width:100%;max-width:27rem;position:relative}.hero-photo img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border-radius:28px 28px 120px;width:100%;box-shadow:0 10px 30px #0000002e}.hero-photo .badge{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border-radius:12px;max-width:15rem;padding:12px 16px;font-size:14.5px;position:absolute;bottom:28px;left:-18px}.hero-photo .badge b{font-family:var(--font-display);font-size:1.05rem;display:block}.usps{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 28px;padding-block:22px;display:grid}.usp{align-items:flex-start;gap:10px;display:flex}.usp svg{width:24px;height:24px;color:var(--ok);flex:none;margin-top:2px}.usp b{font-family:var(--font-display);font-size:1.05rem;display:block}.usp span{color:var(--muted);font-size:14.5px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--ink);border-radius:14px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.card img{aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;width:100%}.card .body{flex-direction:column;flex:1;gap:6px;padding:16px 18px 18px;display:flex}.card .more{color:var(--brand);margin-top:auto;padding-top:8px;font-weight:700}.card:hover{border-color:var(--brand)}.tiles{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:12px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);color:var(--brand-dark);box-shadow:var(--shadow);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:700;text-decoration:none;display:flex}.tile:hover{border-color:var(--brand)}.tile small{color:var(--muted);font-size:13.5px;font-weight:500;display:block}.cta-band{background:var(--brand);color:var(--brand-ink)}.cta-band .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-block:40px;display:flex}.cta-band h2{color:var(--brand-ink)}.legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:14px;display:flex}.matrix td,.matrix th{text-align:center;padding:10px 8px}.matrix td:first-child,.matrix th:first-child{text-align:left;background:var(--surface);min-width:13rem;max-width:17rem;position:sticky;left:0}.matrix th:first-child{background:var(--tint)}.matrix td:first-child .small{color:var(--muted);margin-top:2px;font-size:13.5px;font-weight:400;display:block}.mk{white-space:nowrap;min-width:1.6rem;font-size:14px;font-weight:800;display:inline-block}.mk.ja{color:var(--ok)}.mk.addon{background:var(--warn-soft);border-radius:6px;padding:1px 6px;font-size:13px}.mk.addon,.mk.deels{color:var(--warn)}.info,.mk.bouw,.mk.nee,.mk.onbekend,.scanhead{color:var(--muted)}.mk.onbekend{font-size:13px;font-weight:400}.opts{flex-direction:column;gap:8px}.opt,.opts,.scanhead{display:flex}.opt{text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:16px;font-weight:600;transition:border-color .15s,background .15s}.opt.on,.opt:hover{border-color:var(--brand)}.opt.on{background:var(--brand-soft)}.box,.dot{background:var(--surface);border:2px solid #b7c0ce;flex:none;width:20px;height:20px}.dot{border-radius:50%}.box{border-radius:5px}.opt.on .dot{border:6px solid var(--brand)}.opt.on .box{background:var(--brand);border-color:var(--brand);box-shadow:inset 0 0 0 3px var(--surface)}.scanhead{justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600}.progress{background:var(--tint);border-radius:999px;height:8px;overflow:hidden}.progress span{background:var(--brand);height:100%;transition:width .3s;display:block}.q{font-size:calc(clamp(1.4rem,3vw,1.8rem))}.q .info{vertical-align:middle;margin:0 0 0 8px}.info{border:1.5px solid var(--muted);width:22px;height:22px;font:700 13px/1 var(--font-body);cursor:help;background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.info .tip{background:var(--ink);color:#fff;width:calc(min(18rem,70vw));font:400 14px/1.45 var(--font-body);z-index:5;text-align:left;border-radius:8px;padding:10px 12px;display:none;position:absolute;top:28px;left:50%;transform:translate(-50%)}.info.open .tip,.info:focus .tip,.info:hover .tip{display:block}.numrow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.numrow input{width:9rem;font:700 1.4rem var(--font-display);border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:10px 14px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:600}.chip.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.stepnav{justify-content:space-between;align-items:center;gap:12px;display:flex}.answers{flex-wrap:wrap;gap:6px;display:flex}.answers span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:14px}.result{grid-template-columns:2.2rem minmax(0,1fr) 15rem;align-items:start;gap:16px 20px;display:grid}.result+.result{border-top:1px solid var(--line);padding-top:22px}.rank{font:800 1.7rem/1 var(--font-display);color:var(--brand)}.meter{align-items:center;gap:10px;font-size:14px;display:flex}.bar{background:var(--tint);border-radius:999px;flex:1;max-width:14rem;height:8px;overflow:hidden}.bar span{background:var(--ok);height:100%;display:block}.price{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.price .big{font:800 1.7rem/1 var(--font-display);font-variant-numeric:tabular-nums}.tag{border-radius:6px;padding:2px 8px;font-size:13px;font-weight:700;display:inline-block}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.plain{background:var(--tint);color:var(--muted)}.pill{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;display:inline-block}.pill.ja{background:var(--ok-soft);color:var(--ok)}.pill.addon,.pill.deels{background:var(--warn-soft);color:var(--warn)}.pill.nee{background:var(--no-soft);color:var(--no)}.pill.bouw{background:var(--tint);color:var(--muted)}.pill.onbekend{color:var(--muted);background:0 0;border:1px dashed #c4cbd6}.rate{flex-wrap:wrap;align-items:center;gap:8px;font-size:14.5px;display:inline-flex}.rate input{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;width:6rem;padding:6px 10px}form .field{flex-direction:column;gap:4px;font-weight:600;display:flex}form input[type=email],form input[type=text]{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;padding:11px 12px;font-weight:400}.check{align-items:flex-start;gap:10px;font-size:14.5px;display:flex}.check input{flex:none;width:18px;height:18px;margin-top:4px}.rhead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}.rhead,.rsec,.rsec h2{display:flex}.rsec{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-block:26px}.rsec h2{align-items:baseline;gap:10px;font-size:1.4rem}.rsec h2 .n{color:var(--brand);font-size:1rem;font-weight:800}dl.kv{grid-template-columns:max-content minmax(0,1fr);gap:6px 20px;margin:0;display:grid}dl.kv dt,th,tr.same td{color:var(--muted)}dl.kv dd{margin:0}.tablewrap{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:15px}td,th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}tr:last-child td{border-bottom:0}th{background:var(--tint);font-size:14px;font-weight:700}td.r,th.r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.total td{font-weight:800}tr.same td .mk,tr.same td .pill{opacity:.6}.switch,.top3 td:first-child{font-weight:700}.checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.checklist label{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.checklist input{margin-top:5px}ol.plain,ul.plain{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.picker{gap:6px}.picker,.toolbar{flex-wrap:wrap;display:flex}.toolbar{gap:12px 24px}.switch,.toolbar{align-items:center}.switch{cursor:pointer;gap:8px;display:inline-flex}.toolbar input[type=number],.toolbar select{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;padding:7px 10px}.toolbar input[type=number]{width:6rem}.prov-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}footer.site-foot{background:var(--tint);border-top:1px solid var(--line);font-size:15px}footer .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 40px;padding-block:44px 28px;display:grid}footer h3{margin-bottom:10px;font-size:1.05rem}footer ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}footer a{color:var(--brand-dark);text-decoration:none}.report-link,footer a:hover{text-decoration:underline}footer .base{border-top:1px solid var(--line);color:var(--muted);padding-block:18px 32px;font-size:13.5px}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;z-index:20;border-radius:10px;max-width:min(32rem,100% - 32px);padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}dialog.report{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;width:min(32rem,100% - 32px);padding:0}dialog.report::backdrop{background:#18212f73}dialog.report form{flex-direction:column;gap:14px;padding:22px;display:flex}dialog.report textarea{border:1.5px solid var(--line);background:var(--surface);resize:vertical;border-radius:8px;min-height:7rem;padding:10px 12px}.report-link{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px}@media (width<=900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.hero{grid-template-columns:minmax(0,1fr);padding-block:28px 32px}.hero-photo,.nav .btn{display:none}.usps{grid-template-columns:minmax(0,1fr)}.result{grid-template-columns:2rem minmax(0,1fr)}.result .price{grid-column:2}.panel{padding:18px}.matrix td:first-child,.matrix th:first-child{min-width:10rem}footer .cols{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.cards{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media print{.no-print,.report-link,.topbar,footer.site-foot{display:none!important}body{color:#000;background:#fff}.rsec{-moz-column-break-inside:avoid;break-inside:avoid}.tablewrap{box-shadow:none;border:0}}