:root {
  --primary: #0b2c75;
  --primary-700: #0a2563;
  --primary-800: #091d4f;
  --secondary: #22b3c3;
  --secondary-600: #1a8a96;
  --bg: #ffffff;
  --fg: #0f1729;
  --muted: #f1f5f9;
  --muted-2: #f8fafc;
  --muted-fg: #64748b;
  --border: #e2e8f0;
  --border-strong: #cbd5e1;

  --shadow-xs: 0 2px 6px -2px rgba(11,44,117,.08);
  --shadow-sm: 0 4px 12px -4px rgba(11,44,117,.10);
  --shadow-md: 0 12px 32px -12px rgba(11,44,117,.18);
  --shadow-lg: 0 30px 60px -20px rgba(11,44,117,.25);
  --shadow-xl: 0 50px 100px -30px rgba(11,44,117,.30);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 16px;
  color: var(--fg);
  background: var(--bg);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
::selection { background: var(--secondary); color: white; }
a { color: var(--primary); }

.wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px; }
.wrap-narrow { max-width: 760px; margin: 0 auto; padding: 0 24px; }

.icon { width: 24px; height: 24px; stroke-width: 1.8; stroke: currentColor; fill: none; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }

/* ============ NAV ============ */
.nav { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.92); backdrop-filter: saturate(180%) blur(14px); -webkit-backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid var(--border); }
.nav-inner { display: flex; align-items: center; justify-content: space-between; height: 64px; gap: 16px; }
.brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--fg); }
.brand-mark { width: 36px; height: 36px; border-radius: 9px; background: linear-gradient(135deg, var(--primary), var(--primary-800)); display: grid; place-items: center; color: var(--secondary); font-weight: 800; font-size: 18px; }
.brand-name { font-weight: 800; font-size: 16px; letter-spacing: -0.01em; line-height: 1.1; }
.brand-sub { display: block; font-size: 10px; font-weight: 700; color: var(--muted-fg); letter-spacing: 0.1em; text-transform: uppercase; margin-top: 2px; }
.nav-action {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px;
  border-radius: 8px;
  background: transparent;
  color: var(--muted-fg);
  font-size: 12.5px;
  font-weight: 600;
  text-decoration: none;
  border: 1px solid var(--border);
  cursor: pointer;
  transition: color .2s, border-color .2s, background .2s;
  font-family: inherit;
}
.nav-action:hover { color: var(--primary); border-color: var(--border-strong); background: var(--muted-2); }
.nav-action:disabled { opacity: .6; cursor: wait; }
.nav-action .icon { width: 14px; height: 14px; stroke-width: 1.7; }

/* ============ TYPE ============ */
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px; font-weight: 700;
  color: var(--secondary-600);
  text-transform: uppercase; letter-spacing: 0.14em;
  margin-bottom: 18px;
}
.eyebrow::before { content: ''; display: block; width: 24px; height: 1.5px; background: var(--secondary); }
.section-dark .eyebrow { color: var(--secondary); }
.section-dark .eyebrow::before { background: var(--secondary); }

.h1 { font-size: clamp(34px, 5.2vw, 60px); line-height: 1.05; font-weight: 800; letter-spacing: -0.03em; color: var(--primary); max-width: 22ch; }
.h1 .accent { background: linear-gradient(135deg, var(--secondary) 0%, var(--primary) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.h2 { font-size: 26px; line-height: 1.2; font-weight: 800; letter-spacing: -0.02em; color: var(--primary); }
.h3 { font-size: 18px; font-weight: 700; color: var(--primary); letter-spacing: -0.01em; line-height: 1.35; }
.lead { font-size: 18px; color: var(--muted-fg); line-height: 1.6; max-width: 64ch; }
.section-dark .h2 { color: white; }
.section-dark .lead { color: rgba(255,255,255,.78); }

/* ============ HERO ============ */
.hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 88px;
  background:
    radial-gradient(ellipse 50% 40% at 85% 15%, rgba(34,179,195,.10), transparent 70%),
    radial-gradient(ellipse 60% 50% at 10% 80%, rgba(11,44,117,.06), transparent 70%),
    #fcfcff;
}
.hero-pattern {
  position: absolute; inset: 0; pointer-events: none;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(11,44,117,.10) 1px, transparent 0);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse 70% 70% at 50% 45%, black 35%, transparent 85%);
  -webkit-mask-image: radial-gradient(ellipse 70% 70% at 50% 45%, black 35%, transparent 85%);
}
.hero-inner { position: relative; z-index: 1; }
.hero-kicker {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 24px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px; font-weight: 700;
  color: var(--secondary-600);
  text-transform: uppercase; letter-spacing: 0.16em;
}
.hero-kicker::before { content: ''; display: block; width: 36px; height: 2px; background: var(--secondary); }
.hero-kicker-meta { color: var(--muted-fg); font-weight: 600; }
.hero-sub { font-size: 19px; color: var(--muted-fg); margin-top: 22px; max-width: 64ch; line-height: 1.55; }
.hero-meta {
  margin-top: 44px;
  display: grid; grid-template-columns: repeat(3, auto);
  gap: 48px;
}
.hero-meta-item { border-left: 2px solid var(--secondary); padding-left: 16px; }
.hero-meta-num { font-size: 22px; font-weight: 800; color: var(--primary); letter-spacing: -0.02em; line-height: 1.1; }
.hero-meta-lbl { font-size: 13px; color: var(--muted-fg); margin-top: 4px; font-weight: 500; }

/* ============ SECTION ============ */
section { scroll-margin-top: 72px; }
.section { padding: 80px 0; }
.section-alt { background: var(--muted-2); }
.section-dark {
  background: linear-gradient(180deg, var(--primary-800) 0%, var(--primary) 100%);
  color: white;
}
.section-header { margin-bottom: 40px; max-width: 60ch; }
.section-header .lead { margin-top: 14px; }

/* ============ PILLARS ============ */
.pillars { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.pillar {
  padding: 24px 22px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.14);
}
.pillar-icon {
  width: 42px; height: 42px;
  border-radius: 10px;
  background: rgba(34,179,195,.2);
  color: var(--secondary);
  display: grid; place-items: center;
  margin-bottom: 14px;
}
.pillar-icon .icon { width: 22px; height: 22px; }
.pillar h3 { font-size: 16px; font-weight: 700; color: white; margin-bottom: 8px; }
.pillar p { font-size: 13.5px; color: rgba(255,255,255,.7); line-height: 1.55; }

/* ============ KERNVOORWAARDEN — document-stijl ============ */
.articles { border-top: 1px solid var(--border); }
.article {
  padding: 28px 0;
  border-bottom: 1px solid var(--border);
}
.article:last-child { border-bottom: none; }
.article-num {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  color: var(--secondary-600);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 6px;
}
.article h3 { margin-bottom: 12px; max-width: 60ch; }
.article p { font-size: 15px; color: var(--fg); line-height: 1.7; margin-bottom: 10px; max-width: 75ch; }
.article p:last-child { margin-bottom: 0; }
.article-highlight .article-num { color: var(--secondary); }

.price-table { width: 100%; max-width: 720px; margin-top: 8px; border-collapse: collapse; }
.price-table th, .price-table td { padding: 11px 16px; text-align: left; font-size: 14.5px; border-bottom: 1px solid var(--border); }
.price-table th { font-weight: 700; color: var(--primary); background: var(--muted-2); font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; }
.price-table td:last-child, .price-table th:last-child { text-align: right; }
.price-table tr:last-child td { border-bottom: none; }

/* ============ FIELDS WRAPPER ============ */
.party-fields { display: flex; flex-direction: column; gap: 14px; }
.party-tag {
  display: inline-flex; align-items: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; font-weight: 700;
  color: var(--secondary-600);
  text-transform: uppercase; letter-spacing: 0.1em;
  margin-bottom: 14px;
}
.fields-divider {
  margin-top: 8px;
  padding-top: 22px;
  border-top: 1px solid var(--border);
  display: flex; flex-direction: column; gap: 14px;
}

/* ============ FIELDS ============ */
.field { display: flex; flex-direction: column; gap: 6px; }
.field-full { grid-column: 1 / -1; }
.field label {
  font-size: 12px;
  font-weight: 700;
  color: var(--primary);
  letter-spacing: 0.02em;
}
.field .req { color: #ef4444; }
.field input, .field textarea {
  padding: 12px 14px;
  border-radius: 10px;
  border: 1.5px solid var(--border);
  background: var(--muted-2);
  font-family: inherit;
  font-size: 15px;
  color: var(--fg);
  transition: border-color .2s, box-shadow .2s, background .2s;
  width: 100%;
  resize: vertical;
}
.field textarea { min-height: 84px; line-height: 1.5; }
.field input:focus, .field textarea:focus { outline: none; border-color: var(--secondary); background: white; box-shadow: 0 0 0 4px rgba(34,179,195,.15); }
.field input::placeholder, .field textarea::placeholder { color: #94a3b8; }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

/* ============ SIGNING ============ */
.signing-block {
  background: white;
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow-md);
  padding: 40px;
}
.signing-block-date {
  font-size: 15px;
  color: var(--muted-fg);
  font-weight: 600;
  padding-bottom: 14px;
  margin-bottom: 28px;
  border-bottom: 1px solid var(--border);
}
.signing-block-date strong { color: var(--primary); }
.sig-area {
  height: 200px;
  background: var(--muted-2);
  border: 1.5px dashed var(--border-strong);
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  transition: border-color .2s, background .2s;
}
.sig-area.drawing { border-color: var(--secondary); border-style: solid; background: white; }
.sig-area.locked { background: white; border-style: solid; border-color: var(--border); }
#sigCanvas { display: block; width: 100%; height: 100%; cursor: crosshair; touch-action: none; }
.sig-hint {
  position: absolute; inset: 0;
  display: grid; place-items: center;
  color: #94a3b8; font-size: 13.5px;
  pointer-events: none;
  transition: opacity .2s;
}
.sig-area.drawing .sig-hint, .sig-area.locked .sig-hint { opacity: 0; }
.sig-foot {
  margin-top: 12px;
  display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;
  font-size: 13px; color: var(--muted-fg);
}
.sig-clear {
  background: none;
  border: none;
  color: var(--muted-fg);
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
}
.sig-clear:hover { color: var(--primary); }
.sig-name { font-weight: 700; color: var(--fg); font-size: 14px; }
.sig-role { color: var(--muted-fg); font-size: 13px; margin-top: 2px; }

/* ============ BUTTONS ============ */
.btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 15px 26px;
  border-radius: 11px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.btn-primary { background: var(--primary); color: white; box-shadow: 0 10px 24px -8px rgba(11,44,117,.4); }
.btn-primary:hover { background: var(--primary-700); transform: translateY(-2px); box-shadow: 0 18px 36px -10px rgba(11,44,117,.5); }
.btn-primary:disabled { opacity: .6; cursor: wait; transform: none; }
.btn-success { background: #16a34a; color: white; box-shadow: 0 10px 24px -8px rgba(22,163,74,.45); }
.btn-success:hover { background: #15803d; transform: translateY(-2px); box-shadow: 0 18px 36px -10px rgba(22,163,74,.55); }
.btn-success:disabled { opacity: .6; cursor: wait; transform: none; }
.btn-ghost { background: white; color: var(--primary); border: 1.5px solid var(--border-strong); }
.btn-ghost:hover { border-color: var(--primary); }
.btn .icon { width: 18px; height: 18px; }

.submit-row {
  margin-top: 32px;
  padding-top: 26px;
  border-top: 1px solid var(--border);
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}
.form-msg { font-size: 13.5px; font-weight: 500; }
.form-msg.error { color: #ef4444; }
.form-msg.info { color: var(--muted-fg); }
.form-msg.ok { color: #16a34a; }
.form-msg.warn { color: #b45309; }

/* ============ COLOPHON ============ */
.colophon {
  padding: 32px 0 56px;
  text-align: center;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  color: var(--muted-fg);
  letter-spacing: 0.04em;
}
.colophon strong { color: var(--primary); font-weight: 700; }
.colophon a { color: var(--muted-fg); text-decoration: underline; }

/* ============ MODAL ============ */
.modal-overlay {
  position: fixed; inset: 0;
  background: rgba(15,23,41,.78);
  backdrop-filter: blur(8px);
  display: none;
  align-items: center; justify-content: center;
  z-index: 200;
  padding: 24px;
}
.modal-overlay.show { display: flex; animation: fadeIn .2s ease; }
.modal {
  background: white;
  border-radius: 18px;
  width: 100%; max-width: 560px;
  box-shadow: var(--shadow-xl);
  animation: scaleIn .3s cubic-bezier(.16,1,.3,1);
  overflow: hidden;
}
.modal-header { padding: 36px 40px 24px; text-align: center; }
.modal-check {
  width: 64px; height: 64px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: white;
  display: grid; place-items: center;
  box-shadow: 0 16px 36px -10px rgba(22,163,74,.5);
}
.modal-check .icon { width: 30px; height: 30px; stroke-width: 2.4; }
.modal h3 { font-size: 24px; color: var(--primary); letter-spacing: -0.02em; margin-bottom: 8px; }
.modal p { color: var(--muted-fg); font-size: 15px; line-height: 1.5; }
.modal-body { padding: 0 40px 24px; }
.modal-recap {
  background: var(--muted-2);
  border-radius: 12px;
  padding: 18px 20px;
}
.modal-recap dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 18px; font-size: 14px; }
.modal-recap dt { color: var(--muted-fg); font-weight: 600; }
.modal-recap dd { color: var(--fg); font-weight: 600; }
.modal-footer { padding: 0 40px 36px; display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }

/* ============ ANIMATIONS ============ */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes scaleIn { from { opacity: 0; transform: scale(.95); } to { opacity: 1; transform: scale(1); } }

/* ============ RESPONSIVE ============ */
@media (max-width: 960px) {
  .pillars { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .hero-meta { grid-template-columns: 1fr; gap: 18px; }
  .signing-block { padding: 28px 24px; }
  .field-grid { grid-template-columns: 1fr; }
  .pillars { grid-template-columns: 1fr; }
  .nav-action { padding: 8px 12px; font-size: 12px; }
  .nav-action-label { display: none; }
}
@media (max-width: 640px) {
  .section { padding: 64px 0; }
  .hero { padding: 56px 0 72px; }
  .modal-header, .modal-body, .modal-footer { padding-left: 24px; padding-right: 24px; }
}

/* ============ CONTRACT-SPECIFIEK ============ */

/* Inhoudsopgave */
.toc {
  margin-top: 28px;
  padding: 22px 24px;
  background: var(--muted-2);
  border: 1px solid var(--border);
  border-radius: 14px;
}
.toc-title {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; font-weight: 700;
  color: var(--secondary-600);
  text-transform: uppercase; letter-spacing: 0.1em;
  margin-bottom: 12px;
}
.toc ol { list-style: none; counter-reset: toc; columns: 2; column-gap: 32px; }
.toc li { counter-increment: toc; font-size: 13.5px; line-height: 1.5; margin-bottom: 6px; break-inside: avoid; }
.toc li::before { content: counter(toc) '. '; color: var(--muted-fg); font-family: 'JetBrains Mono', monospace; font-size: 11.5px; }
.toc a { color: var(--fg); text-decoration: none; }
.toc a:hover { color: var(--primary); text-decoration: underline; }
@media (max-width: 640px) { .toc ol { columns: 1; } }

/* Opsommingen binnen artikelen */
.article ul { margin: 4px 0 10px; padding-left: 20px; }
.article li { font-size: 15px; line-height: 1.7; color: var(--fg); margin-bottom: 4px; max-width: 72ch; }
.article li::marker { color: var(--secondary-600); }

/* Dynamische datums / bedragen in de lopende tekst */
.dyn { font-weight: 700; color: var(--primary); white-space: nowrap; }

/* Tarief-samenvatting in het ondertekenblok */
.summary {
  background: var(--muted-2);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px 18px;
}
.summary-row { display: flex; justify-content: space-between; gap: 16px; font-size: 14px; padding: 5px 0; }
.summary-row span:first-child { color: var(--muted-fg); }
.summary-row span:last-child { font-weight: 600; color: var(--fg); }
.summary-total { border-top: 1px solid var(--border-strong); margin-top: 8px; padding-top: 11px; font-size: 15px; }
.summary-total span:first-child { color: var(--primary); font-weight: 700; }
.summary-total span:last-child { color: var(--primary); font-weight: 800; }

/* Hint onder een veld */
.field-hint { font-size: 12px; color: var(--muted-fg); line-height: 1.45; }

/* Keuzekaarten op de contracts-index */
.choice-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; }
.choice {
  display: flex; flex-direction: column;
  padding: 30px 28px;
  background: white;
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
  text-decoration: none;
  color: inherit;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.choice:hover { transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--border-strong); }
.choice h3 { font-size: 20px; margin-bottom: 8px; }
.choice p { font-size: 14.5px; color: var(--muted-fg); line-height: 1.6; flex: 1; }
.choice-price { margin-top: 18px; font-size: 15px; font-weight: 800; color: var(--primary); }
.choice-price small { display: block; font-size: 12px; font-weight: 500; color: var(--muted-fg); margin-top: 2px; }
@media (max-width: 760px) { .choice-grid { grid-template-columns: 1fr; } }

/* ============ SPRONG NAAR ONDERTEKENING ============ */
.jump {
  padding: 40px 0;
  background: var(--muted-2);
  border-bottom: 1px solid var(--border);
  text-align: center;
}
.btn-lg { padding: 19px 40px; font-size: 17px; border-radius: 13px; }
.btn-lg .icon { width: 20px; height: 20px; }

/* ============ AKKOORDVERKLARING ============ */
.check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--fg);
}
.check input {
  appearance: none;
  -webkit-appearance: none;
  flex: 0 0 auto;
  width: 22px; height: 22px;
  margin-top: 1px;
  border: 1.5px solid var(--border-strong);
  border-radius: 6px;
  background: white;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.check input::after {
  content: '';
  width: 11px; height: 6px;
  border-left: 2.5px solid white;
  border-bottom: 2.5px solid white;
  transform: rotate(-45deg) translate(1px, -1px) scale(.6);
  opacity: 0;
  transition: opacity .15s, transform .15s;
}
.check input:checked { background: var(--secondary-600); border-color: var(--secondary-600); }
.check input:checked::after { opacity: 1; transform: rotate(-45deg) translate(1px, -1px) scale(1); }
.check input:focus-visible { outline: none; box-shadow: 0 0 0 4px rgba(34,179,195,.2); }
.check.missing input { border-color: #ef4444; box-shadow: 0 0 0 4px rgba(239,68,68,.12); }

/* ============ TOKENSTATUS ============ */
.notice {
  max-width: 640px;
  margin: 0 auto;
  padding: 28px 30px;
  background: white;
  border: 1px solid var(--border);
  border-left: 4px solid var(--secondary-600);
  border-radius: 14px;
  box-shadow: var(--shadow-sm);
}
.notice h3 { margin-bottom: 8px; }
.notice p { color: var(--muted-fg); font-size: 15px; line-height: 1.6; }
.notice p + p { margin-top: 10px; }

/* Bedragen verborgen houden tot de deal binnen is. */
.pending [data-dyn] { color: transparent; background: var(--muted); border-radius: 4px; }

/* ============ LADEN VAN EEN PERSOONLIJKE LINK ============ */
/* Met een token duurt het even voor de afgesproken voorwaarden binnen zijn.
   Zolang dat duurt blijft de pagina verborgen, zodat er geen contract met
   standaardbedragen in beeld komt dat daarna stilletjes verspringt. */
html.contract-laden { background: var(--bg); }
html.contract-laden body { visibility: hidden; }

html.contract-laden::after {
  content: '';
  position: fixed;
  top: calc(50% - 44px);
  left: calc(50% - 22px);
  width: 44px; height: 44px;
  border: 3px solid var(--border);
  border-top-color: var(--secondary-600);
  border-radius: 50%;
  animation: laadring .8s linear infinite;
}
html.contract-laden::before {
  content: 'De overeenkomst wordt geladen';
  position: fixed;
  top: calc(50% + 16px);
  left: 0; right: 0;
  text-align: center;
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
  font-size: 14px;
  color: var(--muted-fg);
}
@keyframes laadring { to { transform: rotate(360deg); } }

/* Duurt het onredelijk lang, dan liever een uitleg dan een eeuwig draaiend rondje. */
html.contract-laden-fout::after { display: none; }
html.contract-laden-fout::before {
  content: 'De overeenkomst kon niet worden geladen. Probeer de link opnieuw te openen of neem contact op met Front Runners.';
  top: calc(50% - 20px);
  max-width: 30ch;
  margin: 0 auto;
  line-height: 1.6;
}

@media (prefers-reduced-motion: reduce) {
  html.contract-laden::after { animation: none; border-top-color: var(--border); }
}

/* Naam van de wederpartij, ingevuld vanuit de persoonlijke link. */
.party-name { font-weight: 700; color: var(--primary); }

/* Balk bovenaan wanneer er via deze link al is getekend. */
.ondertekend-balk {
  background: #16a34a;
  color: white;
  padding: 13px 24px;
  text-align: center;
  font-weight: 700;
  font-size: 14.5px;
  line-height: 1.5;
}