:root{--paper: #f3f1ea;--paper-2: #e9e6dc;--card: #fffdf8;--ink: #14161b;--ink-2: #23262e;--muted: #5b5f68;--line: #d8d4c8;--orange: #ff4f1a;--orange-d: #d9390a;--go: #0e9461;--go-bg: #def3e9;--amber: #b26b00;--amber-bg: #fbeed3;--red: #c42d2d;--red-bg: #fbe3e1;--r: 14px;--shadow: 0 1px 0 var(--line), 0 18px 40px -30px rgba(20, 22, 27, .55);--head: "Archivo", "Arial Narrow", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--stripe: repeating-linear-gradient(-45deg, var(--orange) 0 10px, var(--ink) 10px 20px)}*, *::before, *::after{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--paper);color: var(--ink);font: 400 17px/1.6 var(--head);font-stretch: 100%}img, svg{max-width: 100%}[hidden]{display: none !important}a{color: var(--orange-d);text-underline-offset: 3px}a:hover{color: var(--ink)}h1, h2, h3, h4{font-family: var(--head);font-stretch: 125%;line-height: 1.08;margin: 0 0 .5em;letter-spacing: -.01em}h1{font-size: clamp(34px, 5.4vw, 62px);font-weight: 900}h2{font-size: clamp(26px, 3.4vw, 38px);font-weight: 800}h3{font-size: 20px;font-weight: 750}p{margin: 0 0 1em}.wrap{width: 100%;max-width: 1180px;margin: 0 auto;padding: 0 16px}.narrow{max-width: 820px}.i{width: 1.1em;height: 1.1em;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;vertical-align: -.18em;flex: none}.mono{font-family: var(--mono)}.skip{position: absolute;left: -999px;top: 8px;background: var(--ink);color: #fff;padding: 8px 14px;z-index: 99}.skip:focus{left: 8px}:focus-visible{outline: 3px solid var(--orange);outline-offset: 2px} .notice{background: var(--ink);color: #d9dbe0;font-size: 13.5px;padding: 7px 0}.notice b{color: #fff}.notice .dot{display: inline-block;width: 8px;height: 8px;border-radius: 50%;background: var(--go);margin-right: 8px;box-shadow: 0 0 0 3px rgba(14, 148, 97, .3)}.site-header{position: sticky;top: 0;z-index: 40;background: rgba(243, 241, 234, .94);backdrop-filter: blur(8px);border-bottom: 1px solid var(--line)}.header-in{display: flex;align-items: center;gap: 24px;min-height: 68px}.laps{height: 4px;background: var(--stripe);background-size: 28px 28px;opacity: .9}.logo{display: flex;align-items: center;gap: 10px;color: var(--ink);text-decoration: none}.logo svg{width: 38px;height: 38px}.logo strong{display: flex;flex-direction: column;font-stretch: 125%;font-weight: 900;font-size: 21px;line-height: 1;letter-spacing: -.02em}.logo small{font-family: var(--mono);font-size: 10.5px;font-weight: 500;letter-spacing: .04em;text-transform: uppercase;color: var(--muted);margin-top: 4px;font-stretch: 100%}.main-nav{margin-left: auto}.main-nav ul{list-style: none;display: flex;gap: 4px;margin: 0;padding: 0}.main-nav a{display: block;padding: 8px 12px;border-radius: 8px;color: var(--ink);text-decoration: none;font-weight: 600;font-size: 15px}.main-nav a:hover{background: var(--paper-2)}.main-nav a[aria-current="page"]{background: var(--ink);color: #fff}.header-cta{display: flex;align-items: center;gap: 8px}.burger{display: none;background: var(--ink);color: #fff;border: 0;border-radius: 10px;width: 44px;height: 44px;font-size: 20px;cursor: pointer} .btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 13px 20px;border-radius: 10px;font: 700 16px var(--head);font-stretch: 112%;text-decoration: none;border: 2px solid transparent;cursor: pointer;transition: transform .12s, background .12s}.btn:hover{transform: translateY(-1px)}.btn-go{background: var(--orange);color: #fff}.btn-go:hover{background: var(--orange-d);color: #fff}.btn-ink{background: var(--ink);color: #fff}.btn-ink:hover{background: var(--ink-2);color: #fff}.btn-line{background: transparent;color: var(--ink);border-color: var(--ink)}.btn-line:hover{background: var(--ink);color: #fff}.btn-light{background: transparent;color: #fff;border-color: rgba(255, 255, 255, .45)}.btn-light:hover{background: #fff;color: var(--ink)}.btn-sm{padding: 9px 14px;font-size: 14.5px}.btn-row{display: flex;flex-wrap: wrap;gap: 10px} .hero{background: var(--ink);color: #eef0f3;padding: 64px 0 72px;position: relative;overflow: hidden}.hero::after{content: "";position: absolute;right: -120px;top: -120px;width: 520px;height: 520px;border-radius: 50%;border: 2px dashed rgba(255, 255, 255, .08)}.hero-grid{display: grid;grid-template-columns: 1.15fr .85fr;gap: 48px;align-items: center;position: relative;z-index: 1}.kicker{display: inline-flex;align-items: center;gap: 8px;font: 600 12.5px var(--mono);letter-spacing: .08em;text-transform: uppercase;color: var(--orange);margin-bottom: 18px}.hero h1 em{font-style: normal;color: var(--orange)}.hero .lead{font-size: 19px;color: #c3c7cf;max-width: 600px}.hero-facts{display: flex;flex-wrap: wrap;gap: 18px;margin-top: 28px;font-size: 14.5px;color: #c3c7cf}.hero-facts span{display: inline-flex;align-items: center;gap: 6px}.hero-facts .i{color: var(--go)}.board{background: #0c0d10;border: 1px solid #2c3039;border-radius: 18px;padding: 22px;box-shadow: 0 30px 60px -30px #000}.board-head{display: flex;justify-content: space-between;align-items: center;font: 600 12px var(--mono);letter-spacing: .08em;text-transform: uppercase;color: #8a909b;margin-bottom: 14px}.board-head .rec{color: var(--orange);display: inline-flex;align-items: center;gap: 6px}.board-head .rec::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--orange);animation: blink 1.2s infinite}@keyframes blink{50%{opacity: .2}}.clock{font: 600 clamp(40px, 6vw, 58px)/1 var(--mono);color: #fff;letter-spacing: -.02em;margin-bottom: 16px;font-variant-numeric: tabular-nums}.clock small{font-size: .45em;color: #8a909b}.splits{list-style: none;margin: 0;padding: 0}.splits li{display: grid;grid-template-columns: 28px 1fr auto;gap: 10px;align-items: center;padding: 11px 0;border-top: 1px solid #23262e;font-size: 15px;color: #dfe2e7}.splits b{font: 600 12px var(--mono);color: #8a909b}.splits .t{font: 600 14px var(--mono);color: var(--go)}.splits .t.slow{color: #f0b54a}.board-note{font-size: 12px;color: #7b818c;margin: 12px 0 0} .sec{padding: 72px 0}.sec-alt{background: var(--card);border-block: 1px solid var(--line)}.sec-head{max-width: 760px;margin-bottom: 32px}.eyebrow{font: 600 12.5px var(--mono);letter-spacing: .08em;text-transform: uppercase;color: var(--orange-d);margin-bottom: 10px;display: block}.lead{font-size: 18.5px;color: var(--muted)}.stripe{height: 10px;background: var(--stripe)} .filters{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;margin-bottom: 18px}.chip{font: 600 14px var(--head);padding: 8px 14px;border-radius: 999px;border: 1.5px solid var(--line);background: var(--card);color: var(--ink);cursor: pointer;display: inline-flex;align-items: center;gap: 6px}.chip:hover{border-color: var(--ink)}.chip[aria-pressed="true"]{background: var(--ink);border-color: var(--ink);color: #fff}.count{margin-left: auto;font: 500 13px var(--mono);color: var(--muted)}.lanes{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px;counter-reset: lane}.lane{display: grid;grid-template-columns: 64px 1.3fr 1fr 150px 170px;gap: 18px;align-items: center;background: var(--card);border: 1px solid var(--line);border-radius: var(--r);padding: 18px 20px;box-shadow: var(--shadow);position: relative}.lane:first-child{border-color: var(--ink)}.lane:first-child::before{content: "Snelste keuze";position: absolute;top: -11px;left: 20px;background: var(--orange);color: #fff;font: 600 11px var(--mono);letter-spacing: .06em;text-transform: uppercase;padding: 3px 9px;border-radius: 6px}.lane[hidden]{display: none}.pos{font: 600 30px var(--mono);color: var(--line);text-align: center}.lane:first-child .pos{color: var(--orange)}.brand{display: flex;align-items: center;gap: 14px;min-width: 0}.mark{width: 52px;height: 52px;border-radius: 12px;display: grid;place-items: center;font: 800 18px var(--head);font-stretch: 125%;color: #fff;flex: none}.brand h3{margin: 0 0 3px;font-size: 19px}.brand p{margin: 0;font-size: 14px;color: var(--muted);line-height: 1.4}.tags{display: flex;flex-wrap: wrap;gap: 6px}.tag{font-size: 12.5px;font-weight: 600;background: var(--paper);border: 1px solid var(--line);border-radius: 6px;padding: 3px 8px;display: inline-flex;align-items: center;gap: 4px;white-space: nowrap}.speed{display: flex;flex-direction: column;gap: 3px}.speed small{font: 500 11px var(--mono);text-transform: uppercase;letter-spacing: .06em;color: var(--muted)}.pill{display: inline-flex;align-items: center;gap: 5px;font: 600 13.5px var(--mono);border-radius: 7px;padding: 5px 9px;width: fit-content;white-space: nowrap}.pill.fast{background: var(--go-bg);color: var(--go)}.pill.mid{background: var(--amber-bg);color: var(--amber)}.lane-cta{display: flex;flex-direction: column;align-items: stretch;gap: 6px;text-align: center}.score{font: 600 13px var(--mono);color: var(--muted)}.score b{font-size: 20px;color: var(--ink)}.lane-foot{grid-column: 2 / -1;font-size: 12.5px;color: var(--muted);border-top: 1px dashed var(--line);padding-top: 10px;margin-top: -4px}.list-actions{display: flex;justify-content: center;margin-top: 20px}.empty{text-align: center;padding: 30px;border: 2px dashed var(--line);border-radius: var(--r);color: var(--muted)}.fine{font-size: 13px;color: var(--muted);margin-top: 16px} .grid3{display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px}.grid2{display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px}.card{background: var(--card);border: 1px solid var(--line);border-radius: var(--r);padding: 24px;box-shadow: var(--shadow)}.card .ico{width: 46px;height: 46px;border-radius: 12px;background: var(--ink);color: var(--orange);display: grid;place-items: center;font-size: 22px;margin-bottom: 14px}.card p:last-child{margin-bottom: 0}.card .num{font: 600 13px var(--mono);color: var(--orange-d);display: block;margin-bottom: 6px}.track{list-style: none;margin: 0;padding: 0;position: relative}.track::before{content: "";position: absolute;left: 90px;top: 8px;bottom: 8px;width: 2px;background: repeating-linear-gradient(var(--ink) 0 6px, transparent 6px 12px)}.track li{display: grid;grid-template-columns: 60px 30px 1fr;gap: 16px;padding: 0 0 26px;position: relative}.track .when{font: 600 13px var(--mono);color: var(--muted);text-align: right;padding-top: 3px}.track .dot{width: 18px;height: 18px;border-radius: 50%;background: var(--paper);border: 3px solid var(--ink);margin: 3px 0 0 6px;position: relative;z-index: 1}.track li:last-child .dot{background: var(--orange);border-color: var(--orange)}.track h3{margin-bottom: 4px;font-size: 18px}.track p{margin: 0;color: var(--muted)}.tbl{overflow-x: auto;border: 1px solid var(--line);border-radius: var(--r);background: var(--card)}table{width: 100%;border-collapse: collapse;font-size: 15.5px}th, td{text-align: left;padding: 13px 16px;border-bottom: 1px solid var(--line);vertical-align: top}th{font: 600 12px var(--mono);text-transform: uppercase;letter-spacing: .06em;color: var(--muted);background: var(--paper);white-space: nowrap}tr:last-child td{border-bottom: 0}td .pill{white-space: nowrap}.callout{display: flex;gap: 14px;padding: 18px 20px;border-radius: var(--r);border: 1.5px solid var(--ink);background: var(--card);margin: 24px 0}.callout .i{font-size: 22px;color: var(--orange-d);margin-top: 2px}.callout p:last-child{margin: 0}.callout.warn{border-color: var(--amber);background: var(--amber-bg)}.callout.warn .i{color: var(--amber)}.callout.ok{border-color: var(--go);background: var(--go-bg)}.callout.ok .i{color: var(--go)}.procon{display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.procon ul{list-style: none;padding: 0;margin: 0}.procon li{display: flex;gap: 10px;padding: 7px 0}.procon .yes .i{color: var(--go)}.procon .no .i{color: var(--red)} .faq{display: grid;gap: 10px}.faq details{background: var(--card);border: 1px solid var(--line);border-radius: var(--r);padding: 0 20px}.faq summary{cursor: pointer;list-style: none;padding: 18px 30px 18px 0;font-weight: 700;font-size: 17.5px;position: relative}.faq summary::-webkit-details-marker{display: none}.faq summary::after{content: "+";position: absolute;right: 0;top: 14px;font: 600 22px var(--mono);color: var(--orange-d)}.faq details[open] summary::after{content: "–"}.faq details p{color: var(--muted)} .page-hero{background: var(--ink);color: #eef0f3;padding: 48px 0 44px}.page-hero .lead{color: #c3c7cf;max-width: 720px;margin: 0}.crumbs{font: 500 13px var(--mono);color: #8a909b;margin-bottom: 14px}.crumbs a{color: #c3c7cf}.updated{font: 500 13px var(--mono);color: #8a909b;margin: 0}.prose h2{margin-top: 1.6em;font-size: clamp(24px, 3vw, 32px)}.prose h3{margin-top: 1.4em}.prose ul, .prose ol{padding-left: 22px}.prose li{margin-bottom: 6px}.toc{background: var(--card);border: 1px solid var(--line);border-radius: var(--r);padding: 18px 22px;margin-bottom: 32px}.toc b{font: 600 12px var(--mono);text-transform: uppercase;letter-spacing: .06em;color: var(--muted)}.toc ol{margin: 8px 0 0} .tool{background: var(--card);border: 1.5px solid var(--ink);border-radius: 18px;overflow: hidden;margin-bottom: 32px;box-shadow: var(--shadow)}.tool-head{background: var(--ink);color: #fff;padding: 18px 24px;display: flex;align-items: center;gap: 12px}.tool-head h2{margin: 0;font-size: 22px}.tool-head .i{color: var(--orange);font-size: 24px}.tool-body{display: grid;grid-template-columns: 1.1fr .9fr}.tool form{padding: 24px;display: grid;grid-template-columns: 1fr 1fr;gap: 16px;align-content: start}.field{display: flex;flex-direction: column;gap: 6px;min-width: 0}.field.full{grid-column: 1 / -1}fieldset.field{border: 0;padding: 0;margin: 0}.field label, .field legend{font-weight: 650;font-size: 14.5px;padding: 0}.field .hint{font-size: 12.5px;color: var(--muted)}input, select, textarea{font: 500 16px var(--head);color: var(--ink);background: var(--paper);border: 1.5px solid var(--line);border-radius: 10px;padding: 11px 12px;width: 100%}input:focus, select:focus, textarea:focus{border-color: var(--ink);outline: none;background: #fff}input[aria-invalid="true"], textarea[aria-invalid="true"]{border-color: var(--red)}.seg{display: flex;flex-wrap: wrap;gap: 6px}.seg label{font-weight: 600;font-size: 14px;display: inline-flex;align-items: center;gap: 6px;border: 1.5px solid var(--line);border-radius: 8px;padding: 8px 12px;cursor: pointer;background: var(--paper)}.seg input{width: auto;accent-color: var(--orange);margin: 0}.seg label:has(input:checked){border-color: var(--ink);background: #fff}.out{background: var(--paper);border-left: 1px solid var(--line);padding: 24px;display: flex;flex-direction: column;gap: 14px}.out .row{display: flex;justify-content: space-between;align-items: baseline;gap: 12px;border-bottom: 1px dashed var(--line);padding-bottom: 10px}.out .row span{color: var(--muted);font-size: 14.5px}.out .row b{font: 600 18px var(--mono)}.out .big{font: 600 clamp(30px, 4vw, 42px)/1.05 var(--mono);color: var(--ink)}.out .big-label{font: 600 12px var(--mono);text-transform: uppercase;letter-spacing: .06em;color: var(--muted)}.verdict-note{font-size: 14.5px;padding: 12px 14px;border-radius: 10px;background: #fff;border: 1px solid var(--line);margin: 0}.verdict-note.ok{background: var(--go-bg);border-color: var(--go)}.verdict-note.bad{background: var(--red-bg);border-color: var(--red)}.verdict-note.mid{background: var(--amber-bg);border-color: var(--amber)}.steps-out{list-style: none;margin: 0;padding: 0;font-size: 14.5px}.steps-out li{display: flex;justify-content: space-between;gap: 10px;padding: 5px 0}.steps-out li b{font-family: var(--mono);font-weight: 600;white-space: nowrap} .tabs{display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 16px}.tabs [role="tab"]{font: 700 15px var(--head);padding: 10px 16px;border-radius: 10px;border: 1.5px solid var(--line);background: var(--card);cursor: pointer;color: var(--ink)}.tabs [role="tab"][aria-selected="true"]{background: var(--ink);border-color: var(--ink);color: #fff}.form{background: var(--card);border: 1px solid var(--line);border-radius: var(--r);padding: 24px;display: grid;grid-template-columns: 1fr 1fr;gap: 16px}.form .check{grid-column: 1 / -1;display: flex;gap: 10px;align-items: flex-start;font-size: 14.5px}.form .check input{width: auto;margin-top: 4px;accent-color: var(--orange)}.hp{position: absolute !important;left: -9999px !important}.form-note{grid-column: 1 / -1;margin: 0;font-size: 14.5px}.form-note.ok{color: var(--go)}.form-note.err{color: var(--red)}.contact-side{display: grid;gap: 14px;align-content: start}.two-col{display: grid;grid-template-columns: 1.4fr .6fr;gap: 24px} .rg-band{background: var(--orange);color: #fff;padding: 22px 0}.rg-in{display: flex;align-items: center;gap: 18px}.rg-age{font: 800 22px var(--head);font-stretch: 125%;width: 60px;height: 60px;border-radius: 50%;border: 3px solid #fff;display: grid;place-items: center;flex: none}.rg-band p{margin: 0;font-size: 15px}.rg-band a{color: #fff;font-weight: 700}.site-footer{background: var(--ink);color: #b9bec7;padding: 56px 0 28px;font-size: 15px}.site-footer .logo{color: #fff;margin-bottom: 14px}.site-footer .logo small{color: #8a909b}.f-top{display: grid;grid-template-columns: 1.5fr 1fr 1fr 1fr;gap: 32px}.f-col h4{font: 600 12px var(--mono);text-transform: uppercase;letter-spacing: .08em;color: #fff;margin-bottom: 14px}.f-col ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.site-footer a{color: #d9dbe0;text-decoration: none}.site-footer a:hover{color: var(--orange)}.f-bottom{border-top: 1px solid #2c3039;margin-top: 40px;padding-top: 22px;display: flex;justify-content: space-between;gap: 24px;font-size: 13px;color: #8a909b}.f-bottom p{margin: 0;max-width: 860px}.to-top{position: fixed;right: 18px;bottom: 18px;width: 46px;height: 46px;border-radius: 12px;background: var(--ink);color: var(--orange);display: grid;place-items: center;font-size: 20px;opacity: 0;pointer-events: none;transition: opacity .2s;z-index: 30}.to-top.show{opacity: 1;pointer-events: auto} .nf{padding: 90px 0;text-align: center}.nf .big{font: 600 clamp(80px, 16vw, 160px)/1 var(--mono);color: var(--orange)} @media (max-width: 1060px){.lane{grid-template-columns: 48px 1fr 150px 160px}.lane .tags{grid-column: 2 / 3;grid-row: 2}.lane-foot{grid-column: 2 / -1}}@media (max-width: 900px){.burger{display: grid;place-items: center}.main-nav{position: absolute;left: 0;right: 0;top: 100%;background: var(--paper);border-bottom: 1px solid var(--line);display: none;padding: 10px 16px 16px}.main-nav.open{display: block}.main-nav ul{flex-direction: column}.main-nav a{padding: 12px;font-size: 17px}.hero-grid, .tool-body, .two-col{grid-template-columns: 1fr}.out{border-left: 0;border-top: 1px solid var(--line)}.grid3{grid-template-columns: 1fr 1fr}.f-top{grid-template-columns: 1fr 1fr}}@media (max-width: 640px){body{font-size: 16.5px}.header-cta .btn{display: none}.hero{padding: 40px 0 48px}.sec{padding: 52px 0}.lane{grid-template-columns: 1fr auto;gap: 12px;padding: 18px 16px}.pos{display: none}.brand{grid-column: 1 / -1}.lane .tags{grid-column: 1 / -1;grid-row: auto}.speed{grid-column: 1}.lane-cta{grid-column: 2}.lane-foot{grid-column: 1 / -1}.grid3, .grid2, .procon, .tool form, .form{grid-template-columns: 1fr}.f-top{grid-template-columns: 1fr}.f-bottom{flex-direction: column}.count{margin-left: 0;width: 100%}.track::before{left: 14px}.track li{grid-template-columns: 30px 1fr;gap: 12px}.track .when{grid-column: 2;grid-row: 1;text-align: left;padding: 0}.track .dot{grid-row: 1 / 3;margin-left: 6px}.track li > div{grid-column: 2}.rg-in{align-items: flex-start}.rg-age{width: 48px;height: 48px;font-size: 18px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}.board-head .rec::before{animation: none}.btn{transition: none}}