/* Contextual public header and a focused homepage hero. Employer branding is separate. */
html{scroll-padding-top:var(--site-header-height,98px)}
.wbfr-brand-site .header{--site-header-bg:#1f2a44;--site-header-ink:#fff;--site-header-hover:#f9d601;background:var(--site-header-bg);color:var(--site-header-ink);border-bottom-color:transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.wbfr-brand-site .header[data-header-tone=light]{--site-header-ink:#171717;--site-header-hover:#1f2a44;border-bottom-color:#17171712}
.wbfr-brand-site .header .logo strong,.wbfr-brand-site .header .logo-reveal{color:var(--site-header-ink);background:transparent}
.wbfr-brand-site .header .links>a,.wbfr-brand-site .header .menu-toggle{color:var(--site-header-ink)}
.wbfr-brand-site .header .links>a:hover{color:var(--site-header-hover);text-decoration:underline;text-underline-offset:5px}
.wbfr-brand-site .header[data-header-tone=dark] .links>.btn{background:transparent;color:#fff;border-color:#ffffff65}
.wbfr-brand-site .header[data-header-tone=dark] .links>.btn:hover{background:#f9d601;border-color:#f9d601;color:#171717}
.wbfr-brand-site .header[data-header-tone=dark] :is(a,button):focus-visible{outline-color:#f9d601}
.wbfr-brand-site .header[data-header-tone=light] :is(a,button):focus-visible{outline-color:#1f2a44}
.wbfr-brand-site .header .links.open{background:var(--site-header-bg);color:var(--site-header-ink);border-color:transparent}
.wbfr-brand-site .home-positioning-hero{padding-top:70px;border-top:0}
.home-hero-statement{text-align:center;max-width:1180px;margin:0 auto;padding:0 0 64px}
.wbfr-brand-site .home-positioning-hero h1{font-size:clamp(42px,7.3vw,104px);line-height:1.08;letter-spacing:-.055em;max-width:none;margin:0;overflow-wrap:normal}
.wbfr-brand-site .home-positioning-hero h1 .home-hero-line{display:block;color:#fff;animation:homeHeroEnter .95s cubic-bezier(.16,.8,.2,1) both}
.wbfr-brand-site .home-positioning-hero h1 .home-title-accent{color:#f9d601;font-size:.76em;line-height:1.15;margin-top:16px;animation-delay:.16s}
.home-title-mobile-break{display:none}
.home-hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:38px}
.wbfr-brand-site .home-hero-primary{min-height:56px;padding:19px 27px;font-size:14px;gap:26px}
.home-hero-secondary{display:inline-flex;align-items:center;gap:16px;padding:14px 0;color:#fff;font-size:14px;line-height:1.7;text-decoration:underline;text-decoration-color:#ffffff80;text-underline-offset:6px}
.home-hero-secondary span{font-size:21px}
.home-hero-secondary:hover{text-decoration-color:#f9d601;color:#f9d601}
#kostenvergelijker{scroll-margin-top:24px}
@keyframes homeHeroEnter{0%{opacity:0;transform:translateY(42px) scale(.96);filter:blur(8px)}65%{opacity:1;filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media(max-width:900px){.home-hero-statement{padding-bottom:48px}.wbfr-brand-site .home-positioning-hero{padding-top:52px}.wbfr-brand-site .home-positioning-hero h1{font-size:clamp(40px,7.5vw,70px)}}
@media(max-width:600px){.wbfr-brand-site .home-positioning-hero{padding-top:42px}.home-hero-statement{padding-bottom:40px}.wbfr-brand-site .home-positioning-hero h1{font-size:clamp(34px,8.6vw,51px);line-height:1.12}.wbfr-brand-site .home-positioning-hero h1 .home-title-accent{font-size:.9em;line-height:1.18;margin-top:14px}.home-title-mobile-break{display:block}.home-hero-actions{flex-direction:column;gap:12px;margin-top:30px}.wbfr-brand-site .home-hero-primary{width:100%;max-width:330px;justify-content:space-between}.home-hero-secondary{font-size:13px;padding:12px 4px}.wbfr-brand-site .header .links.open .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.wbfr-brand-site .home-positioning-hero h1 .home-hero-line{animation:none}.wbfr-brand-site .header{transition:none}html{scroll-behavior:auto}}