:root{--ink:#1f2933;--navy:#14213d;--muted:#5b6673;--line:#e3e6ea;--accent:#7a6a4f;--bg:#fff;--soft:#f6f7f9}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 Inter,system-ui,sans-serif;color:var(--ink);background:var(--bg)}
html[lang=en] [data-nl],html[lang=nl] [data-en]{display:none!important}
.wrap{max-width:960px;margin:0 auto;padding:0 24px}
h1,h2,h3,.logo{font-family:"Source Serif 4",Georgia,serif;color:var(--navy);font-weight:600}
h1{font-size:clamp(2.4rem,6vw,3.6rem);margin:.2em 0;line-height:1.1}
h2{font-size:1.7rem;border-bottom:1px solid var(--line);padding-bottom:.4em;margin:0 0 1.2em}
h3{font-size:1.2rem;margin:0 0 .4em}
section{padding:56px 0}
a{color:var(--navy)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9}
.nav{position:sticky;top:0;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);z-index:5}
.navin{display:flex;align-items:center;gap:24px;height:60px}.logo{text-decoration:none;font-size:1.2rem;margin-right:auto;letter-spacing:-0.01em}
nav a{text-decoration:none;color:var(--muted);margin-left:18px;font-size:.92rem}nav a:hover{color:var(--navy)}
.lang button{border:1px solid var(--line);background:#fff;color:var(--muted);padding:4px 9px;font:600 .75rem Inter,sans-serif;cursor:pointer}
.lang button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.hero{padding:96px 0 48px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:600;margin:0}
.lead{font-size:1.2rem;color:var(--muted);max-width:640px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--navy);border-bottom:1px solid var(--line);padding:28px 0}
.stats div{padding:0 16px;border-left:1px solid var(--line)}.stats div:first-child{border:0;padding-left:0}
.stats b{display:block;font:600 1.8rem "Source Serif 4",serif;color:var(--navy)}.stats span{font-size:.85rem;color:var(--muted)}
.card{border:1px solid var(--line);padding:28px;margin-bottom:20px;background:#fff}
.metrics{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.9rem;color:var(--muted)}
.metrics b{color:var(--navy)}
.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.timeline time{color:var(--accent);font-size:.88rem;font-weight:500}.timeline p{margin:0;color:var(--muted)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:48px}.two>div>h2{margin-top:0}
.focus{padding-left:1.1em}.focus li{margin:.4em 0}.small{font-size:.9rem;color:var(--muted)}
.tag{display:inline-block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);padding:2px 8px;margin:0 0 10px}
.meta{color:var(--muted);font-size:.9rem}.dl{padding-left:1.1em}.disc{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
form label{display:block;font-size:.85rem;font-weight:500;margin-bottom:14px}
input,textarea{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid #cfd4da;font:inherit}
.hp{position:absolute;left:-5000px}
form button{background:var(--navy);color:#fff;border:0;padding:12px 22px;font:600 .9rem Inter,sans-serif;cursor:pointer}
.foot{padding:32px 24px;color:var(--muted);font-size:.8rem;border-top:1px solid var(--line)}
@media(max-width:700px){nav{display:none}.stats{grid-template-columns:1fr 1fr;gap:20px 0}.stats div:nth-child(3){border:0;padding-left:0}
.timeline li,.two{grid-template-columns:1fr;gap:6px}.two{gap:24px}.hero{padding:56px 0 32px}section{padding:40px 0}}