/* ─── Whitepaper ────────────────────────────── */
.wp { padding: calc(var(--nav-h) + clamp(50px, 8vh, 100px)) var(--gutter) 0; }
.wp__in { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); gap: clamp(40px, 6vw, 90px); align-items: start; }
.wp__tekst .kicker { color: var(--gold-deep); }
.wp__tekst h1 { margin-top: 18px; font-family: var(--font-display); font-weight: 300; font-size: clamp(34px, 4vw, 60px); line-height: 1.06; letter-spacing: -.032em; color: var(--navy); }
.wp__tekst h1 em { font-style: normal; color: var(--gold-deep); }
.wp__label { margin-top: 40px; padding-top: 22px; border-top: 1px solid rgba(16,26,48,.12); font-size: 11.5px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; color: var(--gold-deep); }
.wp__tekst .plist { margin-top: 10px; }
.wp__meta { margin-top: 22px; font-size: 13.5px; color: var(--grey); }

.wp__zij { display: flex; flex-direction: column; gap: 22px; }
.wp__cover { margin: 0; border-radius: 22px; overflow: hidden; background: var(--navy); box-shadow: 0 40px 80px -50px rgba(16,26,48,.6); }
.wp__cover img { width: 100%; height: auto; display: block; }

.wp__kaart { background: #fff; border: 1px solid rgba(16,26,48,.08); border-radius: 22px; padding: clamp(26px, 3vw, 40px); box-shadow: 0 40px 80px -50px rgba(16,26,48,.35); }
.wp__kaart .kicker { color: var(--gold-deep); }
.wp__kaart .rp__formtitle { margin-top: 10px; margin-bottom: 4px; font-family: var(--font-display); font-weight: 400; font-size: clamp(21px, 1.9vw, 27px); line-height: 1.2; letter-spacing: -.02em; color: var(--navy); }
.wp__kaart form { margin-top: 24px; }
.wp__kaart .rp__go { align-self: flex-start; margin-top: 8px; }
.wp__pot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.wp__klaar { display: none; }
.wp__kaart.is-klaar form { display: none; }
.wp__kaart.is-klaar .wp__klaar { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 22px; }
.wp__dank { font-family: var(--font-display); font-weight: 300; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.25; letter-spacing: -.02em; color: var(--navy); }
.wp__klaar .rp__trust { margin: 0; }

@media (max-width: 900px) { .wp__in { grid-template-columns: 1fr; gap: 34px; } .wp__zij { flex-direction: column-reverse; } }
