/* One white navigation bar; each area has its own content and a quiet green tone. */
:root{--site-header-height:94px}
html{scroll-padding-top:calc(var(--site-header-height) + 16px)}
body[data-site-area="website-branding"],[data-area="website-branding"]{--area-accent:#bdd8c3;--area-soft:#f0f5f0;--area-strong:#315d43;--area-border:#9aaea0;--area-ink:#19271e}
body[data-site-area="coaching-strategie"],[data-area="coaching-strategie"]{--area-accent:#ccd5a8;--area-soft:#f3f5eb;--area-strong:#4f5d2f;--area-border:#a3ac8a;--area-ink:#24291b}
body[data-site-area="ai-groei"],[data-area="ai-groei"]{--area-accent:#c4f737;--area-soft:#f3f8e9;--area-strong:#355414;--area-border:#859b68;--area-ink:#182013}
body[data-site-area]{--accent:var(--area-strong);--pale:var(--area-soft);--forest:var(--area-strong);--lime:var(--area-accent);--line:var(--area-border)}
.portal-header,.portal-header *,.area-connections *,.area-tools-page *,.direction-hub *{box-sizing:border-box}
.portal-header{overflow-wrap:anywhere}
body:has(.portal-disclosure[open]) #site-chat-launcher,body:has(.portal-menu-toggle[aria-expanded="true"]) #site-chat-launcher{visibility:hidden}
body .portal-header{position:sticky;inset:0 0 auto;z-index:100;background:#fff!important;color:#181818;border:0;border-bottom:1px solid #e4e7e2;box-shadow:none;backdrop-filter:none;font-family:Inter,Arial,sans-serif;margin:0;padding:0;width:100%;max-width:none}
.portal-header-inner{width:calc(100% - 64px);max-width:1440px;margin:auto;display:flex;gap:32px;align-items:center;min-height:94px;padding:7px 0}
.portal-header .portal-brand{display:flex;align-items:center;flex:none;min-height:64px;width:120px;padding:0;text-decoration:none}
.portal-header .portal-brand img{width:120px;height:auto;max-height:72px;object-fit:contain;margin:0}
.portal-header .portal-navigation{position:static;display:flex;flex:1;flex-direction:row;align-items:center;justify-content:flex-end;gap:24px;padding:0;margin:0;width:auto;max-width:none;max-height:none;overflow:visible;background:#fff;color:#181818;border:0;box-shadow:none;transform:none}
.portal-main-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}
.portal-header .portal-disclosure{position:static;margin:0;border:0;background:transparent;padding:0;min-width:0;border-radius:0}
.portal-header summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:12px 10px;margin:0;color:#252c24;background:transparent;border:0;border-radius:4px;list-style:none;cursor:pointer;font:550 .875rem/1.5 Inter,Arial,sans-serif;letter-spacing:0;white-space:nowrap}
.portal-header summary::-webkit-details-marker{display:none}
.portal-header summary::marker{content:''}
.portal-header summary::after,.portal-header summary::before{content:none}
.portal-chevron{width:7px;height:7px;display:block;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.portal-disclosure[open]>summary .portal-chevron{transform:translateY(2px) rotate(225deg)}
.portal-header summary:hover,.portal-header .portal-disclosure[open]>summary{background:var(--area-soft,#f2f5ef)}
.portal-header .portal-disclosure[open]>summary{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
.portal-header .portal-switch{margin-right:auto;border-right:1px solid #dce2d9;padding-right:20px}
.portal-header .portal-switch>summary{color:var(--area-strong);font-weight:700;max-width:195px;white-space:normal}
.portal-header a{color:#252c24;text-decoration:none;font:500 .9375rem/1.5 Inter,Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere}
.portal-header a:hover,.portal-header a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
.portal-header .portal-contact{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:46px;flex:none;padding:11px 20px;border:1px solid #262e24;border-radius:999px;background:#fff;color:#1e281c;font-size:.875rem;font-weight:600}
.portal-contact>span{font-size:1.125rem;color:var(--area-strong,#355414)}
.portal-header .portal-contact:hover{background:var(--area-soft,#f2f5ef)}
.portal-header .portal-mega{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:calc(100% - 64px);max-width:1360px;display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:36px;padding:32px;background:#fff;border:1px solid #dce2d9;border-radius:0 0 12px 12px;box-shadow:0 16px 28px #17241612;max-height:calc(100dvh - var(--site-header-height) - var(--site-bottom-space,0px) - 16px);overflow-y:auto;overscroll-behavior:contain;z-index:2;color:#19231b;text-align:left}
.portal-disclosure:not([open])>.portal-mega{display:none}
.portal-header .portal-mega-intro{background:var(--area-soft,#f2f5ef);border-radius:6px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.portal-header .portal-mega-intro>*{max-width:100%}
.portal-header .portal-eyebrow{color:var(--area-strong,#3e5333);font:650 .75rem/1.6 Inter,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;margin:0 0 18px}
.portal-header .portal-mega h2{font:700 clamp(1.5rem,2.2vw,2rem)/1.18 Inter,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 16px;color:#1a261b}
.portal-header .portal-mega-intro>p:not(.portal-eyebrow){font:400 .9375rem/1.65 Inter,Arial,sans-serif;letter-spacing:0;margin:0 0 20px;color:#505a4d}
.portal-header .portal-overview{display:inline-flex;gap:16px;align-items:center;justify-content:space-between;min-height:48px;font-weight:650;color:var(--area-strong,#354c2c);margin-top:auto;padding:12px 0;border-top:1px solid #bac7b6;width:100%}
.portal-header .portal-mega-group{min-width:0;padding:10px 0}
.portal-header .portal-mega h3{font:650 .75rem/1.6 Inter,Arial,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#596253;margin:0 0 12px}
.portal-header .portal-mega ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.portal-header .portal-mega li{margin:0;padding:0;border:0;list-style:none}
.portal-header .portal-mega li a{display:flex;flex-direction:column;justify-content:center;min-height:48px;padding:10px 12px;margin:0 -12px;border-radius:5px;gap:4px;font-weight:600;line-height:1.45}
.portal-header .portal-mega li a:hover{background:var(--area-soft,#f2f5ef)}
.portal-header .portal-mega small{display:block;font:400 .8125rem/1.55 Inter,Arial,sans-serif;color:#596253;letter-spacing:0}
.portal-header .portal-menu-toggle{display:none}
.portal-header .portal-checkout-back{min-height:44px;display:flex;align-items:center;position:absolute;top:100%;right:32px;padding:8px 16px;background:#fff;border:1px solid #dce2d9;border-top:0;border-radius:0 0 8px 8px;font-size:.8125rem}
.portal-header :focus-visible,.area-connections :focus-visible,.area-tools-page :focus-visible,.direction-hub :focus-visible{outline:3px solid #242e20;outline-offset:4px}
body[data-site-area] main [id]{scroll-margin-top:calc(var(--site-header-height) + 20px)}
body[data-site-area] main :is(a,button,input,select,textarea,summary){scroll-margin-top:calc(var(--site-header-height) + 20px)}
body[data-site-area] main :focus-visible{outline-color:var(--area-strong)}
/* Existing illustrated heroes get the selected area's surface and supplied artwork. */
body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero{--scene-bg:var(--area-soft);--scene-ink:var(--area-ink);--scene-muted:#4e4653;min-height:650px;background:var(--area-soft)}
body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .page-scene-copy{width:53%;margin-left:0}
body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .page-scene-image{inset:auto 1.8% 40px auto;width:45%;height:80%;object-fit:contain;object-position:center bottom}
body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .page-scene-title em{color:var(--area-strong)}
body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .page-scene-motto{color:var(--area-strong)}
body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .page-scene-primary{background:#1c1820;border-color:#1c1820;color:#fff}
body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .page-scene-primary>span{color:var(--area-accent)}
body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .flow-breadcrumb{color:var(--area-ink)}
body[data-site-area] .page-depth .depth-kicker,body[data-site-area] .page-depth .depth-lead,body[data-site-area] .page-depth .depth-card>p:last-child{color:#514c53}
body[data-site-area] .page-depth .depth-number{background:var(--area-accent);color:var(--area-ink)}
body[data-site-area] .page-depth .depth-card{border-color:var(--area-border);background:#fff}
body[data-site-area] .service-proof aside{background:var(--area-soft);border-color:var(--area-border)}
body[data-site-area] .service-funnel-boundary{border-color:var(--area-strong);color:#514c53}
body[data-site-area] .service-proof aside a,body[data-site-area] .service-funnel-boundary a{color:var(--area-strong)}
body[data-site-area] .depth-link>span{color:var(--area-accent)}
body[data-site-area]:not([data-site-area="ai-groei"]) .spotlight-kompas{background:var(--area-soft)}
body[data-site-area]:not([data-site-area="ai-groei"]) .spotlight-kompas .spotlight-background{width:42%;height:92%;left:auto;right:2%;bottom:0;top:auto;object-fit:contain;object-position:right bottom}
body[data-site-area] #site-mobile-actions a:first-child{background:var(--area-accent)}
body[data-site-area] #site-cookie-choice{background:var(--area-soft)}
body[data-site-area] #site-cookie-choice button[data-cookie-choice="accepted"]{background:var(--area-accent)}
.area-connections,.area-tools-content,.area-tools-intro,.area-tools-next{width:min(1280px,calc(100% - 64px));margin:64px auto;color:var(--area-ink,#171717);font-family:Inter,Arial,sans-serif}
.area-kicker,.area-section-heading .area-kicker{font:650 .75rem/1.7 Inter,Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;color:var(--area-strong,#4e5846);margin:0 0 14px}
.area-section-heading h2,.area-tools-content h2,.area-tools-next h2,.area-connections h2{font:700 clamp(1.8rem,3vw,2.6rem)/1.15 Inter,Arial,sans-serif;letter-spacing:-.045em;margin:0 0 28px;color:var(--area-ink,#171717)}
.area-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.area-link-card{display:block;padding:28px;border:1px solid var(--area-border,#bdbdbd);border-radius:14px;background:#fff;text-decoration:none;color:var(--area-ink,#171717);min-width:0;transition:background .2s}
.area-link-card:hover{background:var(--area-soft,#f6f6f2)}
.area-link-index{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:650;color:var(--area-strong,#444);margin-bottom:30px}
.area-link-index>span{display:grid;place-items:center;width:36px;height:36px;background:var(--area-accent,#c4f737);color:#171717;border-radius:50%;font-size:1.25rem}
.area-link-card h3{font:700 1.25rem/1.3 Inter,Arial,sans-serif;letter-spacing:-.025em;color:var(--area-ink,#171717);margin:0 0 12px}
.area-link-card p{font:400 1rem/1.7 Inter,Arial,sans-serif;color:#514c53;margin:0}
.area-connections{border-top:1px solid var(--area-border);padding-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.area-connections h2{margin-bottom:20px}
.area-connections p:not(.area-kicker){font:400 1rem/1.8 Inter,Arial,sans-serif;color:#514c53;margin:0;max-width:55ch}
.area-connections nav{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;position:static;background:transparent;border:0;box-shadow:none;margin:0;padding:0;align-items:start}
.area-connections nav a{display:block;min-height:80px;padding:16px 0;border-bottom:1px solid var(--area-border);font:650 1.125rem/1.5 Inter,Arial,sans-serif;color:var(--area-ink);text-decoration:none}
.area-connections nav a:hover{text-decoration:underline;text-underline-offset:4px}
.area-connections nav a span{display:block;font-size:.875rem;font-weight:400;margin-top:6px}
.area-tools-page{display:block;width:100%;max-width:none;margin:0;overflow-wrap:anywhere}
.area-tools-intro{padding:56px 0 24px}
.area-tools-intro h1{font:750 clamp(2.6rem,5.4vw,5rem)/1.06 Inter,Arial,sans-serif;letter-spacing:-.055em;color:var(--area-ink);margin:0 0 28px}
.area-tools-intro>p:last-child{font:400 1.25rem/1.7 Inter,Arial,sans-serif;max-width:50ch;color:#514c53}
.area-tools-content .area-download-note{font:400 .875rem/1.7 Inter,Arial,sans-serif;color:#514c53;margin:24px 0 12px}
.area-inline-link{display:inline-flex;align-items:center;min-height:48px;gap:24px;font-weight:600;text-decoration:underline;text-underline-offset:5px;color:var(--area-strong)}
.area-tools-next{background:var(--area-soft);padding:40px;border:1px solid var(--area-border);border-radius:18px}
.area-tools-next p{color:#514c53;font-size:1rem;line-height:1.7}
.area-button{display:inline-flex;align-items:center;gap:32px;min-height:54px;padding:14px 22px;background:#1c1820;color:#fff;border-radius:999px;text-decoration:none;font:600 1rem/1.5 Inter,Arial,sans-serif}
.area-button span{color:var(--area-accent)}
body main>body main>.direction-hub{margin-block:72px}
body[data-site-area]:not([data-site-area="ai-groei"]) main :is(.button:not(.secondary),.depth-link,.studio-primary){background:#1c1820;border-color:#1c1820;color:#fff}
body[data-site-area]:not([data-site-area="ai-groei"]) main :is(.button,.depth-link)>span{color:var(--area-accent)}
body[data-site-area]:not([data-site-area="ai-groei"]) .hero-scroll-icon{background:#1c1820;color:var(--area-accent)}
body[data-site-area]:not([data-site-area="ai-groei"]) .hero-scroll-link{background:#fff;border-color:var(--area-strong);color:var(--area-ink)}
body[data-site-area="website-branding"] .brand-studio{--studio-green:var(--area-accent);--studio-line:var(--area-border);--studio-muted:#514c53}
body[data-site-area="website-branding"] .studio-steps button[aria-current="step"]{box-shadow:inset 0 -3px var(--area-strong)}
body[data-site-area="website-branding"] .studio-steps button[aria-current="step"]>span{border-color:var(--area-strong)}
body[data-site-area="website-branding"] .brand-studio .studio-choice:has(input:checked){background:var(--area-soft);border-color:var(--area-strong);box-shadow:inset 0 0 0 1px var(--area-strong)}
body[data-site-area="website-branding"] .studio-choice>input{accent-color:var(--area-strong)}
body[data-site-area="ai-groei"] .page-scene-dark :focus-visible{outline-color:#fff}
.direction-hub{width:min(1280px,calc(100% - 64px));margin:72px auto;font-family:Inter,Arial,sans-serif}
.direction-hub>h2{font:700 clamp(2rem,3.5vw,3rem)/1.12 Inter,Arial,sans-serif;letter-spacing:-.045em;max-width:700px}
.direction-hub>p{max-width:66ch;font-size:1.0625rem;line-height:1.7;color:#514c53}
.direction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}
.direction-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--area-border);background:var(--area-soft);border-radius:18px;overflow:hidden}
.direction-card>img{width:100%;height:245px;object-fit:contain;object-position:center bottom;padding:16px 16px 0}
.direction-card>div{padding:28px;display:flex;flex-direction:column;flex:1}
.direction-card h3{font:700 1.5rem/1.2 Inter,Arial,sans-serif;letter-spacing:-.035em;color:var(--area-ink);margin:0 0 16px}
.direction-card p{font:400 1rem/1.7 Inter,Arial,sans-serif;color:#514c53;margin-bottom:24px}
.direction-card a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 0;border-top:1px solid var(--area-border);font:650 .9375rem/1.5 Inter,Arial,sans-serif;color:var(--area-ink);margin-top:auto;text-decoration:none}
.direction-card a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1279px){
 :root{--site-header-height:80px}
 body .portal-header:not([data-ready]){position:relative}
 .portal-header-inner{width:calc(100% - 40px);display:flex;flex-wrap:wrap;justify-content:space-between;min-height:80px;padding:8px 0;gap:0 16px}
 .portal-header .portal-brand{min-height:58px;width:104px}
 .portal-header .portal-brand img{width:104px;max-height:62px}
 .portal-header[data-ready] .portal-menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #8d9686;background:#fff;color:#171717;border-radius:6px;min-height:46px;padding:10px 16px;font:600 .875rem/1.5 Inter,Arial,sans-serif}
 .portal-header .portal-navigation{display:flex;flex-direction:column;flex-basis:100%;align-items:stretch;justify-content:flex-start;gap:12px;padding-top:8px}
 .portal-header .portal-navigation>*{flex-shrink:0}
 .portal-header[data-ready] .portal-menu-toggle[aria-expanded="false"]+.portal-navigation{display:none}
 .portal-header[data-ready] .portal-navigation{max-height:max(100px,calc(100dvh - 96px - var(--site-bottom-space,0px)));overflow-y:auto;overscroll-behavior:contain;padding:10px 4px 16px;margin:0 -4px}
 .portal-main-links{display:block;width:100%}
 .portal-header .portal-disclosure{border-bottom:1px solid #dce2d9;width:100%}
 .portal-header .portal-switch{border-right:0;margin:0;padding:0}
 .portal-header .portal-switch>summary{max-width:none}
 .portal-header summary{padding:14px 8px;font-size:1rem;min-height:50px;white-space:normal}
 .portal-header .portal-mega{position:static;transform:none;width:100%;max-width:none;max-height:none;overflow:visible;box-shadow:none;border:0;border-radius:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px 8px 24px}
 .portal-header .portal-mega-intro{grid-column:1/-1;padding:24px}
 .portal-header .portal-mega-group{padding:0 4px}
 .portal-header .portal-mega h2{font-size:1.5rem}
 .portal-header .portal-mega li a{margin:0;padding:10px 0}
 .portal-header .portal-contact{align-self:flex-start;border-radius:6px;margin-top:8px}
 .portal-header .portal-checkout-back{position:static;border:0;padding:8px}
}
@media(max-width:999px){
 body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero{min-height:0}
 body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .page-scene-copy{width:100%;max-width:740px}
 body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .page-scene-image{position:relative;inset:auto;width:100%;height:380px;max-width:700px;align-self:center;margin:0 auto;object-fit:contain}
 .area-link-grid{gap:14px}.area-link-card{padding:22px}
 .area-connections{gap:32px}
}
/* The services overview reads as a list, with quiet green accents. */
.direction-grid{display:grid;grid-template-columns:1fr;gap:0}
.direction-card{display:grid;grid-template-columns:220px minmax(0,1fr);background:#fff;border:0;border-top:1px solid #dce2d9;border-radius:0;padding:24px 0}
.direction-card:last-child{border-bottom:1px solid #dce2d9}
.direction-card>img{height:210px;padding:16px;background:var(--area-soft);border-radius:6px;align-self:center}
.direction-card>div{padding:20px 36px}
.direction-card p{max-width:65ch;margin-top:0;margin-bottom:16px}
.direction-card a{width:fit-content;min-width:180px;border-top:0;color:var(--area-strong)}
@media(max-width:700px){
 .portal-header .portal-mega{grid-template-columns:1fr;gap:20px}
 .portal-header .portal-mega-intro{padding:20px}
 .area-connections,.area-tools-content,.area-tools-intro,.area-tools-next,.direction-hub{width:calc(100% - 40px);margin-block:48px}
 body main>.direction-hub{margin-block:48px}
 .area-link-grid,.area-connections{grid-template-columns:1fr}
 .area-link-card{padding:24px}.area-link-index{margin-bottom:20px}
 .area-tools-intro{padding:12px 0 0}.area-tools-next{padding:26px}
 .area-connections nav{gap:12px 20px}
 .direction-card{grid-template-columns:110px minmax(0,1fr);gap:20px}
 .direction-card>img{padding:10px;height:140px;align-self:start;object-position:center bottom}
 .direction-card>div{padding:8px 0}
 .direction-card h3{font-size:1.25rem}
 .direction-card a{min-width:0}
 body[data-site-area]:not([data-site-area="ai-groei"]) .page-scene-hero .page-scene-image{height:300px}
 body[data-site-area]:not([data-site-area="ai-groei"]) .spotlight-kompas .spotlight-background{width:100%;height:230px;inset:auto;position:relative;object-position:center bottom}
}
@media(max-width:380px){.direction-card{grid-template-columns:1fr}.direction-card>img{width:130px;height:130px;padding:10px}.area-connections nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.area-link-card{transition:none}}
body :is(.skip,.skip-link):focus{z-index:250}