/* Founder-programma (24-9-2026). De teller is ECHT: /api/geo/public/founders. Niets opgeteld. */
.wbf{padding:72px 24px;position:relative;
  --accent:#F5913E;--accent-rgb:245,145,62;--gradient-accent:linear-gradient(135deg,#F5913E 0%,#FBA85C 100%);
  --text-secondary:rgba(255,255,255,.88);--text-body:rgba(255,255,255,.75);--text-muted:rgba(255,255,255,.65);
  --text-faint:rgba(255,255,255,.34);--ease-out:cubic-bezier(.22,1,.36,1)}
@keyframes wbfPulse{0%,100%{box-shadow:0 0 0 0 rgba(245,145,62,.55)}70%{box-shadow:0 0 0 9px rgba(245,145,62,0)}}
.wbf .hl,.wbf .gradient-text{color:#FBA85C;text-shadow:0 0 36px rgba(245,145,62,.35)}
.wbf-card{max-width:880px;margin:0 auto;padding:44px 40px;border-radius:22px;position:relative;overflow:hidden;
  background:radial-gradient(120% 140% at 0% 0%,rgba(var(--accent-rgb),.16) 0%,rgba(var(--accent-rgb),.04) 42%,rgba(255,255,255,.02) 100%);
  border:1px solid rgba(var(--accent-rgb),.28);box-shadow:0 30px 80px -40px rgba(var(--accent-rgb),.45)}
.wbf-card:before{content:"";position:absolute;inset:-1px;border-radius:22px;pointer-events:none;
  background:linear-gradient(120deg,transparent 30%,rgba(var(--accent-rgb),.35) 50%,transparent 70%);
  background-size:250% 100%;animation:wbfSheen 6s ease-in-out infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
@keyframes wbfSheen{0%,100%{background-position:100% 0}50%{background-position:0 0}}
.wbf-label{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:700;margin-bottom:16px}
.wbf-label i{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:wbfPulse 2.2s infinite}
.wbf h2{font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.02em;line-height:1.15;margin:0 0 14px}
.wbf p.wbf-lead{color:var(--text-body);line-height:1.7;max-width:640px;margin:0 0 30px}
.wbf-meter{margin:0 0 12px}
.wbf-track{position:relative;height:14px;border-radius:999px;background:rgba(255,255,255,.06);overflow:visible;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.wbf-track:after{content:"";position:absolute;inset:0;border-radius:999px;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 calc(1% - 1px),rgba(9,17,31,.55) calc(1% - 1px) 1%)}
.wbf-fill{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:999px;background:var(--gradient-accent);
  box-shadow:0 0 18px rgba(var(--accent-rgb),.65),0 0 42px rgba(var(--accent-rgb),.25);transition:width 1.8s var(--ease-out)}
.wbf-fill:after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;
  background:#fff;box-shadow:0 0 0 4px rgba(var(--accent-rgb),.35),0 0 16px rgba(var(--accent-rgb),.9);opacity:0;transition:opacity .4s 1.6s}
.wbf.is-on .wbf-fill:after{opacity:1}
.wbf-scale{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}
.wbf-status{font-size:15px;color:var(--text-secondary);margin:18px 0 28px;font-variant-numeric:tabular-nums}
.wbf-status b{color:var(--accent);font-size:1.25em}
.wbf-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.wbf-perks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:var(--text-muted)}
.wbf-perks li:before{content:"✓";color:var(--accent);margin-right:7px;font-weight:700}
.wbf-fine{margin:22px 0 0;font-size:12px;color:var(--text-faint);line-height:1.6}
.wbf.is-full .wbf-open{display:none}
.wbf:not(.is-full) .wbf-closed{display:none}
@media (max-width:640px){.wbf{padding:48px 16px}.wbf-card{padding:30px 20px}}
@media (prefers-reduced-motion:reduce){.wbf-fill{transition:none}.wbf-card:before{animation:none}}