:root{--oranje: #f26522;--oranje-zacht: #fff1ea;--tekst: #1c1e21;--tekst-zacht: #5b6470;--lijn: #e7e9ee;--kaart-bg: #ffffff;--pagina-bg: #f6f7f9;--pad-bg: #f2f4f7;--radius: 14px;--schaduw: 0 1px 2px rgba(16, 24, 40, .04), 0 4px 16px rgba(16, 24, 40, .05);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--pagina-bg);color:var(--tekst);-webkit-font-smoothing:antialiased}.app{max-width:1180px;margin:0 auto;padding:0 24px 80px}.hero{padding:56px 0 8px}.merk{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px}.merk-punt{width:12px;height:12px;border-radius:50%;background:var(--oranje);box-shadow:0 0 0 4px var(--oranje-zacht)}.merk-tekst{font-weight:700;letter-spacing:.14em;font-size:12px;color:var(--tekst-zacht)}.hero h1{margin:0;font-size:44px;letter-spacing:-.02em;font-weight:800}.lead{margin:12px 0 0;max-width:640px;font-size:16px;line-height:1.55;color:var(--tekst-zacht)}.lead strong{color:var(--oranje)}.balk{position:sticky;top:0;z-index:10;padding:20px 0 16px;margin:20px 0 8px;background:linear-gradient(var(--pagina-bg) 70%,rgba(246,247,249,0))}.zoekwrap{position:relative;display:flex;align-items:center}.zoek-icoon{position:absolute;left:18px;font-size:20px;color:var(--tekst-zacht);pointer-events:none}.zoek{width:100%;padding:15px 44px 15px 46px;font-size:16px;border:1px solid var(--lijn);border-radius:var(--radius);background:var(--kaart-bg);color:var(--tekst);box-shadow:var(--schaduw);outline:none;transition:border-color .15s,box-shadow .15s}.zoek:focus{border-color:var(--oranje);box-shadow:0 0 0 3px var(--oranje-zacht)}.wis{position:absolute;right:12px;width:26px;height:26px;border:none;border-radius:50%;background:var(--pad-bg);color:var(--tekst-zacht);font-size:18px;line-height:1;cursor:pointer}.wis:hover{background:var(--lijn)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.filter{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;font-size:13.5px;font-weight:600;border:1px solid var(--lijn);border-radius:999px;background:var(--kaart-bg);color:var(--tekst-zacht);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.filter:hover{border-color:#cfd4dc}.filter.actief{background:var(--tekst);color:#fff;border-color:var(--tekst)}.filter.actief .teller{color:#ffffffb3}.teller{font-variant-numeric:tabular-nums;color:var(--tekst-zacht);font-weight:500}.stip{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.cluster{margin-top:34px}.cluster-kop{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.cluster-kop h2{margin:0;font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--tekst-zacht)}.cluster-teller{font-size:12px;font-weight:600;color:var(--oranje);background:var(--oranje-zacht);padding:1px 8px;border-radius:999px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.kaart{background:var(--kaart-bg);border:1px solid var(--lijn);border-radius:var(--radius);padding:16px 16px 14px;box-shadow:var(--schaduw);display:flex;flex-direction:column;gap:8px;transition:transform .12s,box-shadow .12s,border-color .12s}.kaart:hover{transform:translateY(-2px);border-color:#d8dce3;box-shadow:0 2px 4px #1018280d,0 10px 28px #10182814}.kaart-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kaart-naam{margin:0;font-size:15.5px;font-weight:700;letter-spacing:-.01em;word-break:break-word}.badge{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 8px;border:1px solid;border-radius:999px;white-space:nowrap}.kaart-oms{margin:0;font-size:13.5px;line-height:1.5;color:var(--tekst-zacht);flex:1}.kaart-pad{font-size:11px;color:var(--tekst-zacht);background:var(--pad-bg);padding:4px 8px;border-radius:7px;word-break:break-all;align-self:flex-start;max-width:100%}.leeg{margin-top:40px;text-align:center;color:var(--tekst-zacht);font-size:15px}.voet{margin-top:56px;padding-top:22px;border-top:1px solid var(--lijn);font-size:12.5px;color:var(--tekst-zacht)}.voet code{background:var(--pad-bg);padding:2px 6px;border-radius:6px;font-size:11.5px}@media (prefers-color-scheme: dark){:root{--tekst: #e8eaed;--tekst-zacht: #9aa3af;--lijn: #2a2f38;--kaart-bg: #161a20;--pagina-bg: #0e1116;--pad-bg: #1c2129;--oranje-zacht: #2a1a10;--schaduw: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25)}.balk{background:linear-gradient(var(--pagina-bg) 70%,rgba(14,17,22,0))}.filter.actief{background:var(--oranje);border-color:var(--oranje);color:#fff}.filter.actief .teller{color:#fffc}}@media (max-width: 560px){.app{padding:0 16px 60px}.hero{padding:36px 0 4px}.hero h1{font-size:34px}.grid{grid-template-columns:1fr}}