:root{--inkt:#1b100c;--vlak:#2b1b14;--vlak-2:#3a261d;--papier:#f6eddd;--zacht:#b9a28d;--sambal:#e04a2c;--kunyit:#e6a630;--pandan:#4c9a5d}*{box-sizing:border-box}body{background:var(--inkt);color:var(--papier);min-height:100vh;margin:0;font:500 1rem/1.45 Figtree,system-ui,sans-serif}h1,h2{letter-spacing:-.02em;margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif}.demo-balk{color:var(--zacht);text-align:center;background:#000;padding:7px 12px;font-size:.74rem}.demo-balk b{color:var(--kunyit)}.k-kop{border-bottom:1px solid var(--vlak-2);flex-wrap:wrap;align-items:center;gap:20px 40px;padding:22px clamp(16px,3vw,36px);display:flex}.k-boven{color:var(--zacht);letter-spacing:.12em;text-transform:uppercase;margin:0 0 2px;font-size:.82rem;font-weight:700}.k-kop h1{font-variant-numeric:tabular-nums;font-size:2.6rem}.k-cijfers{gap:30px;display:flex}.k-cijfers div{flex-direction:column;display:flex}.k-cijfers b{color:var(--kunyit);font:800 1.9rem/1 Bricolage Grotesque,sans-serif}.k-cijfers span{color:var(--zacht);font-size:.85rem}.k-acties{flex-wrap:wrap;gap:10px;margin-left:auto;display:flex}.k-knop{background:var(--kunyit);color:var(--inkt);cursor:pointer;border:0;border-radius:999px;padding:12px 18px;font:700 .95rem/1 Figtree,sans-serif;text-decoration:none}.k-knop-licht{color:var(--papier);box-shadow:inset 0 0 0 2px var(--vlak-2);background:0 0}.k-bord{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px clamp(16px,3vw,36px);display:grid}.k-bord h2{align-items:center;gap:10px;margin-bottom:12px;font-size:1.25rem;display:flex}.k-bord h2 span{background:var(--vlak-2);border-radius:999px;padding:2px 10px;font-size:.9rem}.k-kolom{align-content:start;gap:12px;min-height:200px;display:grid}.k-leeg{color:var(--zacht);border:2px dashed var(--vlak-2);text-align:center;border-radius:16px;margin:0;padding:30px}.k-kaart{background:var(--vlak);border-left:6px solid var(--kunyit);border-radius:18px;padding:16px 18px}.k-kaart.voorbeeld{opacity:.62;border-left-color:var(--zacht)}.k-kaart.haast{border-left-color:var(--sambal)}.k-kaart.vers{box-shadow:0 0 0 3px var(--sambal);animation:1s ease-out 3 vers}@keyframes vers{50%{transform:scale(1.025);box-shadow:0 0 0 8px #e04a2c59}}.k-kaart header{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.k-kaart header b{font:800 1.3rem/1 Bricolage Grotesque,sans-serif}.k-kaart header span{font-size:1.1rem;font-weight:700}.k-kaart time{color:var(--zacht);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.9rem}.k-kaart ul{margin:12px 0;padding:0;font-size:1.12rem;list-style:none}.k-kaart li{padding:3px 0}.k-kaart li b{color:var(--kunyit);margin-right:4px}.k-opm{background:var(--vlak-2);color:#ffd9a0;border-radius:10px;margin:0 0 12px;padding:8px 12px;font-weight:600}.k-kaart footer{color:var(--zacht);justify-content:space-between;align-items:center;gap:10px;font-size:.9rem;display:flex}.k-kaart footer button{background:var(--pandan);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 16px;font:700 .95rem/1 Figtree,sans-serif}.k-tip{color:var(--zacht);text-align:center;padding:10px 16px 40px;font-size:.9rem}.k-toast{opacity:0;background:var(--sambal);color:#fff;pointer-events:none;text-align:center;border-radius:16px;max-width:calc(100% - 32px);padding:16px 26px;font:700 1.1rem/1.3 Figtree,sans-serif;transition:opacity .3s,transform .3s;position:fixed;top:20px;left:50%;transform:translate(-50%,-30px);box-shadow:0 20px 40px -10px #0009}.k-toast.zichtbaar{opacity:1;transform:translate(-50%)}@media (width<=900px){.k-bord{grid-template-columns:1fr}.k-acties{margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}