.hub{--papier:#f2f5f7;--kaart:#fafcfd;--tekst:#101e28;--meta:#48586a;--inverse:#edf3f8;--ink:#164049;--ink-diep:#0e2e35;--anker:#1a5e6b;--anker-rgb:26, 94, 107;--anker-hover:#36737e;--anker-2:#286874;--vlak:#c8dfe4;--nevel:#e8f2f4;--accent:#e19258;--accent-rgb:225, 146, 88;--limoen:#d6ff3f;--limoen-licht:#e5ff80;--watermerk:#edf3f817;--r-kaart:14px;--r-scherp:2px;--r-pill:999px;--lijn:rgba(var(--anker-rgb), .16);--lijn-sterk:rgba(var(--anker-rgb), .32);--sch-1:0 1px 2px rgba(var(--anker-rgb), .06), 0 12px 32px -14px rgba(var(--anker-rgb), .3);--sch-2:0 2px 4px rgba(var(--anker-rgb), .08), 0 26px 54px -18px rgba(var(--anker-rgb), .4);--e-emph:cubic-bezier(.4, 0, .2, 1);--rail:min(1180px, 100% - clamp(32px, 6vw, 96px));background:var(--papier);color:var(--tekst);font-family:var(--font-body);font-size:16px;line-height:1.55}.hub :where(h1,h2,h3,p,ol,ul){margin:0}.hub-rail{width:var(--rail);z-index:1;margin-inline:auto;position:relative}.hub .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hub a:focus-visible,.hub summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-binnen);border-radius:var(--r-scherp)}.hub-eyebrow{font-family:var(--font-label);letter-spacing:.15em;text-transform:uppercase;color:var(--anker-2);align-items:center;gap:.85em;font-size:12px;font-weight:700;display:flex}.hub-ink .hub-eyebrow{color:#f0a874}.hub-kop{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--anker);margin-top:14px;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;line-height:1.12}.hub-lead{max-width:64ch;color:var(--tekst);margin-top:12px;font-size:1.05rem}.hub-lead strong{font-weight:700}.hub-ink{background:radial-gradient(80% 70% at 100% 100%, rgba(var(--accent-rgb), .1), transparent 60%), var(--ink);color:var(--inverse);position:relative;overflow:clip}.hub-watermerk{font-family:var(--font-display);letter-spacing:-.03em;color:var(--watermerk);white-space:nowrap;pointer-events:none;user-select:none;font-size:clamp(5.5rem,22vw,18rem);line-height:1;position:absolute;bottom:-.14em;left:50%;transform:translate(-50%)}.hub-cover{padding:clamp(44px,6vw,84px) 0 clamp(96px,11vw,160px)}.hub-overgang{background:var(--papier);height:clamp(190px,17vw,230px);position:relative}.hub-overgang .hub-rail{height:100%}.hub-startblokken{z-index:2;pointer-events:none;width:min(600px,48vw);height:auto;position:absolute;top:-145px;right:0}.hub-cover-titel{font-family:var(--font-display);letter-spacing:-.02em;color:var(--inverse);overflow-wrap:break-word;hyphens:auto;max-width:16ch;margin-top:22px;font-size:clamp(2.4rem,6.4vw,5rem);line-height:.98}.hub-cover-titel em{color:var(--accent);font-style:normal}.hub-cover-sub{max-width:46ch;font-family:var(--font-heading);color:var(--vlak);margin-top:18px;font-size:clamp(1.05rem,1.5vw,1.25rem);font-weight:600}.hub-cover-acties{flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:30px;display:flex}.hub-cijfers{flex-wrap:wrap;gap:8px 26px;padding:0;list-style:none;display:flex}.hub-cijfer{align-items:baseline;gap:8px;display:flex}.hub-cijfer-num{font-family:var(--font-mono);color:var(--inverse);font-size:1.5rem;font-weight:700}.hub-cijfer-label{font-family:var(--font-label);color:var(--vlak);font-size:13px;font-weight:600}.hub-knop{border-radius:var(--r-pill);min-height:48px;font-family:var(--font-heading);background:var(--inverse);color:var(--ink);transition:background-color .2s var(--e-emph);align-items:center;gap:10px;padding:12px 24px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.hub-knop svg{width:18px;height:18px;transition:transform .2s var(--e-emph);flex:none}.hub-knop:hover{background:#f8fbfc}.hub-knop:hover svg{transform:translate(3px)}.hub-cover .hub-knop{background:var(--limoen);color:var(--ink-diep)}.hub-cover .hub-knop:hover{background:var(--limoen-licht)}.hub-cover .hub-knop:focus-visible{outline-color:var(--limoen)}.hub-sectie{padding:clamp(52px,7vw,96px) 0}.hub-sectie--nevel{background:var(--nevel)}.hub-welkom-video{max-width:820px;margin-top:24px}.hub-welkom-tekst{max-width:64ch;color:var(--tekst);margin-top:28px;font-size:1.05rem}.hub-welkom-tekst>*+*{margin-top:14px}.hub-welkom-tekst strong{font-weight:700}.hub-welkom-stappen{padding-left:1.4em}.hub-welkom-stappen li+li{margin-top:6px}.hub-welkom-stappen li::marker{color:var(--anker);font-weight:700}.hub-welkom .hub-knop{background:var(--limoen);color:var(--ink-diep);box-shadow:inset 0 0 0 1px var(--lijn-sterk);margin-top:28px}.hub-welkom .hub-knop:hover{background:var(--limoen-licht)}.hub-fasen{border-top:2px solid var(--anker);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:26px;padding:0;list-style:none;display:grid}.hub-fase{font-family:var(--font-heading);color:var(--tekst);padding:14px 16px 4px 0;font-size:1.05rem;font-weight:700}.hub-fase-nr{font-family:var(--font-mono);color:var(--anker-2);margin-bottom:4px;font-size:12px;font-weight:700;display:block}.hub-kaarten{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.hub-kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--r-kaart);box-shadow:var(--sch-1);color:var(--tekst);transition:transform .2s var(--e-emph), box-shadow .2s var(--e-emph), border-color .2s var(--e-emph);flex-direction:column;gap:10px;padding:26px 24px 22px;text-decoration:none;display:flex}.hub-kaart:hover{box-shadow:var(--sch-2);border-color:var(--lijn-sterk);transform:translateY(-2px)}.hub-kaart--hoofd{border-top:3px solid var(--limoen)}.hub-kaart-kicker{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--anker-2);font-size:12px;font-weight:700}.hub-kaart-titel{font-family:var(--font-heading);color:var(--anker);font-size:1.3rem;font-weight:800;line-height:1.2}.hub-kaart-tekst{color:var(--tekst);flex:auto}.hub-kaart-cta{font-family:var(--font-heading);color:var(--anker);align-items:center;gap:8px;margin-top:6px;font-weight:700;display:inline-flex}.hub-kaart-cta svg{width:16px;height:16px;transition:transform .2s var(--e-emph)}.hub-kaart:hover .hub-kaart-cta svg{transform:translate(3px)}.hub-extra{flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:22px;display:flex}.hub-tekstlink{min-height:44px;color:var(--anker);text-decoration:underline;text-decoration-color:rgba(var(--anker-rgb), .35);text-underline-offset:4px;align-items:center;gap:8px;font-weight:600;display:inline-flex}.hub-tekstlink:hover{color:var(--anker-hover);text-decoration-color:currentColor}.hub-tekstlink svg{flex:none;width:16px;height:16px}.hub-faq-lijst{border-top:1px solid var(--lijn-sterk);max-width:820px;margin-top:28px}.hub-faq-item{border-bottom:1px solid var(--lijn-sterk)}.hub-faq-vraag{cursor:pointer;min-height:56px;font-family:var(--font-heading);color:var(--tekst);justify-content:space-between;align-items:center;gap:16px;padding:14px 2px;font-size:1.1rem;font-weight:700;list-style:none;display:flex}.hub-faq-vraag::-webkit-details-marker{display:none}.hub-faq-chevron{width:20px;height:20px;color:var(--anker);transition:transform .2s var(--e-emph);flex:none}.hub-faq-item[open] .hub-faq-chevron{transform:rotate(180deg)}.hub-faq-antwoord{max-width:70ch;padding:0 2px 20px}.hub-faq-antwoord p{color:var(--tekst)}.hub-faq-meta{color:var(--meta);flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;font-size:14px;display:flex}.hub-faq-check{border-radius:var(--r-pill);background:var(--nevel);color:var(--anker);font-family:var(--font-label);align-items:center;gap:6px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-flex}.hub-faq-check svg{width:14px;height:14px}.hub-faq-meta a{color:var(--anker);text-underline-offset:3px}.hub-faq-leeg{border:1px dashed var(--lijn-sterk);border-radius:var(--r-scherp);max-width:64ch;color:var(--meta);margin-top:24px;padding:18px 20px}.hub-faq-nav{max-width:820px;margin-top:28px}.hub-faq-nav ul{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.hub-faq-chip{border:1px solid var(--lijn-sterk);border-radius:var(--r-pill);background:var(--kaart);min-height:44px;color:var(--anker);font-family:var(--font-label);transition:background-color .2s var(--e-emph), border-color .2s var(--e-emph);align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.hub-faq-chip:hover{background:var(--nevel);border-color:var(--anker);color:var(--anker-hover)}.hub-faq-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-binnen)}.hub-faq-chip-aantal{color:var(--meta);font-weight:600}.hub-faq-groep{max-width:820px;margin-top:44px}.hub-faq-groep-kop{font-family:var(--font-heading);color:var(--tekst);scroll-margin-top:96px;font-size:1.3rem;font-weight:800;line-height:1.2}.hub-faq-groep-intro{max-width:64ch;color:var(--meta);margin-top:6px}.hub-faq-groep .hub-faq-lijst{margin-top:16px}.hub-faq-antwoord>*+*{margin-top:10px}.hub-faq-antwoord ul,.hub-faq-antwoord ol{padding-left:1.4em}.hub-faq-antwoord li{color:var(--tekst)}.hub-faq-antwoord li+li{margin-top:6px}.hub-faq-antwoord li::marker{color:var(--anker);font-weight:700}.hub-faq-antwoord strong{font-weight:700}.hub-faq-antwoord code{font-family:var(--font-mono);border-radius:var(--r-scherp);background:var(--nevel);overflow-wrap:anywhere;padding:1px 5px;font-size:.9em}.hub-faq-antwoord mark{background:rgba(var(--accent-rgb), .22);color:var(--tekst);padding:0 2px}.hub-slot{background:var(--ink-diep);padding:clamp(60px,8vw,110px) 0 clamp(90px,10vw,140px)}.hub-slot-titel{max-width:26ch;font-family:var(--font-heading);letter-spacing:-.02em;color:var(--inverse);margin-top:16px;font-size:clamp(1.35rem,3.4vw,2.7rem);font-weight:800;line-height:1.12}.hub-slot .hub-knop{margin-top:28px}.hub-voet{color:var(--meta);background:var(--papier);padding:22px 0;font-size:14px}.hub-voet a{color:var(--anker)}@media (width<=768px){.hub-overgang{height:180px}.hub-startblokken{width:min(330px,88vw);top:-45px;left:50%;right:auto;transform:translate(-50%)}.hub-fasen{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.hub-kaarten{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.hub-knop,.hub-knop svg,.hub-kaart,.hub-kaart-cta svg,.hub-faq-chevron{transition:none}.hub-kaart:hover,.hub-knop:hover svg,.hub-kaart:hover .hub-kaart-cta svg{transform:none}}