:root{--wbf-ep-navy:#1f2a44;--wbf-ep-ink:#172033;--wbf-ep-muted:#667085;--wbf-ep-line:#dfe4eb;--wbf-ep-soft:#f6f8fb;--wbf-ep-orange:#f59e0b;--wbf-ep-radius:28px;}
html:has(body.wbf-employer-public-home){margin:0!important;padding:0!important;background:#fff}
body.wbf-employer-public-home{color:var(--wbf-ep-ink)}
body.wbf-employer-public-standalone{min-height:100vh}
body.wbf-employer-public-home .elementor-location-header,body.wbf-employer-public-home header[data-elementor-type="header"],body.wbf-employer-public-home header.site-header,body.wbf-employer-public-home #masthead,body.wbf-employer-public-home .wbf-dynamic-site-header[data-wbf-site-header],body.wbf-employer-public-home .wbf-candidate-header[data-wbf-site-header]{display:none!important}
body.wbf-employer-public-home .elementor-widget-theme-post-content>.elementor-widget-container,body.wbf-employer-public-home .entry-content{overflow:visible!important}



.wbf-ep-section{padding:clamp(84px,8vw,124px) 0;border-top:1px solid #edf0f4}.wbf-ep-section:first-child{border-top:0}.wbf-ep-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#58657a;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.wbf-ep-eyebrow:before{content:"";width:18px;height:2px;background:var(--wbf-ep-orange)}.wbf-ep-title{font-size:clamp(38px,4.5vw,64px);line-height:.98;margin-bottom:22px;max-width:980px}.wbf-ep-copy{font-size:clamp(16px,1.4vw,19px);line-height:1.7;color:var(--wbf-ep-muted);max-width:760px}.wbf-ep-copy strong{color:var(--wbf-ep-navy)}.wbf-ep-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 20px;border:1px solid var(--wbf-ep-navy);border-radius:9px;background:var(--wbf-ep-navy);color:#fff!important;text-decoration:none;font-size:14px;font-weight:800}.wbf-ep-button:hover{background:#172138}.wbf-ep-button.is-ghost{background:transparent;color:var(--wbf-ep-navy)!important;border-color:#cfd6e1}.wbf-ep-button.is-ghost:hover{background:#f8f9fb}.wbf-ep-textlink{display:inline-flex;align-items:center;gap:7px;color:var(--wbf-ep-navy)!important;text-decoration:none;font-weight:750;font-size:14px}.wbf-ep-textlink:hover{text-decoration:underline}.wbf-ep-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.wbf-ep-hero{padding:42px 0 90px;background:linear-gradient(180deg,#fbfcfe 0%,#fff 82%)}.wbf-ep-carousel{position:relative;min-height:640px;border:1px solid #dce2ea;border-radius:var(--wbf-ep-radius);background:#fff;overflow:hidden;box-shadow:0 22px 70px rgba(31,42,68,.09)}.wbf-ep-slide{position:absolute;inset:0;padding:clamp(48px,6vw,82px);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s}.wbf-ep-slide.is-active{opacity:1;visibility:visible;z-index:2}.wbf-ep-slide__inner{height:100%;display:flex;flex-direction:column}.wbf-ep-slide__eyebrow{font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#6f7c90;margin-bottom:20px}.wbf-ep-slide h1{font-size:clamp(48px,6.2vw,84px);line-height:.94;max-width:1000px;margin:0 0 25px}.wbf-ep-slide h2{font-size:clamp(38px,4.7vw,66px);line-height:.98;max-width:870px;margin:0 0 20px}.wbf-ep-slide p{font-size:clamp(17px,1.5vw,20px);line-height:1.65;color:var(--wbf-ep-muted);max-width:760px}.wbf-ep-slide__bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:30px}.wbf-ep-carousel-tabs{position:absolute;z-index:8;left:clamp(48px,6vw,82px);right:clamp(48px,6vw,82px);bottom:28px;display:flex;gap:26px;border-top:1px solid #e4e8ee;padding-top:17px}.wbf-ep-carousel-tabs button{position:relative;border:0;background:none;padding:0 0 7px;color:#7a8596;font:700 12px/1 Inter,sans-serif;cursor:pointer}.wbf-ep-carousel-tabs button:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:var(--wbf-ep-navy);transition:width .3s}.wbf-ep-carousel-tabs button.is-active{color:var(--wbf-ep-navy)}.wbf-ep-carousel-tabs button.is-active:after{width:100%}.wbf-ep-hero .wbf-ep-actions{margin-bottom:72px}
.wbf-ep-slide--video{background:#f7f9fc}.wbf-ep-hero-video{margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:14px}.wbf-ep-hero-video__item{aspect-ratio:9/16;border:1px solid #d8dee8;border-radius:18px;background:#e8edf4;overflow:hidden;position:relative}.wbf-ep-hero-video__item img{width:100%;height:100%;object-fit:cover;display:block}.wbf-ep-hero-video__item:after{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);color:var(--wbf-ep-navy);font-size:12px;padding-left:2px}.wbf-ep-hero-video__item.is-empty{display:grid;place-items:center;color:#8a96a8;font-size:12px;padding:18px;text-align:center}.wbf-ep-hero-video__item.is-empty:after{display:none}
.wbf-ep-result-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;border-top:1px solid #dfe4eb;border-bottom:1px solid #dfe4eb}.wbf-ep-result-strip>div{padding:26px 32px 26px 0;border-right:1px solid #dfe4eb}.wbf-ep-result-strip>div+div{padding-left:32px}.wbf-ep-result-strip>div:last-child{border-right:0}.wbf-ep-result-strip strong{display:block;font-family:"Archivo Black",Inter,sans-serif;font-size:48px;font-weight:400;color:var(--wbf-ep-navy);line-height:1}.wbf-ep-result-strip span{display:block;margin-top:8px;color:#737f91;font-size:13px}.wbf-ep-mini-dashboard{margin-top:28px;border:1px solid #d9dfe8;border-radius:20px;background:#f9fafc;overflow:hidden;max-width:760px}.wbf-ep-mini-dashboard__bar{height:45px;border-bottom:1px solid #e0e5ec;display:flex;align-items:center;gap:8px;padding:0 18px}.wbf-ep-mini-dashboard__bar i{width:7px;height:7px;border-radius:50%;background:#cbd3de}.wbf-ep-mini-dashboard__body{display:grid;grid-template-columns:150px 1fr;min-height:230px}.wbf-ep-mini-dashboard__side{border-right:1px solid #e0e5ec;padding:18px 13px;display:grid;align-content:start;gap:9px}.wbf-ep-mini-dashboard__side span{height:9px;border-radius:6px;background:#dce2ea}.wbf-ep-mini-dashboard__side span:nth-child(2){width:80%}.wbf-ep-mini-dashboard__side span:nth-child(3){width:68%}.wbf-ep-mini-dashboard__content{padding:23px}.wbf-ep-mini-dashboard__content h3{font-size:19px;margin-bottom:16px}.wbf-ep-mini-dashboard__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.wbf-ep-mini-dashboard__metrics div{padding:17px;border:1px solid #e0e5ec;border-radius:12px;background:#fff}.wbf-ep-mini-dashboard__metrics strong{display:block;font-size:22px;color:var(--wbf-ep-navy)}.wbf-ep-mini-dashboard__metrics span{font-size:10px;color:#7c8798}.wbf-ep-login-preview{margin-top:30px;max-width:540px;border-top:1px solid #e1e5eb;padding-top:25px}.wbf-ep-segment{display:grid;grid-template-columns:1fr 1fr;border:1px solid #d7dde7;border-radius:10px;padding:4px;max-width:330px;background:#f6f7f9;margin-bottom:18px}.wbf-ep-segment span{padding:9px 12px;text-align:center;border-radius:7px;font-size:12px;font-weight:750;color:#7c8798}.wbf-ep-segment span.is-active{background:#fff;color:var(--wbf-ep-navy);box-shadow:0 1px 4px rgba(31,42,68,.08)}
.wbf-ep-mission__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(50px,8vw,120px);align-items:start}.wbf-ep-mission__statement{font-family:"Archivo Black",Inter,sans-serif;font-size:clamp(46px,6vw,78px);line-height:.92;letter-spacing:-.045em;color:var(--wbf-ep-navy)}.wbf-ep-mission__statement em{display:block;font-style:normal;color:var(--wbf-ep-navy)}.wbf-ep-mission__copy{font-size:17px;line-height:1.75;color:var(--wbf-ep-muted)}.wbf-ep-mission__copy p{margin-bottom:18px}.wbf-ep-mission__points{margin:26px 0 0;padding:0;list-style:none;border-top:1px solid var(--wbf-ep-line)}.wbf-ep-mission__points li{padding:13px 0;border-bottom:1px solid var(--wbf-ep-line);font-weight:750;color:var(--wbf-ep-navy)}
.wbf-ep-route-head{display:grid;grid-template-columns:1fr minmax(280px,.65fr);gap:50px;align-items:end;margin-bottom:60px}.wbf-ep-route-head p{margin:0;color:var(--wbf-ep-muted);line-height:1.7}.wbf-ep-route{position:relative;padding:30px 0 0}.wbf-ep-route-line{position:absolute;left:4%;right:4%;top:58px;height:1px;background:#d8dee7}.wbf-ep-route-progress{position:absolute;left:4%;top:57px;height:3px;width:var(--wbf-route-width,0%);background:var(--wbf-ep-navy);transition:width .45s ease}.wbf-ep-route-marker{position:absolute;top:50px;left:calc(4% + var(--wbf-route-width,0%));width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid var(--wbf-ep-navy);transform:translateX(-50%);transition:left .45s ease;box-shadow:0 0 0 5px rgba(31,42,68,.08)}.wbf-ep-route-steps{display:grid;grid-template-columns:repeat(7,1fr);position:relative}.wbf-ep-route-step{position:relative;padding:0 10px;text-align:center;opacity:.48;transition:opacity .25s}.wbf-ep-route-step.is-active,.wbf-ep-route-step.is-passed{opacity:1}.wbf-ep-route-step__dot{width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #aeb8c7;margin:21px auto 20px;position:relative;z-index:3}.wbf-ep-route-step.is-active .wbf-ep-route-step__dot,.wbf-ep-route-step.is-passed .wbf-ep-route-step__dot{border-color:var(--wbf-ep-navy);background:var(--wbf-ep-navy)}.wbf-ep-route-step strong{display:block;font-size:12px;color:var(--wbf-ep-navy);line-height:1.35}.wbf-ep-route-step span{display:block;font-size:10px;color:#7e8999;line-height:1.45;margin-top:5px}.wbf-ep-qualifier{margin:56px auto 0;max-width:740px;border:1px solid #dce2ea;border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(31,42,68,.08);overflow:hidden}.wbf-ep-qualifier__head{padding:18px 22px;border-bottom:1px solid #e3e7ed;display:flex;justify-content:space-between;align-items:center}.wbf-ep-qualifier__head strong{font-size:13px;color:var(--wbf-ep-navy)}.wbf-ep-qualifier__head span{font-size:10px;color:#7f8a9b}.wbf-ep-qualifier__body{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.wbf-ep-question{padding:16px 0;border-bottom:1px solid #e9ecf0}.wbf-ep-question:first-child{padding-top:0}.wbf-ep-question span{display:block;font-size:13px;font-weight:750;color:var(--wbf-ep-navy);margin-bottom:9px}.wbf-ep-options{display:flex;gap:7px;flex-wrap:wrap}.wbf-ep-options i{font-style:normal;padding:7px 9px;border:1px solid #d9dfe7;border-radius:7px;font-size:10px;color:#6f7b8d}.wbf-ep-options i.is-selected{background:#edf1f7;border-color:#bcc7d6;color:var(--wbf-ep-navy);font-weight:750}.wbf-ep-qualifier__complete{align-self:end;padding:20px;border-left:1px solid #e3e7ed}.wbf-ep-qualifier__complete b{display:block;color:var(--wbf-ep-navy);font-size:16px;margin-bottom:7px}.wbf-ep-qualifier__complete p{font-size:12px;line-height:1.55;color:#788497;margin:0}
.wbf-ep-results-head{display:grid;grid-template-columns:1fr minmax(300px,.65fr);gap:60px;align-items:end;margin-bottom:40px}.wbf-ep-results-head p{color:var(--wbf-ep-muted);line-height:1.7;margin:0}.wbf-ep-results-cases{border-top:1px solid var(--wbf-ep-line);margin-top:42px}.wbf-ep-case{display:grid;grid-template-columns:minmax(180px,1.2fr) 1fr auto;align-items:center;gap:24px;padding:21px 0;border-bottom:1px solid var(--wbf-ep-line)}.wbf-ep-case__company{display:flex;align-items:center;gap:13px;font-weight:750;color:var(--wbf-ep-navy)}.wbf-ep-case__logo{width:50px;height:50px;border:1px solid #e1e5eb;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.wbf-ep-case__logo img{max-width:86%;max-height:75%;object-fit:contain}.wbf-ep-case__logo span{font-family:"Archivo Black",Inter,sans-serif;color:var(--wbf-ep-navy)}.wbf-ep-case__meta{font-size:13px;color:#7a8596}.wbf-ep-case__result{text-align:right}.wbf-ep-case__result strong{font-family:"Archivo Black",Inter,sans-serif;font-size:28px;font-weight:400;color:var(--wbf-ep-navy)}.wbf-ep-case__result span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7f8a9b}.wbf-ep-proof-note{font-size:11px;color:#8893a3;margin-top:14px}
.wbf-ep-environment__grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(42px,7vw,90px);align-items:center}.wbf-ep-dashboard{border:1px solid #d9dfe8;border-radius:24px;background:#f7f8fb;box-shadow:0 22px 60px rgba(31,42,68,.11);overflow:hidden;min-height:520px;display:grid;grid-template-columns:180px 1fr}.wbf-ep-dashboard__side{background:#fff;border-right:1px solid #e0e5eb;padding:25px 17px}.wbf-ep-dashboard__brand{width:115px;height:38px;background:url("../images/wbf-logo-navy.svg") left center/contain no-repeat;margin-bottom:28px}.wbf-ep-dashboard__new{height:39px;border-radius:8px;background:var(--wbf-ep-navy);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;margin-bottom:22px}.wbf-ep-dashboard__nav{display:grid;gap:4px}.wbf-ep-dashboard__nav span{padding:8px 9px;border-radius:7px;font-size:10px;font-weight:700;color:#718096}.wbf-ep-dashboard__nav span.is-active{background:#eef1f5;color:var(--wbf-ep-navy)}.wbf-ep-dashboard__main{padding:32px}.wbf-ep-dashboard__main>small{font-size:9px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#8b96a7}.wbf-ep-dashboard__main h3{font-family:"Archivo Black",Inter,sans-serif;font-size:28px;font-weight:400;margin:7px 0 24px}.wbf-ep-dashboard__hero{background:var(--wbf-ep-navy);color:#fff;border-radius:18px;padding:24px;min-height:190px;display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.wbf-ep-dashboard__hero strong{font-size:25px;line-height:1.1}.wbf-ep-dashboard__hero p{font-size:11px;line-height:1.55;color:#d3d9e4;margin:10px 0 0}.wbf-ep-dashboard__kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.wbf-ep-dashboard__kpis div{border:1px solid rgba(255,255,255,.17);border-radius:12px;padding:13px}.wbf-ep-dashboard__kpis b{display:block;font-size:23px}.wbf-ep-dashboard__kpis span{font-size:8px;color:#c6ceda}.wbf-ep-dashboard__rows{margin-top:17px;border-top:1px solid #e0e5eb}.wbf-ep-dashboard__row{display:grid;grid-template-columns:1.2fr .7fr .5fr;gap:10px;padding:12px 0;border-bottom:1px solid #e0e5eb;font-size:9px;color:#748093}.wbf-ep-dashboard__row strong{color:var(--wbf-ep-navy)}.wbf-ep-annotations{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--wbf-ep-line)}.wbf-ep-annotations div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--wbf-ep-line);font-size:13px}.wbf-ep-annotations strong{color:var(--wbf-ep-navy)}.wbf-ep-annotations span{color:#778395}
.wbf-ep-video__head{display:grid;grid-template-columns:1fr minmax(280px,.7fr);gap:55px;align-items:end;margin-bottom:45px}.wbf-ep-video__head p{color:var(--wbf-ep-muted);line-height:1.7;margin:0}.wbf-ep-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:920px}.wbf-ep-video-card{position:relative;aspect-ratio:9/16;border:1px solid #dce1e8;border-radius:20px;overflow:hidden;background:#eef1f5}.wbf-ep-video-card img{width:100%;height:100%;object-fit:cover;display:block}.wbf-ep-video-card__fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:22px;color:#7d8999;font-size:12px}.wbf-ep-video-card button{position:absolute;inset:0;border:0;background:linear-gradient(180deg,transparent 55%,rgba(18,26,43,.72));padding:20px;color:#fff;display:flex;align-items:flex-end;text-align:left;cursor:pointer}.wbf-ep-video-card button strong{font-size:14px}.wbf-ep-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;color:var(--wbf-ep-navy);font-size:13px;padding-left:2px}.wbf-ep-video-privacy{font-size:11px;color:#8b96a6;margin-top:13px}.wbf-ep-video-modal{position:fixed;z-index:11000;inset:0;display:grid;place-items:center;padding:24px}.wbf-ep-video-modal[hidden]{display:none}.wbf-ep-video-modal__backdrop{position:absolute;inset:0;background:rgba(11,18,31,.66);backdrop-filter:blur(5px)}.wbf-ep-video-modal__dialog{position:relative;width:min(430px,94vw);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 100px rgba(0,0,0,.3)}.wbf-ep-video-modal__head{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #e4e8ed}.wbf-ep-video-modal__head strong{font-size:13px;color:var(--wbf-ep-navy)}.wbf-ep-video-modal__close{width:35px;height:35px;border:1px solid #dfe4ea;border-radius:50%;background:#fff;color:var(--wbf-ep-navy);font-size:22px;cursor:pointer}.wbf-ep-video-modal__frame{position:relative;aspect-ratio:9/16;background:#fff}.wbf-ep-video-modal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.wbf-ep-open-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(52px,9vw,120px);align-items:start}.wbf-ep-open-split__side{padding-top:7px}.wbf-ep-open-split__side p{font-size:16px;line-height:1.75;color:var(--wbf-ep-muted)}.wbf-ep-open-list{list-style:none;padding:0;margin:25px 0 0;border-top:1px solid var(--wbf-ep-line)}.wbf-ep-open-list li{padding:14px 0;border-bottom:1px solid var(--wbf-ep-line);font-size:14px;color:var(--wbf-ep-navy);font-weight:750}.wbf-ep-opportunities{background:#f8f9fb}.wbf-ep-opportunities .wbf-ep-section{border-top:0}.wbf-ep-trust-logos{display:flex;align-items:center;gap:clamp(24px,5vw,58px);flex-wrap:wrap;margin-top:42px;padding:30px 0;border-top:1px solid var(--wbf-ep-line);border-bottom:1px solid var(--wbf-ep-line)}.wbf-ep-trust-logo{width:120px;height:55px;display:grid;place-items:center;filter:grayscale(1);opacity:.72}.wbf-ep-trust-logo img{max-width:100%;max-height:45px;object-fit:contain}.wbf-ep-trust-logo span{font-family:"Archivo Black",Inter,sans-serif;color:#7a8494}
.wbf-ep-faq{max-width:920px}.wbf-ep-faq details{border-bottom:1px solid var(--wbf-ep-line)}.wbf-ep-faq details:first-of-type{border-top:1px solid var(--wbf-ep-line)}.wbf-ep-faq summary{position:relative;list-style:none;padding:22px 42px 22px 0;cursor:pointer;color:var(--wbf-ep-navy);font-size:15px;font-weight:800}.wbf-ep-faq summary::-webkit-details-marker{display:none}.wbf-ep-faq summary:after{content:"+";position:absolute;right:3px;top:17px;font-size:24px;font-weight:400;color:#8792a2}.wbf-ep-faq details[open] summary:after{content:"−"}.wbf-ep-faq details p{padding:0 50px 22px 0;margin:0;color:var(--wbf-ep-muted);font-size:14px;line-height:1.7}
.wbf-ep-final{padding:80px 0;background:var(--wbf-ep-navy);color:#fff}.wbf-ep-final .wbf-ep-eyebrow{color:#c8d0dc}.wbf-ep-final .wbf-ep-eyebrow:before{background:var(--wbf-ep-orange)}.wbf-ep-final h2{font-size:clamp(45px,5.6vw,76px);line-height:.94;color:#fff;margin-bottom:18px}.wbf-ep-final p{color:#ccd4df;font-size:17px;line-height:1.65;max-width:680px}.wbf-ep-final .wbf-ep-button{background:#fff;color:var(--wbf-ep-navy)!important;border-color:#fff}.wbf-ep-final small{display:block;margin-top:14px;color:#aeb8c7;font-size:11px}
@media(max-width:1100px){:root{}.wbf-ep-carousel{min-height:610px}.wbf-ep-slide{padding:48px}.wbf-ep-carousel-tabs{left:48px;right:48px}.wbf-ep-dashboard{grid-template-columns:150px 1fr}.wbf-ep-dashboard__main{padding:25px}}
@media(max-width:900px){.wbf-ep-hero{padding-top:22px}.wbf-ep-carousel{min-height:650px}.wbf-ep-slide{padding:42px}.wbf-ep-carousel-tabs{left:42px;right:42px;gap:18px;overflow-x:auto;scrollbar-width:none}.wbf-ep-carousel-tabs::-webkit-scrollbar{display:none}.wbf-ep-mission__grid,.wbf-ep-route-head,.wbf-ep-results-head,.wbf-ep-environment__grid,.wbf-ep-video__head,.wbf-ep-open-split{grid-template-columns:1fr;gap:35px}.wbf-ep-route{padding-left:24px}.wbf-ep-route-line{left:30px;right:auto;top:24px;bottom:24px;width:1px;height:auto}.wbf-ep-route-progress{left:29px;top:24px;width:3px;height:var(--wbf-route-mobile-height,0px);transition:height .45s}.wbf-ep-route-marker{left:30px;top:var(--wbf-route-mobile-marker,24px);transition:top .45s}.wbf-ep-route-steps{display:grid;grid-template-columns:1fr;gap:8px}.wbf-ep-route-step{text-align:left;padding:12px 0 12px 44px;min-height:70px}.wbf-ep-route-step__dot{position:absolute;left:-1px;top:15px;margin:0}.wbf-ep-route-step strong{font-size:14px}.wbf-ep-route-step span{font-size:12px}.wbf-ep-qualifier{margin-left:44px;margin-top:28px}.wbf-ep-dashboard{min-height:470px}.wbf-ep-videos{max-width:none}}
@media(max-width:680px){.wbf-ep-section{padding:70px 0}.wbf-ep-title{font-size:40px}.wbf-ep-carousel{min-height:620px;border-radius:20px}.wbf-ep-slide{padding:30px 24px}.wbf-ep-slide h1{font-size:44px}.wbf-ep-slide h2{font-size:38px}.wbf-ep-slide p{font-size:16px}.wbf-ep-carousel-tabs{left:24px;right:24px;bottom:22px;gap:18px}.wbf-ep-hero .wbf-ep-actions{margin-bottom:70px;display:grid}.wbf-ep-hero .wbf-ep-button{width:100%}.wbf-ep-hero-video{grid-template-columns:repeat(3,1fr);gap:8px}.wbf-ep-result-strip{grid-template-columns:1fr}.wbf-ep-result-strip>div,.wbf-ep-result-strip>div+div{padding:18px 0;border-right:0;border-bottom:1px solid #dfe4eb}.wbf-ep-result-strip>div:last-child{border-bottom:0}.wbf-ep-result-strip strong{font-size:37px}.wbf-ep-mini-dashboard__body{grid-template-columns:95px 1fr}.wbf-ep-mini-dashboard__content{padding:17px}.wbf-ep-mini-dashboard__metrics{grid-template-columns:1fr 1fr}.wbf-ep-mini-dashboard__metrics div:last-child{display:none}.wbf-ep-mission__statement{font-size:49px}.wbf-ep-qualifier{margin-left:0}.wbf-ep-qualifier__body{grid-template-columns:1fr}.wbf-ep-qualifier__complete{border-left:0;border-top:1px solid #e3e7ed;padding:18px 0 0}.wbf-ep-case{grid-template-columns:1fr auto;gap:14px}.wbf-ep-case__meta{grid-column:1/-1}.wbf-ep-dashboard{grid-template-columns:1fr;min-height:0}.wbf-ep-dashboard__side{display:none}.wbf-ep-dashboard__main{padding:19px}.wbf-ep-dashboard__hero{grid-template-columns:1fr}.wbf-ep-dashboard__kpis{grid-template-columns:1fr 1fr}.wbf-ep-dashboard__row{grid-template-columns:1fr auto}.wbf-ep-dashboard__row span:nth-child(2){display:none}.wbf-ep-videos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wbf-ep-video-card{border-radius:14px}.wbf-ep-video-card button{padding:10px}.wbf-ep-video-card button strong{font-size:10px}.wbf-ep-video-play{width:39px;height:39px}.wbf-ep-trust-logos{gap:20px}.wbf-ep-trust-logo{width:95px;height:44px}.wbf-ep-actions{display:grid}.wbf-ep-button{width:100%}}


/* 2.25.489.79.75 — audit fixes: bestaande WBF-preview + mobiele video-swipe */
.wbf-ep-dashboard{margin:0}
.wbf-ep-dashboard__brand{height:54px;display:flex;align-items:center;padding:0 4px 12px}
.wbf-ep-dashboard__brand img{display:block;width:112px;max-height:40px;object-fit:contain;object-position:left center}
.wbf-ep-dashboard figcaption{margin-top:16px;padding-top:13px;border-top:1px solid #e4e8ee;color:#8a95a5;font-size:10px;line-height:1.5}
@media(max-width:680px){
  .wbf-ep-videos{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding:0 4px;padding:0 4px 10px;margin-left:-4px;margin-right:-4px;scrollbar-width:none}
  .wbf-ep-videos::-webkit-scrollbar{display:none}
  .wbf-ep-videos .wbf-ep-video-card{flex:0 0 min(74vw,270px);scroll-snap-align:start}
}

/* Route: horizontale productroute + bewegende marker + per stap een echte interfacepreview. */
.wbf-ep-section--route{background:#f8fafc}
.wbf-ep-route-head{margin-bottom:44px;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr)}
.wbf-ep-route{position:relative;padding:10px 0 0}
.wbf-ep-route-track{position:relative;height:26px;margin:0 3.4% 4px}
.wbf-ep-route-line{left:0;right:0;top:12px;height:1px;background:#cfd6e1}
.wbf-ep-route-progress{left:0;top:11px;height:3px;width:var(--wbf-route-width,0%);background:var(--wbf-ep-navy);border-radius:10px;transition:width .6s cubic-bezier(.2,.75,.2,1)}
.wbf-ep-route-marker{top:2px;left:var(--wbf-route-width,0%);width:21px;height:21px;border:0;background:var(--wbf-ep-navy);box-shadow:0 0 0 6px rgba(31,42,68,.08);transition:left .6s cubic-bezier(.2,.75,.2,1);display:grid;place-items:center;transform:translateX(-50%)}
.wbf-ep-route-marker span{width:5px;height:5px;border-radius:50%;background:#fff}
.wbf-ep-route-steps{display:grid;grid-template-columns:repeat(7,1fr);position:relative;margin-bottom:42px}
.wbf-ep-route-step{appearance:none;border:0;background:transparent;font:inherit;cursor:pointer;position:relative;padding:14px 8px 0;text-align:center;opacity:.46;transition:opacity .25s ease,transform .25s ease}
.wbf-ep-route-step:hover,.wbf-ep-route-step:focus-visible{opacity:.8;outline:none}.wbf-ep-route-step:focus-visible strong{text-decoration:underline}
.wbf-ep-route-step.is-active,.wbf-ep-route-step.is-passed{opacity:1}.wbf-ep-route-step.is-active{transform:translateY(-2px)}
.wbf-ep-route-step__dot{display:none}
.wbf-ep-route-step strong{display:block;font-size:12px;line-height:1.35;color:var(--wbf-ep-navy)}
.wbf-ep-route-step span{display:block;font-size:10px;line-height:1.4;color:#7d8999;margin:5px auto 0;max-width:150px}
.wbf-ep-route-stage{display:grid;grid-template-columns:minmax(260px,.56fr) minmax(560px,1.44fr);gap:clamp(42px,6vw,92px);align-items:center;min-height:430px;padding:clamp(34px,4vw,60px);border:1px solid #dbe1e9;border-radius:26px;background:#fff;box-shadow:0 20px 60px rgba(31,42,68,.07)}
.wbf-ep-route-stage__copy{position:relative;min-height:240px}
.wbf-ep-route-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease,visibility .35s}
.wbf-ep-route-copy.is-active{opacity:1;visibility:visible;transform:none}
.wbf-ep-route-copy>span{font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#8792a2;margin-bottom:12px}
.wbf-ep-route-copy h3{font-family:"Archivo Black",Inter,sans-serif;font-size:clamp(28px,2.6vw,44px);font-weight:400;line-height:1.02;letter-spacing:-.03em;margin:0 0 16px;color:var(--wbf-ep-navy)}
.wbf-ep-route-copy p{font-size:15px;line-height:1.7;color:#6e7a8d;margin:0;max-width:470px}
.wbf-ep-route-stage__visual{position:relative;min-height:330px;display:grid;place-items:center}
.wbf-ep-route-panel{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateX(14px) scale(.985);transition:opacity .4s ease,transform .4s ease,visibility .4s}
.wbf-ep-route-panel.is-active{opacity:1;visibility:visible;transform:none}
.wbf-ep-vacancy-preview{width:min(100%,680px);padding:36px;border:1px solid #d8dfe8;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(31,42,68,.08)}
.wbf-ep-vacancy-preview>span,.wbf-ep-application-preview>span,.wbf-ep-notification-preview>span,.wbf-ep-meeting-preview>span{font-size:10px;font-weight:850;letter-spacing:.12em;color:#7e8a9b}
.wbf-ep-vacancy-preview h4{font-family:"Archivo Black",Inter,sans-serif;font-size:42px;font-weight:400;letter-spacing:-.03em;color:var(--wbf-ep-navy);margin:20px 0 8px}
.wbf-ep-vacancy-preview p{color:#748093;margin:0 0 26px}.wbf-ep-vacancy-preview>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2e6ec;padding-top:20px;color:var(--wbf-ep-navy)}.wbf-ep-vacancy-preview i{font-style:normal;font-size:13px}
.wbf-ep-media-preview{width:min(100%,720px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center}.wbf-ep-media-preview>div{aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#eef2f6;border:1px solid #d9e0e8;display:grid;place-items:center;color:#8b96a6;font-size:11px}.wbf-ep-media-preview>div:nth-child(2){transform:translateY(-18px)}.wbf-ep-media-preview img{width:100%;height:100%;object-fit:cover}
.wbf-ep-reach-preview{width:min(100%,680px);padding:34px;border:1px solid #dae1e9;border-radius:20px;background:#f9fafc}.wbf-ep-reach-preview>div:first-child{display:flex;justify-content:space-between;align-items:end}.wbf-ep-reach-preview span{font-size:12px;color:#758195}.wbf-ep-reach-preview strong{font-family:"Archivo Black",Inter,sans-serif;font-size:34px;font-weight:400;color:var(--wbf-ep-navy)}.wbf-ep-reach-bars{display:grid;gap:12px;margin:36px 0}.wbf-ep-reach-bars i{display:block;height:12px;border-radius:99px;background:linear-gradient(90deg,var(--wbf-ep-navy) 0 var(--bar),#e4e8ee var(--bar) 100%)}.wbf-ep-reach-preview small{color:#8994a4}
.wbf-ep-route-panel .wbf-ep-qualifier{width:min(100%,760px);max-width:none;margin:0;box-shadow:none}.wbf-ep-route-panel .wbf-ep-qualifier__body{padding:22px}
.wbf-ep-application-preview{width:min(100%,600px);padding:32px;border:1px solid #d9e0e8;border-radius:20px;background:#fff;box-shadow:0 18px 48px rgba(31,42,68,.07)}.wbf-ep-application-preview h4{font-size:30px;margin:10px 0 25px;color:var(--wbf-ep-navy)}.wbf-ep-application-preview>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #e7eaf0;font-size:13px;color:#536074}.wbf-ep-application-preview i{width:18px;height:18px;border-radius:50%;border:1px solid #bdc7d5}.wbf-ep-application-preview i.is-done{background:var(--wbf-ep-navy);box-shadow:inset 0 0 0 5px #fff}.wbf-ep-application-preview button{margin-top:22px;width:100%;height:46px;border:0;border-radius:8px;background:var(--wbf-ep-navy);color:#fff;font-weight:800}
.wbf-ep-notification-preview,.wbf-ep-meeting-preview{width:min(100%,590px);padding:34px;border:1px solid #d8dfe8;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(31,42,68,.08)}.wbf-ep-notification-preview strong,.wbf-ep-meeting-preview>strong{display:block;font-size:25px;line-height:1.2;color:var(--wbf-ep-navy);margin:14px 0}.wbf-ep-notification-preview p,.wbf-ep-meeting-preview p{color:#748093;line-height:1.6}.wbf-ep-notification-preview>b{font-size:13px;color:var(--wbf-ep-navy)}.wbf-ep-meeting-preview>div{display:flex;gap:10px;margin:24px 0}.wbf-ep-meeting-preview>div b{padding:13px 17px;border:1px solid #dbe1e9;border-radius:9px;color:var(--wbf-ep-navy);background:#f8fafc}

@media(max-width:1200px) and (min-width:901px){
  :root{}
  .wbf-ep-slide__inner--visual{grid-template-columns:.8fr 1.2fr;gap:38px}
  .wbf-ep-route-stage{grid-template-columns:.65fr 1.35fr;gap:38px}
}

@media(max-width:900px){
  
  
  .wbf-ep-carousel{min-height:700px}
  .wbf-ep-slide{padding:38px 30px 100px}
  .wbf-ep-slide__inner--lead,.wbf-ep-slide__inner--visual{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:28px}
  .wbf-ep-slide__inner--visual .wbf-ep-slide__copy{max-width:none}
  .wbf-ep-slide__visual{min-height:260px}
  .wbf-ep-hero-proof{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr)}
  .wbf-ep-hero-proof>div{padding:0 14px}.wbf-ep-hero-proof>div:first-child{padding-left:0}
  .wbf-ep-hero-video{max-width:600px;margin-inline:auto}.wbf-ep-hero-video__item:nth-child(2){transform:none}
  .wbf-ep-route{padding-left:0}
  .wbf-ep-route-track{position:absolute;left:20px;top:0;bottom:0;width:22px;height:auto;margin:0;z-index:2}
  .wbf-ep-route-line{left:10px;right:auto;top:10px;bottom:10px;width:1px;height:auto}
  .wbf-ep-route-progress{left:9px;top:10px;width:3px;height:var(--wbf-route-mobile-height,0px);transition:height .45s ease}
  .wbf-ep-route-marker{left:10px!important;top:var(--wbf-route-mobile-marker,10px);transition:top .45s ease}
  .wbf-ep-route-steps{grid-template-columns:1fr;margin:0 0 30px;padding-left:54px;gap:0}
  .wbf-ep-route-step{text-align:left;min-height:78px;padding:13px 0;transform:none!important}
  .wbf-ep-route-step strong{font-size:14px}.wbf-ep-route-step span{max-width:none;margin-left:0;font-size:12px}
  .wbf-ep-route-stage{grid-template-columns:1fr;min-height:650px;padding:28px;margin-left:0;gap:28px}
  .wbf-ep-route-stage__copy{min-height:190px}.wbf-ep-route-stage__visual{min-height:360px}
}

@media(max-width:680px){
  
  .wbf-ep-hero{padding-top:14px}
  .wbf-ep-carousel{min-height:720px;border-radius:20px}
  .wbf-ep-slide{padding:28px 22px 94px}
  .wbf-ep-slide--lead h1{font-size:43px}
  .wbf-ep-slide__inner--visual h2{font-size:38px}
  .wbf-ep-hero-proof strong{font-size:20px}.wbf-ep-hero-proof span{font-size:9px}
  .wbf-ep-carousel-tabs{left:22px;right:22px;bottom:22px}
  .wbf-ep-hero-video{display:flex;overflow:hidden;gap:10px}.wbf-ep-hero-video__item{flex:0 0 31%;border-radius:14px}
  .wbf-ep-slide__visual .wbf-ep-result-strip{grid-template-columns:1fr}.wbf-ep-slide__visual .wbf-ep-result-strip>div{padding:14px 0;margin:0 18px;border-right:0;border-bottom:1px solid #e3e7ed}.wbf-ep-slide__visual .wbf-ep-result-strip>div:last-child{border-bottom:0}
  .wbf-ep-hero-case{grid-template-columns:1fr auto}.wbf-ep-hero-case>span{grid-column:1/-1}
  .wbf-ep-route-head{margin-bottom:30px}.wbf-ep-route-stage{padding:22px 18px;min-height:610px}.wbf-ep-route-stage__visual{min-height:330px}.wbf-ep-vacancy-preview,.wbf-ep-reach-preview,.wbf-ep-application-preview,.wbf-ep-notification-preview,.wbf-ep-meeting-preview{padding:24px}.wbf-ep-vacancy-preview h4{font-size:34px}.wbf-ep-media-preview{gap:8px}.wbf-ep-media-preview>div{border-radius:12px}.wbf-ep-media-preview>div:nth-child(2){transform:none}.wbf-ep-route-panel .wbf-ep-qualifier__body{grid-template-columns:1fr}.wbf-ep-route-panel .wbf-ep-qualifier__complete{border-left:0;border-top:1px solid #e3e7ed;padding:16px 0 0}
}

@media(prefers-reduced-motion:reduce){
  .wbf-ep-route-panel,.wbf-ep-route-copy,.wbf-ep-route-progress,.wbf-ep-route-marker{transition:none!important}
}
@media(max-width:900px){.wbf-ep-route-track{height:546px;bottom:auto}}
@media(min-width:901px){.wbf-ep-route-track{margin-left:7.14%;margin-right:7.14%}}

/* 2.25.489.79.83 — public employer focus layout, rebuilt on the proven dashboard canvas.
 * The portal shell owns sidebar/body geometry. The public layer only owns content styling. */
:root{
  --wbf-ep-navy:#1f2a44;
  --wbf-ep-ink:#172033;
  --wbf-ep-muted:#667085;
  --wbf-ep-line:#dfe4eb;
  --wbf-ep-soft:#f5f7fa;
  --wbf-ep-orange:#f59e0b;
  --wbf-ep-content-max:1440px;
  --wbf-ep-gutter:32px;
}
body.wbf-employer-public-home{
  --wbf-ep-sidebar-expanded:264px;
  background:var(--wbf-ep-soft)!important;
  transition:padding-left .28s cubic-bezier(.22,1,.36,1)!important;
}
.wbf-ep-home{min-height:100vh;background:var(--wbf-ep-soft);color:var(--wbf-ep-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wbf-ep-home,.wbf-ep-home *{box-sizing:border-box}
.wbf-ep-home h1,.wbf-ep-home h2,.wbf-ep-home h3,.wbf-ep-home p{margin-top:0}
.wbf-ep-home h1,.wbf-ep-home h2{font-family:"Archivo Black",Inter,sans-serif;font-weight:400;letter-spacing:-.045em;color:var(--wbf-ep-navy)}
.wbf-ep-main{min-width:0;width:100%;min-height:100vh;margin:0;background:var(--wbf-ep-soft)}
.wbf-ep-shell{width:min(var(--wbf-ep-content-max),calc(100% - (var(--wbf-ep-gutter) * 2)));max-width:var(--wbf-ep-content-max);margin-inline:auto}

/* Sidebar focus mode. All links keep a real icon; labels collapse only visually. */
.wbf-employer-public-sidebar{transition:width .28s cubic-bezier(.22,1,.36,1),padding .28s cubic-bezier(.22,1,.36,1),box-shadow .2s ease!important;overflow:hidden!important}
.wbf-employer-public-sidebar .wbf-portal-navitem{font-size:11.5px!important}
.wbf-employer-public-sidebar .wbf-portal-navitem.is-active{background:transparent!important}
.wbf-employer-public-sidebar .wbf-portal-navitem.is-active:before{left:0!important;background:var(--wbf-portal-navy)!important}
.wbf-ep-public-sidebar-gap{height:18px;flex:0 0 18px}
.wbf-ep-public-sidebar-fill{min-height:18px;flex:1 1 auto}
.wbf-ep-public-utility{margin-top:0!important}
.wbf-ep-navicon{width:19px!important;height:19px!important;display:grid!important;place-items:center!important;flex:0 0 19px!important;color:currentColor!important}
.wbf-ep-navicon svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible!important}
.wbf-ep-navlabel,.wbf-ep-start-label{white-space:nowrap;transition:opacity .16s ease,transform .2s ease}
.wbf-ep-public-brand{overflow:hidden!important;transition:height .22s ease,margin .22s ease,opacity .18s ease!important}
.wbf-ep-brand-crop{display:block;position:relative;width:154px;height:50px;overflow:hidden;transition:opacity .18s ease,transform .22s ease}
.wbf-ep-brand-crop img{display:block!important;width:154px!important;max-width:none!important;height:auto!important}
.wbf-ep-public-start{height:48px!important;min-height:48px!important;margin-left:2px!important;margin-right:2px!important;border-radius:10px!important}

@media(min-width:901px){
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed{--wbf-portal-sidebar:72px}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed .wbf-employer-public-sidebar{padding-left:10px!important;padding-right:10px!important}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed .wbf-portal-brand{height:16px!important;margin:0 0 14px!important;opacity:0!important;pointer-events:none!important}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed .wbf-ep-brand-crop{opacity:0;transform:scale(.5)}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed .wbf-portal-navitem,
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed .wbf-ep-public-start{justify-content:center!important;gap:0!important;padding-left:0!important;padding-right:0!important}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed .wbf-ep-navlabel,
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed .wbf-ep-start-label{opacity:0;transform:translateX(-6px);width:0;overflow:hidden;pointer-events:none}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed .wbf-portal-navitem.is-active:before{left:-4px!important}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed .wbf-ep-public-sidebar-gap{height:10px;flex-basis:10px}

  /* Hover/focus opens over the content; the body stays compact and never jumps. */
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-employer-public-sidebar{width:var(--wbf-ep-sidebar-expanded)!important;padding-left:16px!important;padding-right:16px!important;box-shadow:18px 0 48px rgba(31,42,68,.12)!important}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-portal-brand{height:50px!important;margin:0 8px 20px!important;opacity:1!important;pointer-events:auto!important}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-ep-brand-crop{opacity:1;transform:none;width:154px;height:50px}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-portal-navitem,
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-ep-public-start{justify-content:flex-start!important;gap:11px!important;padding-left:11px!important;padding-right:11px!important}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-ep-public-start{justify-content:center!important}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-ep-navlabel,
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-ep-start-label{opacity:1;transform:none;width:auto;overflow:visible;pointer-events:auto}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-portal-navitem.is-active:before{left:0!important}
}

/* One action system. */
.wbf-ep-button{height:48px!important;min-height:48px!important;padding:0 22px!important;border:1px solid var(--wbf-ep-navy)!important;border-radius:12px!important;background:var(--wbf-ep-navy)!important;color:#fff!important;text-decoration:none!important;font:800 14px/1 Inter,sans-serif!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;transition:background .16s ease,border-color .16s ease,transform .16s ease!important}
.wbf-ep-button:hover{background:#172138!important;transform:translateY(-1px)}
.wbf-ep-button.is-ghost{background:transparent!important;color:var(--wbf-ep-navy)!important;border-color:#cbd3de!important}
.wbf-ep-button.is-ghost:hover{background:#fff!important;border-color:#b8c2d0!important}
.wbf-ep-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:30px!important}

/* Dashboard-like hero: the canvas fills the page; the carousel is the intentional card. */
.wbf-ep-hero{width:100%!important;margin:0!important;padding:28px var(--wbf-ep-gutter) 0!important;background:var(--wbf-ep-soft)!important;border:0!important}
.wbf-ep-carousel{position:relative!important;display:grid!important;grid-template-rows:minmax(500px,1fr) 62px!important;width:min(var(--wbf-ep-content-max),100%)!important;max-width:var(--wbf-ep-content-max)!important;min-height:562px!important;margin:0 auto!important;padding:0!important;border:1px solid #dbe1e9!important;border-radius:30px!important;background:#fff!important;box-shadow:0 28px 70px rgba(15,23,42,.10)!important;overflow:hidden!important}
.wbf-ep-carousel-stage{position:relative!important;min-width:0!important;min-height:500px!important;overflow:hidden!important;background:#fff!important}
.wbf-ep-slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;background:#fff!important;opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease,transform .28s cubic-bezier(.22,1,.36,1);transform:translateX(18px)}
.wbf-ep-slide.is-active{opacity:1;visibility:visible;z-index:2;transform:none}
.wbf-ep-slide-shell{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important}
.wbf-ep-slide__inner{width:100%!important;height:100%!important;min-height:0!important;padding:54px 58px!important}
.wbf-ep-slide__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:17px!important;color:#6f7c90;font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.wbf-ep-slide__eyebrow:before{content:"";width:18px;height:2px;background:var(--wbf-ep-orange)}
.wbf-ep-slide h1,.wbf-ep-slide h2{margin-top:0!important}
.wbf-ep-slide p{color:#667389;line-height:1.62}

/* Lead slide mirrors the logged-in navy campaign hero: strong copy + live proof. */
.wbf-ep-slide--lead{background:#1f2a44!important}
.wbf-ep-slide__inner--lead{display:grid!important;grid-template-columns:minmax(0,58%) minmax(330px,42%)!important;gap:48px!important;align-items:center!important}
.wbf-ep-slide--lead .wbf-ep-slide__copy{min-width:0;max-width:780px}
.wbf-ep-slide--lead .wbf-ep-slide__eyebrow{color:#f7bd52!important}
.wbf-ep-slide--lead h1{max-width:800px!important;margin:0 0 22px!important;color:#fff!important;font-size:clamp(48px,4.6vw,76px)!important;line-height:.94!important;letter-spacing:-.055em!important}
.wbf-ep-slide--lead p{max-width:700px!important;margin-bottom:0!important;color:#d7deea!important;font-size:17px!important}
.wbf-ep-slide--lead .wbf-ep-button{background:#fff!important;border-color:#fff!important;color:var(--wbf-ep-navy)!important}
.wbf-ep-slide--lead .wbf-ep-button:hover{background:#f7f9fc!important}
.wbf-ep-slide--lead .wbf-ep-button.is-ghost{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important}
.wbf-ep-slide--lead .wbf-ep-button.is-ghost:hover{background:rgba(255,255,255,.11)!important}
.wbf-ep-hero-proof{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0!important;padding:0!important;border:0!important;align-self:center!important}
.wbf-ep-hero-proof>div{min-height:132px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:22px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:21px!important;background:rgba(255,255,255,.07)!important;box-shadow:none!important}
.wbf-ep-hero-proof>div:first-child:nth-last-child(3){grid-column:span 2!important;min-height:150px!important}
.wbf-ep-hero-proof span{order:1!important;color:#b9c4d6!important;font-size:9px!important;font-weight:850!important;letter-spacing:.055em!important;text-transform:uppercase!important}
.wbf-ep-hero-proof strong{order:2!important;margin-top:10px!important;color:#fff!important;font-family:"Archivo Black",Inter,sans-serif!important;font-size:39px!important;font-weight:400!important;line-height:1!important}
.wbf-ep-hero-proof small{order:3!important;margin-top:7px!important;color:#aeb9ca!important;font-size:10px!important;line-height:1.4!important}

.wbf-ep-slide__inner--visual{display:grid!important;grid-template-columns:minmax(320px,40%) minmax(0,60%)!important;gap:clamp(42px,5vw,76px)!important;align-items:center!important}
.wbf-ep-slide__inner--visual .wbf-ep-slide__copy{width:100%;max-width:540px}
.wbf-ep-slide__inner--visual h2{max-width:540px!important;margin:0 0 20px!important;font-size:clamp(40px,3.7vw,62px)!important;line-height:.97!important}
.wbf-ep-slide__inner--visual p{max-width:500px!important;margin-bottom:0!important;font-size:17px!important}
.wbf-ep-slide__visual{width:100%!important;min-width:0!important;min-height:360px!important;display:flex!important;align-items:center!important;justify-content:center!important}

/* Hero videos are real controls and open the same privacy-friendly modal as the video section. */
.wbf-ep-hero-video{width:min(100%,760px)!important;height:390px!important;margin:0 auto!important;display:grid!important;grid-template-columns:.88fr 1.08fr .88fr!important;gap:16px!important;align-items:center!important}
.wbf-ep-hero-video__item{appearance:none!important;-webkit-appearance:none!important;position:relative!important;width:100%!important;height:100%!important;max-height:370px!important;padding:0!important;border:1px solid #d6dde7!important;border-radius:20px!important;background:#e9edf3!important;overflow:hidden!important;box-shadow:0 18px 44px rgba(31,42,68,.11)!important;opacity:1!important;transform:none!important;cursor:default!important}
button.wbf-ep-hero-video__item{cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
button.wbf-ep-hero-video__item:hover{transform:translateY(-3px)!important;border-color:#bcc6d3!important;box-shadow:0 23px 52px rgba(31,42,68,.16)!important}
button.wbf-ep-hero-video__item:focus-visible{outline:3px solid rgba(31,42,68,.22)!important;outline-offset:3px!important}
.wbf-ep-hero-video__item:nth-child(1),.wbf-ep-hero-video__item:nth-child(3){height:88%!important;opacity:.91!important}
.wbf-ep-hero-video__item img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.wbf-ep-hero-video__play{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.95)!important;color:var(--wbf-ep-navy)!important;font-size:12px!important;padding-left:2px!important;box-shadow:0 8px 24px rgba(15,23,42,.14)!important}
.wbf-ep-hero-video__item:after{display:none!important}.wbf-ep-hero-video__item.is-empty{display:grid!important;place-items:center!important;color:#8a96a8!important;font-size:12px!important;text-align:center!important;padding:18px!important}

.wbf-ep-slide__visual .wbf-ep-result-strip{width:100%!important;margin:0!important;border:0!important;border-top:1px solid #d9dfe8!important;border-bottom:1px solid #d9dfe8!important;border-radius:0!important;background:transparent!important;overflow:visible!important;box-shadow:none!important}
.wbf-ep-slide__visual .wbf-ep-result-strip>div{padding:28px 24px!important}.wbf-ep-slide__visual .wbf-ep-result-strip strong{font-size:clamp(38px,3.6vw,58px)!important}
.wbf-ep-slide__visual--results{display:grid!important;align-content:center!important;gap:18px!important}.wbf-ep-hero-case{border:1px solid #d9dfe8!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important}
.wbf-ep-slide__visual .wbf-ep-mini-dashboard{width:100%!important;max-width:860px!important;margin:0!important;border-radius:18px!important;box-shadow:0 18px 46px rgba(31,42,68,.08)!important}
.wbf-ep-slide__visual--login .wbf-ep-login-preview{width:min(100%,560px)!important;max-width:none!important;margin:0!important;padding:30px!important;border:1px solid #d9dfe8!important;border-radius:16px!important;background:#fff!important;box-shadow:0 16px 42px rgba(31,42,68,.07)!important}

/* Tabs are part of the card, not another floating layer. */
.wbf-ep-carousel-footer{position:relative!important;z-index:10!important;width:100%!important;height:62px!important;min-height:62px!important;padding:0!important;border-top:1px solid #e1e6ed!important;background:#fff!important}
.wbf-ep-carousel-footer-shell{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0 32px!important}
.wbf-ep-carousel-tabs{position:static!important;inset:auto!important;width:100%!important;height:100%!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;padding:0!important;margin:0!important;border:0!important}
.wbf-ep-carousel-tabs button{position:relative!important;min-width:0!important;height:62px!important;padding:0 14px!important;margin:0!important;border:0!important;background:transparent!important;color:#7b8799!important;font:750 12px/1 Inter,sans-serif!important;cursor:pointer!important;text-align:center!important}
.wbf-ep-carousel-tabs button:before{display:none!important}.wbf-ep-carousel-tabs button:after{content:""!important;position:absolute!important;left:18px!important;right:18px!important;bottom:0!important;width:auto!important;height:2px!important;background:var(--wbf-ep-navy)!important;transform:scaleX(0)!important;transform-origin:center!important;transition:transform .2s ease!important}.wbf-ep-carousel-tabs button.is-active{color:var(--wbf-ep-navy)!important}.wbf-ep-carousel-tabs button.is-active:after{transform:scaleX(1)!important}

/* Section colour always belongs to the full main canvas; only content is constrained. */
.wbf-ep-section{width:100%!important;padding:clamp(86px,8vw,126px) 0!important;border-top:1px solid #edf0f4!important;background:#fff!important}
.wbf-ep-section--route{background:var(--wbf-ep-soft)!important;border-top:0!important}
#de-omgeving{background:var(--wbf-ep-soft)!important}
.wbf-ep-opportunities{width:100%;background:var(--wbf-ep-soft)!important}.wbf-ep-opportunities .wbf-ep-section{background:transparent!important}
#faq{background:#f8f9fb!important}
.wbf-ep-final{width:100%!important}
.wbf-ep-title{font-size:clamp(40px,4.5vw,66px)!important;line-height:.97!important;margin-bottom:22px!important;max-width:980px!important}
body.wbf-employer-public-home .wbf-employer-contact-launcher,body.wbf-employer-public-home .wbf-floating-sales-cta,body.wbf-employer-public-home [data-wbf-floating-sales-cta]{display:none!important}

@media(max-width:1100px) and (min-width:901px){
  body.wbf-employer-public-home{--wbf-ep-sidebar-expanded:232px}
  :root{--wbf-ep-gutter:24px}
  .wbf-ep-slide__inner{padding:44px 42px!important}
  .wbf-ep-slide__inner--lead{grid-template-columns:minmax(0,56%) minmax(300px,44%)!important;gap:34px!important}
  .wbf-ep-slide--lead h1{font-size:54px!important}
  .wbf-ep-slide__inner--visual{grid-template-columns:minmax(280px,42%) minmax(0,58%)!important;gap:34px!important}
  .wbf-ep-slide__inner--visual h2{font-size:45px!important}.wbf-ep-hero-video{height:340px!important;gap:12px!important}
  body.wbf-employer-public-home.wbf-ep-sidebar-collapsed.wbf-ep-sidebar-peek .wbf-employer-public-sidebar{padding-left:12px!important;padding-right:12px!important}
}

@media(max-width:900px){
  :root{--wbf-ep-gutter:14px}
  .wbf-ep-shell{width:calc(100% - 28px)}
  .wbf-ep-hero{padding:14px 14px 0!important}
  .wbf-ep-carousel{grid-template-rows:minmax(0,1fr) 60px!important;min-height:720px!important;border-radius:22px!important}
  .wbf-ep-carousel-stage{min-height:660px!important}
  .wbf-ep-slide__inner{padding:34px 28px 26px!important}
  .wbf-ep-slide__inner--lead,.wbf-ep-slide__inner--visual{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;gap:28px!important}
  .wbf-ep-slide--lead h1{font-size:clamp(44px,9vw,62px)!important}.wbf-ep-slide__inner--visual h2{max-width:650px!important;font-size:42px!important}.wbf-ep-slide__inner--visual .wbf-ep-slide__copy{max-width:none!important}.wbf-ep-slide__visual{min-height:270px!important}.wbf-ep-hero-proof{grid-template-columns:repeat(3,minmax(0,1fr))!important}.wbf-ep-hero-proof>div,.wbf-ep-hero-proof>div:first-child:nth-last-child(3){grid-column:auto!important;min-height:105px!important;padding:16px!important}.wbf-ep-hero-proof strong{font-size:28px!important}.wbf-ep-hero-video{width:min(100%,610px)!important;height:310px!important;gap:10px!important}
  .wbf-ep-carousel-footer{height:60px!important;min-height:60px!important;overflow-x:auto!important;scrollbar-width:none}.wbf-ep-carousel-footer::-webkit-scrollbar{display:none}.wbf-ep-carousel-footer-shell{padding:0 22px!important}.wbf-ep-carousel-tabs{display:flex!important;width:max-content!important;min-width:100%!important;gap:28px!important}.wbf-ep-carousel-tabs button{flex:0 0 auto!important;height:60px!important;padding:0!important;text-align:left!important}.wbf-ep-carousel-tabs button:after{left:0!important;right:0!important}
  .wbf-ep-mission__grid,.wbf-ep-route-head,.wbf-ep-results-head,.wbf-ep-environment__grid,.wbf-ep-video__head,.wbf-ep-open-split{grid-template-columns:1fr!important;gap:35px!important}
}

@media(max-width:680px){
  .wbf-ep-carousel{min-height:690px!important}.wbf-ep-carousel-stage{min-height:630px!important}.wbf-ep-slide__inner{padding:28px 22px 22px!important}.wbf-ep-slide--lead h1{font-size:41px!important}.wbf-ep-slide__inner--visual h2{font-size:35px!important}.wbf-ep-slide p{font-size:16px!important}.wbf-ep-actions{display:grid!important;width:100%}.wbf-ep-button{width:100%!important}.wbf-ep-hero-proof{gap:7px!important}.wbf-ep-hero-proof>div{min-height:92px!important;padding:12px!important}.wbf-ep-hero-proof span{font-size:8px!important}.wbf-ep-hero-proof strong{font-size:22px!important}.wbf-ep-hero-proof small{display:none!important}.wbf-ep-hero-video{height:260px!important;display:flex!important;overflow:hidden!important;gap:9px!important}.wbf-ep-hero-video__item,.wbf-ep-hero-video__item:nth-child(1),.wbf-ep-hero-video__item:nth-child(2),.wbf-ep-hero-video__item:nth-child(3){flex:0 0 31%!important;height:100%!important;max-height:none!important;opacity:1!important}
}

@media(prefers-reduced-motion:reduce){
  body.wbf-employer-public-home,.wbf-employer-public-sidebar,.wbf-ep-navlabel,.wbf-ep-start-label,.wbf-ep-public-brand,.wbf-ep-brand-crop,.wbf-ep-slide,.wbf-ep-carousel-tabs button:after,button.wbf-ep-hero-video__item{transition:none!important}
}

/* 2.25.489.79.84 — mobile + section canvas correction.
 * Rule: outer section wrappers are canvas, never cards. Only intentional UI inside may look like a card. */
html:has(body.wbf-employer-public-home),
body.wbf-employer-public-home,
body.wbf-employer-public-home .wbf-ep-home,
body.wbf-employer-public-home .wbf-ep-main{
  background:var(--wbf-ep-soft)!important;
}
body.wbf-employer-public-home .wbf-ep-main{
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
}
body.wbf-employer-public-home .wbf-ep-main > .wbf-ep-section,
body.wbf-employer-public-home .wbf-ep-main > .wbf-ep-hero,
body.wbf-employer-public-home .wbf-ep-main > .wbf-ep-final,
body.wbf-employer-public-home .wbf-ep-main > .wbf-ep-opportunities{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.wbf-employer-public-home .wbf-ep-shell{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
/* The grey around the hero is now just the page canvas and has breathing room below the real hero card. */
body.wbf-employer-public-home .wbf-ep-hero{
  background:var(--wbf-ep-soft)!important;
  padding:28px var(--wbf-ep-gutter) 42px!important;
}
/* Full-width section colours; constrained inner shells never own the colour. */
body.wbf-employer-public-home .wbf-ep-section{background:#fff!important}
body.wbf-employer-public-home .wbf-ep-section--route,
body.wbf-employer-public-home #de-omgeving,
body.wbf-employer-public-home .wbf-ep-opportunities,
body.wbf-employer-public-home .wbf-ep-opportunities .wbf-ep-section{background:var(--wbf-ep-soft)!important}
body.wbf-employer-public-home #faq{background:#f8f9fb!important}
body.wbf-employer-public-home .wbf-ep-final{background:var(--wbf-ep-navy)!important;padding-left:0!important;padding-right:0!important}

/* Elementor/theme button colours must never leak into this standalone product surface. */
.wbf-ep-home button{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-transform:none!important;letter-spacing:normal!important}
.wbf-ep-video-card button{
  appearance:none!important;-webkit-appearance:none!important;
  border:0!important;box-shadow:none!important;
  background:linear-gradient(180deg,rgba(18,26,43,0) 48%,rgba(18,26,43,.78) 100%)!important;
  color:#fff!important;
}
.wbf-ep-video-card button:hover,.wbf-ep-video-card button:focus{background:linear-gradient(180deg,rgba(18,26,43,0) 42%,rgba(18,26,43,.84) 100%)!important;color:#fff!important}
.wbf-ep-carousel-tabs button,.wbf-ep-route-step{background:transparent!important;box-shadow:none!important;border:0!important}

/* Results: concise, data-first rows. */
.wbf-ep-results-cases{margin-top:30px!important}
.wbf-ep-case{grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;padding:16px 0!important}
.wbf-ep-case__company{min-width:0!important}
.wbf-ep-case__company>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wbf-ep-case__result{display:flex!important;align-items:baseline!important;gap:8px!important;text-align:right!important;white-space:nowrap!important}
.wbf-ep-case__result span{display:inline!important}

/* Public mobile-only controls. */
.wbf-ep-sidebar-close,.wbf-ep-mobile-sticky{display:none}

@media(max-width:900px){
  :root{--wbf-ep-gutter:12px}
  html:has(body.wbf-employer-public-home),body.wbf-employer-public-home{background:var(--wbf-ep-soft)!important}
  body.wbf-employer-public-home .wbf-ep-main{padding-bottom:82px!important}

  /* The mobile top bar disappears while the drawer itself becomes the top layer. */
  body.wbf-employer-public-home .wbf-portal-mobilebar{transition:opacity .16s ease,transform .2s ease,visibility .16s ease!important}
  body.wbf-employer-public-home.wbf-portal-menu-open .wbf-portal-mobilebar{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-110%)!important}
  body.wbf-employer-public-home .wbf-employer-public-sidebar{z-index:1000004!important;top:0!important;padding-top:22px!important}
  body.wbf-employer-public-home .wbf-portal-scrim{z-index:1000003!important}
  .wbf-ep-sidebar-close{position:absolute!important;right:14px!important;top:14px!important;z-index:2!important;width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid #dbe1e9!important;border-radius:50%!important;background:#fff!important;color:var(--wbf-ep-navy)!important;font-size:27px!important;line-height:1!important;cursor:pointer!important}
  body.wbf-employer-public-home .wbf-employer-public-sidebar .wbf-portal-brand{padding-right:42px!important}

  .wbf-ep-mobile-sticky{position:fixed!important;z-index:999998!important;left:14px!important;right:14px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;height:54px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;border-radius:13px!important;background:var(--wbf-ep-navy)!important;color:#fff!important;text-decoration:none!important;font:850 15px/1 Inter,sans-serif!important;box-shadow:0 14px 38px rgba(31,42,68,.25)!important;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)!important}
  .wbf-ep-mobile-sticky>span{font-size:22px;font-weight:400;line-height:1}
  body.wbf-employer-public-home.wbf-portal-menu-open .wbf-ep-mobile-sticky,
  body.wbf-employer-public-home.wbf-ep-video-open .wbf-ep-mobile-sticky{opacity:0!important;transform:translateY(130%)!important;pointer-events:none!important}

  /* Hero: same dashboard card, but the outer grey is invisible because it is the same canvas. Height follows active slide. */
  body.wbf-employer-public-home .wbf-ep-hero{padding:12px 12px 26px!important}
  .wbf-ep-carousel{width:100%!important;max-width:none!important;min-height:0!important;grid-template-rows:var(--wbf-ep-mobile-stage,640px) 58px!important;border-radius:22px!important}
  .wbf-ep-carousel-stage{height:var(--wbf-ep-mobile-stage,640px)!important;min-height:var(--wbf-ep-mobile-stage,640px)!important;transition:height .24s ease,min-height .24s ease!important}
  .wbf-ep-slide{height:100%!important;overflow:hidden!important}
  .wbf-ep-slide__inner{height:auto!important;min-height:0!important;padding:30px 26px 28px!important}
  .wbf-ep-slide__inner--lead,.wbf-ep-slide__inner--visual{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:24px!important}
  .wbf-ep-slide__inner--visual .wbf-ep-slide__copy{max-width:none!important}
  .wbf-ep-slide__visual{min-height:0!important;flex:1 1 auto!important}
  .wbf-ep-slide--lead h1{font-size:clamp(40px,10.6vw,54px)!important;line-height:.95!important}
  .wbf-ep-slide__inner--visual h2{font-size:clamp(34px,8.8vw,44px)!important;line-height:.98!important}
  .wbf-ep-slide p{font-size:16px!important;line-height:1.55!important}
  .wbf-ep-hero-proof{margin-top:auto!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .wbf-ep-hero-proof>div,.wbf-ep-hero-proof>div:first-child:nth-last-child(3){grid-column:auto!important;min-height:88px!important;padding:12px 10px!important;border-radius:14px!important}
  .wbf-ep-hero-proof strong{font-size:23px!important}.wbf-ep-hero-proof span{font-size:7px!important}.wbf-ep-hero-proof small{display:none!important}
  .wbf-ep-hero-video{width:100%!important;height:280px!important;display:flex!important;gap:9px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding:0 1px 4px!important}
  .wbf-ep-hero-video::-webkit-scrollbar{display:none}
  .wbf-ep-hero-video__item,.wbf-ep-hero-video__item:nth-child(1),.wbf-ep-hero-video__item:nth-child(2),.wbf-ep-hero-video__item:nth-child(3){flex:0 0 42%!important;height:100%!important;max-height:none!important;opacity:1!important;scroll-snap-align:center!important;border-radius:16px!important}
  .wbf-ep-slide__visual .wbf-ep-result-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;margin-top:4px!important}
  .wbf-ep-slide__visual .wbf-ep-result-strip>div,.wbf-ep-slide__visual .wbf-ep-result-strip>div+div{padding:16px 8px!important;border-right:1px solid #dfe4eb!important;border-bottom:0!important;text-align:center!important}
  .wbf-ep-slide__visual .wbf-ep-result-strip>div:last-child{border-right:0!important}
  .wbf-ep-slide__visual .wbf-ep-result-strip strong{font-size:30px!important}
  .wbf-ep-slide__visual .wbf-ep-result-strip span{font-size:9px!important;line-height:1.25!important}
  .wbf-ep-hero-case{padding:14px!important;grid-template-columns:1fr auto!important;gap:8px!important}
  .wbf-ep-hero-case>span{grid-column:1/-1!important;font-size:9px!important}
  .wbf-ep-mini-dashboard{margin:auto 0 0!important}
  .wbf-ep-slide__visual--login .wbf-ep-login-preview{margin:auto 0 0!important;padding:22px!important}
  .wbf-ep-carousel-footer,.wbf-ep-carousel-tabs button{height:58px!important;min-height:58px!important}

  /* Mobile route: rail on the left, changing product block beside it and sticky while steps advance. */
  .wbf-ep-route{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;column-gap:10px!important;align-items:start!important;padding:0!important;position:relative!important}
  .wbf-ep-route-track{position:absolute!important;left:19px!important;top:8px!important;bottom:8px!important;width:22px!important;height:auto!important;margin:0!important;z-index:3!important}
  .wbf-ep-route-line{left:10px!important;right:auto!important;top:10px!important;bottom:10px!important;width:1px!important;height:auto!important}
  .wbf-ep-route-progress{left:9px!important;top:10px!important;width:3px!important;height:var(--wbf-route-mobile-height,0px)!important}
  .wbf-ep-route-marker{left:10px!important;top:var(--wbf-route-mobile-marker,10px)!important}
  .wbf-ep-route-steps{grid-column:1!important;grid-row:1!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;margin:0!important;padding:0!important;align-self:start!important}
  .wbf-ep-route-step{position:relative!important;min-height:76px!important;padding:0 2px 0 38px!important;text-align:left!important;opacity:.52!important;display:flex!important;align-items:center!important}
  .wbf-ep-route-step.is-active,.wbf-ep-route-step.is-passed{opacity:1!important}
  .wbf-ep-route-step__dot{position:absolute!important;left:22px!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;width:12px!important;height:12px!important}
  .wbf-ep-route-step strong{display:block!important;font-size:10px!important;line-height:1.12!important;color:var(--wbf-ep-navy)!important;overflow-wrap:anywhere!important}
  .wbf-ep-route-step span{display:none!important}
  .wbf-ep-route-stage{grid-column:2!important;grid-row:1!important;position:sticky!important;top:72px!important;align-self:start!important;display:grid!important;grid-template-columns:1fr!important;gap:16px!important;min-width:0!important;min-height:520px!important;margin:0!important;padding:18px 14px!important;border-radius:20px!important;box-shadow:0 14px 38px rgba(31,42,68,.06)!important}
  .wbf-ep-route-stage__copy{min-height:150px!important}
  .wbf-ep-route-copy{justify-content:flex-start!important;padding-top:2px!important}
  .wbf-ep-route-copy>span{font-size:9px!important;margin-bottom:8px!important}
  .wbf-ep-route-copy h3{font-size:clamp(24px,7vw,32px)!important;margin-bottom:10px!important}
  .wbf-ep-route-copy p{font-size:13px!important;line-height:1.5!important}
  .wbf-ep-route-stage__visual{min-height:310px!important}
  .wbf-ep-vacancy-preview,.wbf-ep-reach-preview,.wbf-ep-application-preview,.wbf-ep-notification-preview,.wbf-ep-meeting-preview{padding:18px!important;border-radius:16px!important}
  .wbf-ep-vacancy-preview h4{font-size:28px!important}
  .wbf-ep-route-panel .wbf-ep-qualifier__head{padding:13px 14px!important}
  .wbf-ep-route-panel .wbf-ep-qualifier__body{padding:14px!important;grid-template-columns:1fr!important;gap:10px!important}
  .wbf-ep-route-panel .wbf-ep-question{padding:10px 0!important}.wbf-ep-route-panel .wbf-ep-question span{font-size:11px!important}
  .wbf-ep-route-panel .wbf-ep-qualifier__complete{border-left:0!important;border-top:1px solid #e3e7ed!important;padding:12px 0 0!important}

  /* Results section: one compact line per employer instead of a tall testimonial-like block. */
  #resultaten .wbf-ep-results-head{margin-bottom:24px!important;gap:18px!important}
  #resultaten .wbf-ep-result-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-top:22px!important}
  #resultaten .wbf-ep-result-strip>div,#resultaten .wbf-ep-result-strip>div+div{padding:15px 7px!important;border-right:1px solid var(--wbf-ep-line)!important;border-bottom:0!important;text-align:center!important}
  #resultaten .wbf-ep-result-strip>div:last-child{border-right:0!important}
  #resultaten .wbf-ep-result-strip strong{font-size:30px!important}
  #resultaten .wbf-ep-result-strip span{font-size:9px!important;line-height:1.25!important}
  #resultaten .wbf-ep-results-cases{margin-top:22px!important}
  #resultaten .wbf-ep-case{grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;padding:13px 0!important}
  #resultaten .wbf-ep-case__company{display:contents!important}
  #resultaten .wbf-ep-case__logo{width:42px!important;height:42px!important;border-radius:9px!important}
  #resultaten .wbf-ep-case__company>span:last-child{align-self:center!important;font-size:14px!important;font-weight:800!important}
  #resultaten .wbf-ep-case__result{align-self:center!important;display:grid!important;justify-items:end!important;gap:1px!important}
  #resultaten .wbf-ep-case__result strong{font-size:24px!important;line-height:1!important}
  #resultaten .wbf-ep-case__result span{font-size:8px!important}
  #resultaten .wbf-ep-proof-note{font-size:10px!important;line-height:1.5!important}

  /* Video section remains swipeable but exposes enough of the next item to signal the gesture. */
  .wbf-ep-videos{gap:10px!important;padding:0 2px 8px!important;margin:0!important;scroll-padding:2px!important}
  .wbf-ep-videos .wbf-ep-video-card{flex:0 0 min(70vw,250px)!important;border-radius:16px!important}
  .wbf-ep-video-card button{padding:16px!important}
  .wbf-ep-video-card button strong{font-size:12px!important}
  .wbf-ep-video-privacy{font-size:10px!important;line-height:1.45!important}
}

@media(max-width:520px){
  body.wbf-employer-public-home .wbf-ep-hero{padding-left:10px!important;padding-right:10px!important}
  .wbf-ep-slide__inner{padding:26px 20px 24px!important}
  .wbf-ep-slide--lead h1{font-size:39px!important}
  .wbf-ep-slide__inner--visual h2{font-size:33px!important}
  .wbf-ep-route{grid-template-columns:82px minmax(0,1fr)!important;column-gap:7px!important}
  .wbf-ep-route-step{padding-left:34px!important}.wbf-ep-route-step__dot{left:20px!important}.wbf-ep-route-track{left:17px!important}
  .wbf-ep-route-stage{padding:16px 12px!important;min-height:500px!important}
}

/* 2.25.489.79.85 — true full-bleed section backgrounds.
 * Background/colour belongs to the section itself. Inner wrappers only constrain readable content. */
body.wbf-employer-public-home .wbf-ep-main{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Hero: the carousel IS the full-width product surface. No grey frame around it. */
body.wbf-employer-public-home .wbf-ep-hero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body.wbf-employer-public-home .wbf-ep-carousel{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.wbf-employer-public-home .wbf-ep-carousel-stage,
body.wbf-employer-public-home .wbf-ep-slide,
body.wbf-employer-public-home .wbf-ep-carousel-footer{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Every coloured public section owns the entire main width. Content remains in .wbf-ep-shell. */
body.wbf-employer-public-home .wbf-ep-main > .wbf-ep-section,
body.wbf-employer-public-home .wbf-ep-main > .wbf-ep-final,
body.wbf-employer-public-home .wbf-ep-main > .wbf-ep-opportunities,
body.wbf-employer-public-home .wbf-ep-opportunities > .wbf-ep-section{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.wbf-employer-public-home .wbf-ep-shell{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:900px){
  body.wbf-employer-public-home .wbf-ep-hero{
    padding:0!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel-stage,
  body.wbf-employer-public-home .wbf-ep-carousel-footer{
    border-radius:0!important;
  }
}
@media(max-width:520px){
  body.wbf-employer-public-home .wbf-ep-hero{
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* 2.25.489.79.86 — SECTION / INNER architecture.
 * The outer section always owns the background across the complete public main canvas.
 * The inner .wbf-ep-shell only constrains readable content. No page-wide content wrapper exists. */
html:has(body.wbf-employer-public-home){
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:var(--wbf-ep-soft)!important;
}
body.wbf-employer-public-home{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:var(--wbf-ep-soft)!important;
}
body.wbf-employer-public-home .wbf-ep-home{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:var(--wbf-ep-soft)!important;
}
body.wbf-employer-public-home .wbf-ep-main{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:visible!important;
  background:var(--wbf-ep-soft)!important;
}
body.wbf-employer-public-home .wbf-ep-main > :is(.wbf-ep-hero,.wbf-ep-section,.wbf-ep-final){
  display:block!important;
  align-self:stretch!important;
  flex:0 0 auto!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* SECTION decides colour. INNER decides content width. */
body.wbf-employer-public-home .wbf-ep-section--white{background:#fff!important}
body.wbf-employer-public-home .wbf-ep-section--soft{background:var(--wbf-ep-soft)!important}
body.wbf-employer-public-home .wbf-ep-section--navy,
body.wbf-employer-public-home .wbf-ep-final{background:var(--wbf-ep-navy)!important}
body.wbf-employer-public-home .wbf-ep-shell{
  display:block;
  width:min(var(--wbf-ep-content-max),calc(100% - (var(--wbf-ep-gutter) * 2)))!important;
  max-width:var(--wbf-ep-content-max)!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

/* Hero is also a top-level section. Its surface may change per slide, but it can never be
 * constrained by a centred page container. */
body.wbf-employer-public-home .wbf-ep-hero{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body.wbf-employer-public-home .wbf-ep-carousel,
body.wbf-employer-public-home .wbf-ep-carousel-stage,
body.wbf-employer-public-home .wbf-ep-carousel-footer{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Nested opportunity wrapper retired in .86: the section itself owns the soft band. */
body.wbf-employer-public-home .wbf-ep-opportunities{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background:var(--wbf-ep-soft)!important;
}

@media(max-width:900px){
  body.wbf-employer-public-home,
  body.wbf-employer-public-home .wbf-ep-home,
  body.wbf-employer-public-home .wbf-ep-main,
  body.wbf-employer-public-home .wbf-ep-main > :is(.wbf-ep-hero,.wbf-ep-section,.wbf-ep-final){
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  body.wbf-employer-public-home .wbf-ep-shell{
    width:calc(100% - 28px)!important;
    max-width:none!important;
  }
}

/* 2.25.489.79.88 — desktop hero card, mobile stays full-bleed.
 * All regular page sections keep their full-width section backgrounds.
 * Only the desktop hero is intentionally presented as a dashboard-style card
 * on the full-width soft canvas. */
@media (min-width:901px){
  body.wbf-employer-public-home .wbf-ep-hero{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:32px var(--wbf-ep-gutter) 42px!important;
    background:var(--wbf-ep-soft)!important;
    box-sizing:border-box!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel{
    width:min(var(--wbf-ep-content-max),100%)!important;
    max-width:var(--wbf-ep-content-max)!important;
    min-width:0!important;
    margin:0 auto!important;
    border:1px solid #dbe1e9!important;
    border-radius:30px!important;
    box-shadow:0 24px 64px rgba(31,42,68,.10)!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel-stage{
    border-radius:29px 29px 0 0!important;
    overflow:hidden!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel-footer{
    border-radius:0 0 29px 29px!important;
    overflow:hidden!important;
  }
}

/* Mobile deliberately keeps the strong full-bleed treatment from .87. */
@media (max-width:900px){
  body.wbf-employer-public-home .wbf-ep-hero{
    padding:0!important;
    background:transparent!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel-stage,
  body.wbf-employer-public-home .wbf-ep-carousel-footer{
    border-radius:0!important;
  }
}


/* 2.25.489.79.89 — opening slide hierarchy + stable mobile hero.
 * Slide 1 is the statement. Slide 2 carries the visual/video proof; slide 3 carries results. */
@media (min-width:901px){
  body.wbf-employer-public-home .wbf-ep-carousel{
    grid-template-rows:600px 62px!important;
    min-height:662px!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel-stage{min-height:600px!important;height:600px!important}
  body.wbf-employer-public-home .wbf-ep-slide__inner--lead{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:0!important;
    padding:64px 72px 62px!important;
  }
  body.wbf-employer-public-home .wbf-ep-slide--lead .wbf-ep-slide__copy{
    width:100%!important;
    max-width:1180px!important;
  }
  body.wbf-employer-public-home .wbf-ep-slide--lead h1{
    max-width:1160px!important;
    font-size:clamp(62px,5.5vw,92px)!important;
    line-height:.92!important;
    margin-bottom:24px!important;
  }
  body.wbf-employer-public-home .wbf-ep-slide--lead p{
    max-width:860px!important;
    font-size:18px!important;
  }
  body.wbf-employer-public-home .wbf-ep-slide--lead .wbf-ep-actions{
    margin-top:32px!important;
    margin-bottom:0!important;
  }
  body.wbf-employer-public-home .wbf-ep-slide--lead .wbf-ep-button{
    min-width:0!important;
    width:auto!important;
  }
  body.wbf-employer-public-home .wbf-ep-hero-proof{display:none!important}
}

@media (max-width:900px){
  /* The sticky bottom action is the one conversion CTA on mobile. */
  body.wbf-employer-public-home .wbf-ep-main [data-wbf-employer-start]{display:none!important}
  /* Keep useful secondary actions visible, but never duplicate 'Vacature plaatsen'. */
  body.wbf-employer-public-home .wbf-ep-slide--lead .wbf-ep-actions{margin-top:26px!important}
  body.wbf-employer-public-home .wbf-ep-slide--lead .wbf-ep-actions:empty{display:none!important}
  /* Every slide shares one measured height. JS sets this to the tallest slide. */
  body.wbf-employer-public-home .wbf-ep-carousel{
    grid-template-rows:var(--wbf-ep-mobile-stage,700px) 60px!important;
    min-height:calc(var(--wbf-ep-mobile-stage,700px) + 60px)!important;
    height:auto!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel-stage{
    height:var(--wbf-ep-mobile-stage,700px)!important;
    min-height:var(--wbf-ep-mobile-stage,700px)!important;
    transition:none!important;
  }
  body.wbf-employer-public-home .wbf-ep-slide{
    height:var(--wbf-ep-mobile-stage,700px)!important;
    min-height:var(--wbf-ep-mobile-stage,700px)!important;
  }
  body.wbf-employer-public-home .wbf-ep-slide__inner{
    height:100%!important;
    min-height:0!important;
  }
  body.wbf-employer-public-home .wbf-ep-hero-proof{display:none!important}
}

/* 2.25.489.79.90 — hero polish, real dashboard slot, real login, compact mobile route. */
.wbf-ep-dashboard-shot{width:100%;min-height:300px;border:1px solid #d9dfe8;border-radius:18px;background:#f7f9fc;overflow:hidden;display:grid;place-items:center;box-shadow:0 16px 42px rgba(31,42,68,.07)}
.wbf-ep-dashboard-shot img{display:block;width:100%;height:100%;max-height:420px;object-fit:cover;object-position:top left}
.wbf-ep-dashboard-shot__placeholder{display:grid;gap:8px;place-items:center;text-align:center;padding:32px;color:#7b8799}
.wbf-ep-dashboard-shot__placeholder strong{color:var(--wbf-ep-navy);font-size:18px}
.wbf-ep-dashboard-shot--section{min-height:440px}

.wbf-ep-login-preview{display:grid!important;gap:14px!important}
.wbf-ep-login-preview label{display:grid;gap:6px;color:var(--wbf-ep-navy);font:750 12px/1.35 Inter,sans-serif}
.wbf-ep-login-preview input{width:100%;height:48px;border:1px solid #cfd7e2;border-radius:10px;background:#fff;padding:0 13px;color:var(--wbf-ep-navy);font:500 14px/1 Inter,sans-serif;outline:0}
.wbf-ep-login-preview input:focus{border-color:var(--wbf-ep-navy);box-shadow:0 0 0 3px rgba(31,42,68,.09)}
.wbf-ep-login-preview .wbf-ep-button{justify-self:start;width:auto!important}
.wbf-ep-login-help,.wbf-ep-login-new a{color:var(--wbf-ep-navy);font-weight:750;text-underline-offset:3px}
.wbf-ep-login-new{margin:3px 0 0!important;font-size:12px!important;color:#7a8798!important}

@media(max-width:900px){
  /* Stable, compact hero: all slides use the same fixed stage height. */
  body.wbf-employer-public-home .wbf-ep-carousel{grid-template-rows:var(--wbf-ep-mobile-stage,620px) 58px!important;min-height:calc(var(--wbf-ep-mobile-stage,620px) + 58px)!important}
  body.wbf-employer-public-home .wbf-ep-carousel-stage,
  body.wbf-employer-public-home .wbf-ep-slide{height:var(--wbf-ep-mobile-stage,620px)!important;min-height:var(--wbf-ep-mobile-stage,620px)!important}
  body.wbf-employer-public-home .wbf-ep-slide__inner{height:100%!important;min-height:0!important;padding:26px 22px 20px!important;overflow:hidden!important}

  /* On mobile visual proof comes first; copy follows underneath. */
  body.wbf-employer-public-home .wbf-ep-slide__inner--visual{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:18px!important}
  body.wbf-employer-public-home .wbf-ep-slide__inner--visual>.wbf-ep-slide__visual{order:1!important;flex:0 0 auto!important;min-height:0!important}
  body.wbf-employer-public-home .wbf-ep-slide__inner--visual>.wbf-ep-slide__copy{order:2!important;flex:0 0 auto!important}
  body.wbf-employer-public-home .wbf-ep-slide__inner--visual h2{font-size:clamp(28px,7.8vw,36px)!important;line-height:1!important;margin:0 0 10px!important}
  body.wbf-employer-public-home .wbf-ep-slide__inner--visual p{font-size:14px!important;line-height:1.45!important;margin:0!important}
  body.wbf-employer-public-home .wbf-ep-slide__eyebrow{margin-bottom:9px!important}
  body.wbf-employer-public-home .wbf-ep-hero-video{height:220px!important}
  body.wbf-employer-public-home .wbf-ep-dashboard-shot{min-height:220px!important;height:220px!important;border-radius:14px!important}
  body.wbf-employer-public-home .wbf-ep-dashboard-shot img{max-height:none!important;object-fit:cover!important}
  body.wbf-employer-public-home .wbf-ep-slide__visual--login .wbf-ep-login-preview{margin:0!important;padding:18px!important;gap:10px!important}
  body.wbf-employer-public-home .wbf-ep-login-preview input{height:43px!important}
  body.wbf-employer-public-home .wbf-ep-login-preview .wbf-ep-button{height:44px!important;min-height:44px!important}

  /* Mobile conversion is the sticky button. Inside-slide start buttons stay hidden. */
  body.wbf-employer-public-home .wbf-ep-slide [data-wbf-employer-start]{display:none!important}
  body.wbf-employer-public-home .wbf-ep-slide--lead .wbf-ep-button.is-ghost{display:inline-flex!important;border-color:#fff!important;color:#fff!important;background:transparent!important}

  /* Mobile route: only the changing product visual sits beside the vertical rail. */
  body.wbf-employer-public-home .wbf-ep-route{grid-template-columns:104px minmax(0,1fr)!important;column-gap:8px!important}
  body.wbf-employer-public-home .wbf-ep-route-stage{min-height:390px!important;padding:12px!important;top:76px!important;border-radius:18px!important}
  body.wbf-employer-public-home .wbf-ep-route-stage__copy{display:none!important}
  body.wbf-employer-public-home .wbf-ep-route-stage__visual{min-height:360px!important;width:100%!important;min-width:0!important}
  body.wbf-employer-public-home .wbf-ep-route-panel{width:100%!important;min-width:0!important}
  body.wbf-employer-public-home .wbf-ep-route-step{min-height:72px!important;padding-left:40px!important}
  body.wbf-employer-public-home .wbf-ep-route-step strong{font-size:11px!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
  body.wbf-employer-public-home .wbf-ep-route-panel h3,
  body.wbf-employer-public-home .wbf-ep-route-panel h4,
  body.wbf-employer-public-home .wbf-ep-route-panel strong,
  body.wbf-employer-public-home .wbf-ep-route-panel b{overflow-wrap:break-word!important;word-break:normal!important;hyphens:none!important;max-width:100%!important}
  body.wbf-employer-public-home .wbf-ep-vacancy-preview h4{font-size:24px!important}
  body.wbf-employer-public-home .wbf-ep-qualifier__head strong{font-size:18px!important}
  body.wbf-employer-public-home .wbf-ep-application-preview h4{font-size:26px!important}

  /* Long title word must never widen the viewport. */
  body.wbf-employer-public-home #video-media .wbf-ep-title{font-size:clamp(30px,8.5vw,39px)!important;overflow-wrap:anywhere!important}
}

@media(max-width:680px){
  body.wbf-employer-public-home .wbf-ep-carousel-stage,
  body.wbf-employer-public-home .wbf-ep-slide{height:var(--wbf-ep-mobile-stage,600px)!important;min-height:var(--wbf-ep-mobile-stage,600px)!important}
  body.wbf-employer-public-home .wbf-ep-carousel{grid-template-rows:var(--wbf-ep-mobile-stage,600px) 58px!important;min-height:calc(var(--wbf-ep-mobile-stage,600px) + 58px)!important}
  body.wbf-employer-public-home .wbf-ep-slide--lead h1{font-size:clamp(38px,10.5vw,48px)!important}
  body.wbf-employer-public-home .wbf-ep-slide--lead p{font-size:15px!important;line-height:1.48!important}
}
@media(max-width:900px){
  body.wbf-employer-public-home.wbf-entry-lock .wbf-ep-mobile-sticky{opacity:0!important;transform:translateY(130%)!important;pointer-events:none!important}
}

/* 2.25.489.79.91 — mobile overflow guard, proud results proof, footer, navy contrast. */
body.wbf-employer-public-home .wbf-ep-final h2{
  color:#fff!important;
}
body.wbf-employer-public-home .wbf-ep-final p{
  color:#d7deea!important;
}

.wbf-ep-result-story{
  width:min(100%,660px);
  margin-inline:auto;
  padding:30px 32px;
  border:1px solid #d9dfe8;
  border-radius:22px;
  background:#fff;
  box-shadow:0 18px 46px rgba(31,42,68,.08);
}
.wbf-ep-result-story__label{
  display:block;
  margin-bottom:12px;
  color:#7b8798;
  font:850 10px/1 Inter,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.wbf-ep-result-story>strong{
  display:block;
  color:var(--wbf-ep-navy);
  font-family:"Archivo Black",Inter,sans-serif;
  font-size:clamp(30px,3.1vw,48px);
  font-weight:400;
  line-height:1.02;
  letter-spacing:-.045em;
}
.wbf-ep-result-story__live{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:18px;
  color:#657286;
  font-size:13px;
  font-weight:700;
}
.wbf-ep-result-story__live i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#22a06b;
  box-shadow:0 0 0 4px rgba(34,160,107,.11);
}
.wbf-ep-result-story__logos{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:24px;
}
.wbf-ep-result-story__logos>span{
  width:58px;
  height:42px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #e1e6ed;
  border-radius:10px;
  background:#fff;
}
.wbf-ep-result-story__logos img{
  display:block;
  max-width:84%;
  max-height:70%;
  object-fit:contain;
}
.wbf-ep-result-story__logos b{
  color:var(--wbf-ep-navy);
  font-family:"Archivo Black",Inter,sans-serif;
  font-size:16px;
}
.wbf-ep-result-story__cta{
  margin-top:24px;
}

.wbf-ep-footer{
  width:100%;
  padding:46px 0 54px;
  border-top:1px solid var(--wbf-ep-line);
  background:#fff;
}
.wbf-ep-footer__inner{
  display:grid;
  grid-template-columns:minmax(220px,1fr) auto;
  gap:30px 56px;
  align-items:start;
}
.wbf-ep-footer__brand img{
  display:block;
  width:150px;
  height:auto;
}
.wbf-ep-footer__brand p{
  margin:12px 0 0;
  color:#7b8798;
  font-size:13px;
}
.wbf-ep-footer__nav,.wbf-ep-footer__legal{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:14px 24px;
}
.wbf-ep-footer__nav a,.wbf-ep-footer__legal a{
  color:var(--wbf-ep-navy);
  text-decoration:none;
  font-size:13px;
  font-weight:750;
}
.wbf-ep-footer__legal{
  grid-column:1/-1;
  padding-top:18px;
  border-top:1px solid var(--wbf-ep-line);
}

@media(max-width:900px){
  /* Switching to late carousel tabs must never move the page itself sideways. */
  body.wbf-employer-public-home .wbf-ep-carousel,
  body.wbf-employer-public-home .wbf-ep-carousel-stage,
  body.wbf-employer-public-home .wbf-ep-slide,
  body.wbf-employer-public-home .wbf-ep-slide-shell,
  body.wbf-employer-public-home .wbf-ep-slide__inner,
  body.wbf-employer-public-home .wbf-ep-slide__visual,
  body.wbf-employer-public-home .wbf-ep-dashboard-shot,
  body.wbf-employer-public-home .wbf-ep-login-preview{
    min-width:0!important;
    max-width:100%!important;
  }
  body.wbf-employer-public-home .wbf-ep-slide-shell,
  body.wbf-employer-public-home .wbf-ep-slide__inner{
    width:100%!important;
  }
  body.wbf-employer-public-home .wbf-ep-dashboard-shot,
  body.wbf-employer-public-home .wbf-ep-login-preview,
  body.wbf-employer-public-home .wbf-ep-login-preview label,
  body.wbf-employer-public-home .wbf-ep-login-preview input{
    min-width:0!important;
    width:100%!important;
  }
  body.wbf-employer-public-home .wbf-ep-carousel-footer{
    overscroll-behavior-x:contain!important;
  }

  .wbf-ep-result-story{
    padding:20px;
    border-radius:17px;
  }
  .wbf-ep-result-story>strong{
    font-size:clamp(27px,7.6vw,35px);
  }
  .wbf-ep-result-story__live{
    margin-top:14px;
    font-size:12px;
  }
  .wbf-ep-result-story__logos{
    margin-top:18px;
    gap:7px;
  }
  .wbf-ep-result-story__logos>span{
    width:48px;
    height:36px;
  }

  .wbf-ep-footer{
    padding:38px 0 120px;
  }
  .wbf-ep-footer__inner{
    grid-template-columns:1fr;
    gap:26px;
  }
  .wbf-ep-footer__nav,.wbf-ep-footer__legal{
    justify-content:flex-start;
  }
  .wbf-ep-footer__legal{
    grid-column:auto;
  }
}


/* 2.25.489.79.92 — mobile route overflow fix + heading hierarchy. */
@media(max-width:900px){
  /* The old route transition translated every hidden absolute panel 14px to the right.
     Even invisible transformed panels can enlarge the mobile scrollable overflow area. */
  body.wbf-employer-public-home #hoe-het-werkt,
  body.wbf-employer-public-home #hoe-het-werkt .wbf-ep-shell,
  body.wbf-employer-public-home .wbf-ep-route,
  body.wbf-employer-public-home .wbf-ep-route-stage,
  body.wbf-employer-public-home .wbf-ep-route-stage__visual{
    max-width:100%!important;
    min-width:0!important;
    overflow-x:clip!important;
  }
  body.wbf-employer-public-home .wbf-ep-route{
    width:100%!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  body.wbf-employer-public-home .wbf-ep-route-stage{
    width:100%!important;
    height:520px!important;
    min-height:520px!important;
    max-height:520px!important;
    overflow:hidden!important;
    padding:12px!important;
  }
  body.wbf-employer-public-home .wbf-ep-route-stage__visual{
    width:100%!important;
    height:494px!important;
    min-height:494px!important;
    max-height:494px!important;
    overflow:hidden!important;
  }
  body.wbf-employer-public-home .wbf-ep-route-panel,
  body.wbf-employer-public-home .wbf-ep-route-panel.is-active{
    inset:0!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    transform:none!important;
  }
  body.wbf-employer-public-home .wbf-ep-route-panel>*{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  body.wbf-employer-public-home .wbf-ep-route-step{
    min-width:0!important;
    padding-left:32px!important;
  }
  body.wbf-employer-public-home .wbf-ep-route-step strong{
    font-size:10px!important;
    line-height:1.15!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
  }

  /* Keep the mission statement important, but visibly below the carousel hierarchy. */
  body.wbf-employer-public-home .wbf-ep-mission__statement{
    font-size:clamp(36px,9.2vw,43px)!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
    text-transform:none!important;
  }
  body.wbf-employer-public-home .wbf-ep-mission__statement em{
    display:inline!important;
  }

  /* Final safety net: this standalone page should never expose horizontal document overflow. */
  html:has(body.wbf-employer-public-home),
  body.wbf-employer-public-home,
  body.wbf-employer-public-home .wbf-ep-home,
  body.wbf-employer-public-home .wbf-ep-main{
    overflow-x:clip!important;
  }
}

/* 2.25.489.79.93 — final CTA contrast + stable dashboard media spacing. */
body.wbf-employer-public-home .wbf-ep-final a.wbf-ep-button,
body.wbf-employer-public-home .wbf-ep-final a.wbf-ep-button:link,
body.wbf-employer-public-home .wbf-ep-final a.wbf-ep-button:visited{
  background:#fff!important;
  color:#1f2a44!important;
  border-color:#fff!important;
  opacity:1!important;
}
body.wbf-employer-public-home .wbf-ep-final a.wbf-ep-button span{color:inherit!important}
body.wbf-employer-public-home .wbf-ep-final a.wbf-ep-button:hover{background:#f3f6fa!important;color:#1f2a44!important}
body.wbf-employer-public-home .wbf-ep-environment__grid{
  column-gap:clamp(48px,6vw,88px)!important;
  row-gap:clamp(42px,6vw,72px)!important;
}
body.wbf-employer-public-home .wbf-ep-dashboard-shot--section{
  margin:0!important;
  align-self:stretch;
}
@media(max-width:900px){
  body.wbf-employer-public-home .wbf-ep-environment__grid{row-gap:48px!important}
  body.wbf-employer-public-home .wbf-ep-dashboard-shot--section{margin-top:4px!important}
}

/* 2.25.489.79.93 — dashboard screenshot keeps one stable composition on desktop + mobile. */
body.wbf-employer-public-home .wbf-ep-dashboard-shot{
  min-height:0!important;
  height:auto!important;
  aspect-ratio:16/9;
  background:#f7f9fc!important;
}
body.wbf-employer-public-home .wbf-ep-dashboard-shot img{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  background:#fff;
}
body.wbf-employer-public-home .wbf-ep-dashboard-shot__placeholder{width:100%;height:100%;min-height:260px}
@media(max-width:900px){
  body.wbf-employer-public-home .wbf-ep-dashboard-shot{aspect-ratio:16/10!important}
  body.wbf-employer-public-home .wbf-ep-dashboard-shot__placeholder{min-height:210px!important;padding:28px 22px!important}
}

/* 2.25.489.79.159 — mobiel: vensterveilige video en leesbare kandidaatroute. */
body.wbf-employer-public-home .wbf-ep-video-modal{
  position:fixed!important;z-index:2147483000!important;inset:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:12px!important;isolation:isolate!important;
}
body.wbf-employer-public-home .wbf-ep-video-modal[hidden]{display:none!important}
body.wbf-employer-public-home .wbf-ep-video-modal__dialog{
  position:relative!important;z-index:1!important;width:min(430px,calc(100vw - 24px))!important;
  max-height:calc(100vh - 24px)!important;max-height:calc(100dvh - 24px)!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
body.wbf-employer-public-home .wbf-ep-video-modal__head{
  flex:0 0 56px!important;min-height:56px!important;position:relative!important;z-index:3!important;background:#fff!important;
}
body.wbf-employer-public-home .wbf-ep-video-modal__close{
  width:40px!important;height:40px!important;flex:0 0 40px!important;display:grid!important;place-items:center!important;
}
body.wbf-employer-public-home .wbf-ep-video-modal__frame{
  aspect-ratio:auto!important;flex:1 1 auto!important;min-height:0!important;
  height:min(74vh,calc((100vw - 24px) * 16 / 9))!important;
  height:min(calc(100dvh - 96px),calc((100vw - 24px) * 16 / 9))!important;
  overflow:auto!important;
}
body.wbf-employer-public-home .wbf-ep-video-modal__frame iframe{width:100%!important;height:100%!important}
@media(max-width:900px){
  /* Van een krappe verticale 82px-rail naar volledig leesbare stappen boven de preview. */
  body.wbf-employer-public-home .wbf-ep-route-head{display:block!important;min-width:0!important}
  body.wbf-employer-public-home .wbf-ep-route-head .wbf-ep-title{
    font-size:clamp(29px,7.5vw,39px)!important;line-height:1.08!important;
    letter-spacing:-.035em!important;overflow-wrap:break-word!important;word-break:normal!important;
    hyphens:none!important;max-width:100%!important
  }
  body.wbf-employer-public-home .wbf-ep-route{
    display:block!important;width:100%!important;min-width:0!important;position:relative!important
  }
  body.wbf-employer-public-home .wbf-ep-route-track{display:none!important}
  body.wbf-employer-public-home .wbf-ep-route-steps{
    display:flex!important;grid-template-columns:none!important;gap:8px!important;
    width:100%!important;min-width:0!important;overflow-x:auto!important;
    overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;
    padding:0 1px 12px!important;margin:0 0 12px!important;
    scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important
  }
  body.wbf-employer-public-home .wbf-ep-route-step{
    position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
    flex:0 0 auto!important;min-height:44px!important;height:auto!important;
    width:auto!important;padding:9px 13px!important;
    border:1px solid #d8e0e9!important;border-radius:12px!important;
    background:#fff!important;scroll-snap-align:start!important;
    opacity:1!important;transform:none!important;
  }
  body.wbf-employer-public-home .wbf-ep-route-step strong{
    width:auto!important;max-width:none!important;font-size:12px!important;line-height:1.25!important;
    white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important
  }
  body.wbf-employer-public-home .wbf-ep-route-step.is-active{background:#1f2a44!important;border-color:#1f2a44!important}
  body.wbf-employer-public-home .wbf-ep-route-step.is-active strong{color:#fff!important}
  body.wbf-employer-public-home .wbf-ep-route-step__dot{display:none!important}
  body.wbf-employer-public-home .wbf-ep-route-stage{
    position:relative!important;top:auto!important;left:auto!important;right:auto!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;
    gap:20px!important;min-height:0!important;height:auto!important;width:100%!important;
    margin:0!important;padding:24px 18px!important;max-width:100%!important
  }
  body.wbf-employer-public-home .wbf-ep-route-stage__copy{display:block!important;min-width:0!important;min-height:210px!important}
  body.wbf-employer-public-home .wbf-ep-route-copy h3{
    font-size:clamp(22px,6.1vw,30px)!important;line-height:1.13!important;
    overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto!important;
    max-width:100%!important
  }
  body.wbf-employer-public-home .wbf-ep-route-stage__visual{
    min-height:330px!important;min-width:0!important;width:100%!important
  }
  body.wbf-employer-public-home .wbf-ep-route-panel,
  body.wbf-employer-public-home .wbf-ep-route-panel>div{max-width:100%!important;min-width:0!important}
  body.wbf-employer-public-home .wbf-ep-meeting-preview>div{flex-wrap:wrap!important}
}
@media(max-width:380px){
  body.wbf-employer-public-home .wbf-ep-route-head .wbf-ep-title{font-size:29px!important}
  body.wbf-employer-public-home .wbf-ep-route-stage{padding:18px 14px!important}
  body.wbf-employer-public-home .wbf-ep-route-copy h3{font-size:22px!important}
}

/* 2.25.489.79.205 — recruitmentvideo-carrousel: volle breedte, 5/4/3/2 kaarten, swipe op mobiel. */
body.wbf-employer-public-home .wbf-ep-video-carousel{width:100%;max-width:100%;min-width:0}
body.wbf-employer-public-home .wbf-ep-video-carousel__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin:0 0 14px;min-height:40px}
body.wbf-employer-public-home .wbf-ep-video-carousel__count{font-family:Inter,Arial,sans-serif;font-size:12px;color:#64748b;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
body.wbf-employer-public-home .wbf-ep-video-carousel__buttons{display:flex;gap:8px}
body.wbf-employer-public-home .wbf-ep-video-carousel__arrow{width:40px;height:40px;border:1px solid #dce1e8;border-radius:12px;display:grid;place-items:center;background:#fff;color:#1f2a44;font-size:21px;line-height:1;cursor:pointer;transition:background .16s,border-color .16s}
body.wbf-employer-public-home .wbf-ep-video-carousel__arrow:not(:disabled):hover{background:#f6f8fb;border-color:#a6b2c4}
body.wbf-employer-public-home .wbf-ep-video-carousel__arrow:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
body.wbf-employer-public-home .wbf-ep-video-carousel__arrow:disabled{opacity:.35;cursor:default}
body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-videos{display:flex!important;grid-template-columns:none!important;gap:18px!important;width:100%!important;max-width:none!important;min-width:0!important;overflow-x:auto!important;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 0 4px!important;margin:0!important}
body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-videos::-webkit-scrollbar{display:none}
body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-video-card{flex:0 0 calc((100% - 72px)/5)!important;box-sizing:border-box!important;min-width:0;scroll-snap-align:start;scroll-snap-stop:normal}
body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-videos:focus-visible{outline:2px solid #f59e0b;outline-offset:2px}
@media(min-width:1100px) and (max-width:1399px){
  body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-video-card{flex:0 0 calc((100% - 54px)/4)!important}
}
@media(min-width:860px) and (max-width:1099px){
  body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-video-card{flex:0 0 calc((100% - 36px)/3)!important}
}
@media(min-width:600px) and (max-width:859px){
  body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-videos{gap:18px!important}
  body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-video-card{flex:0 0 calc((100% - 18px)/2)!important}
}
@media(max-width:599px){
  body.wbf-employer-public-home .wbf-ep-video-carousel__toolbar{margin-bottom:12px;gap:12px}
  body.wbf-employer-public-home .wbf-ep-video-carousel__arrow{width:38px;height:38px;border-radius:10px}
  body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-videos{gap:10px!important}
  body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-video-card{flex:0 0 min(70vw,250px)!important}
}
@media(prefers-reduced-motion:reduce){body.wbf-employer-public-home .wbf-ep-video-carousel .wbf-ep-videos{scroll-behavior:auto!important}}