:root{
  --c-ink:#141414;--c-surface:#fff;--c-surface-muted:#f7f7f7;--c-surface-dark:#2a2a2a;
  --c-line:#e0e0e0;--c-line-subtle:#ebebeb;--c-text-2:#444;--c-text-3:#888;--c-on-dark-2:#ccc;
  --font-heading:'Montserrat','Helvetica Neue',Helvetica,Arial,sans-serif;
  --font-body:'Poppins','Helvetica Neue',Helvetica,Arial,sans-serif;
  --radius:6px;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--c-ink);background:var(--c-surface);-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
.appbalk{background:var(--c-ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:calc(12px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 12px calc(20px + env(safe-area-inset-left));position:sticky;top:0;z-index:10}
.merk{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:15px}
.datum{font-size:13px;color:var(--c-on-dark-2)}
.terug{color:#fff;text-decoration:none;font-family:var(--font-heading);font-weight:800;font-size:12px;letter-spacing:.10em;text-transform:uppercase;padding:8px 0}
.start{flex:1;width:100%;max-width:980px;margin:0 auto;padding:28px calc(20px + env(safe-area-inset-right)) 40px calc(20px + env(safe-area-inset-left))}
h1{font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1.1;font-size:clamp(28px,5vw,44px);margin:0 0 24px}
.eyebrow{font-family:var(--font-heading);font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-text-3);margin-bottom:10px}
.blok{margin-bottom:28px}
.binnenkort{background:var(--c-surface-muted);border-radius:var(--radius);padding:20px;color:var(--c-text-2);font-size:15px}
.binnenkort b{display:block;color:var(--c-ink);font-weight:600;margin-bottom:2px}
.tegels{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tegel{position:relative;display:block;text-decoration:none;color:var(--c-ink);background:#fff;border:1px solid var(--c-line);border-radius:var(--radius);padding:20px 20px 46px;min-height:130px}
a.tegel{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}
a.tegel:active{transform:scale(.99)}
a.tegel:focus-visible{outline:2px solid var(--c-ink);outline-offset:3px}
.tegel-titel{display:block;font-family:var(--font-heading);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:15px;line-height:1.25;overflow-wrap:anywhere;padding-right:8px}
.tegel-sub{display:block;font-size:14px;margin-top:6px;color:var(--c-text-2)}
a.tegel .tegel-sub{color:var(--c-on-dark-2)}
.tegel.uit{color:var(--c-text-3)}
.pijl{position:absolute;right:18px;bottom:14px;font-size:22px}
.voet{text-align:center;font-size:12px;color:var(--c-text-3);padding:16px 16px calc(16px + env(safe-area-inset-bottom))}