/* Shared accessibility and content styles. Keep the established navy/gold identity. */
:root{--muted:#555b62;--gold-text:#806216}
body{font-size:1rem;font-weight:400}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-padding-top:90px}
section[id],article[id]{scroll-margin-top:90px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #2386bd!important;outline-offset:4px;box-shadow:0 0 0 2px #fff}
button,input,select,textarea{font:inherit}
button,summary{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
a{overflow-wrap:anywhere}
.skip-link{position:fixed;left:1rem;top:-100px;z-index:1000;padding:.7rem 1rem;background:#fff;color:#0d1b2a}
.skip-link:focus{top:1rem}
nav.hidden{transform:none}
nav:focus-within{transform:none}
.fade-in{opacity:1;transform:none}
.nav-links{gap:1.1rem}
.nav-links a,.nav-cta{font-size:.875rem}
.nav-links a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:5px}
.logo small{font-size:.75rem!important;line-height:1.25;max-width:260px;color:#cbd3dc!important;white-space:normal}
.hamburger{min-width:44px;min-height:44px;justify-content:center;align-items:center}
.mob-menu{max-height:calc(100dvh - 64px);overflow-y:auto}
.mob-menu a{min-height:44px}
.fbot p,.fbot a{color:#cbd3dc;font-size:.875rem}
.footer-links{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem auto 0;max-width:1100px}
.footer-links a{color:#dfe6ed;font-size:.875rem}
.site-section{padding:4.5rem 5%;background:var(--cream,#f5f0e8)}
.site-section.white{background:#fff}
.site-inner{max-width:1100px;margin:auto}
.site-section h2{color:var(--navy,#0d1b2a);max-width:850px;margin:0 0 1rem}
.site-section p{font-size:1rem;line-height:1.8;margin-bottom:1rem;max-width:75ch}
.site-label{color:var(--gold-text);font-size:.875rem;font-weight:600;letter-spacing:.06em;margin-bottom:.75rem}
.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin:2rem 0}
.site-card{background:#fff;border:1px solid #d5d8dc;border-top:3px solid #c9a84c;padding:1.5rem;border-radius:6px;min-width:0}
.site-card h3{font:600 1.25rem/1.4 'Playfair Display',Georgia,serif;margin:0 0 .8rem;color:#0d1b2a}
.site-card p{font-size:1rem;color:#454c54}
.site-card a,.site-section .text-link{color:#75590e;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.site-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin:1.5rem 0}
.site-btn{display:inline-block;background:#0d1b2a;color:#fff!important;text-decoration:none!important;padding:.8rem 1.2rem;border:0;border-radius:4px;font-weight:600;line-height:1.5;min-height:44px}
.site-btn.gold{background:#c9a84c;color:#0d1b2a!important}
.site-note{border-left:3px solid #c9a84c;padding:1rem 1.25rem;background:#f5f0e8;color:#35404b;font-size:.9rem;line-height:1.7;margin:1.25rem 0}
.site-note a{color:inherit;text-decoration:underline}
.hero .audience-extra{color:#fff;font-size:1rem;display:inline-block;margin-top:1.25rem;text-decoration:underline;text-underline-offset:4px}
.hero .hero-sub,.hero p{font-size:1.05rem;font-weight:400}
.hero p{max-width:680px}
.prod.hero{min-height:0;padding:1.5rem;background:#fff;display:flex;align-items:stretch}
.prod.featured{border:2px solid #c9a84c;box-shadow:0 6px 22px rgba(201,168,76,.14)}
.prod-naam{font-size:1.2rem}.prod-tag,.prod-rol,.prod-toggle,.prod-cta,.pd-kop,.prod-detail li{font-size:.9375rem}
.prod-prijs{color:#806216}.prod-detail{display:block}
.fase-kop{flex-wrap:wrap}.fase-naam{margin:0;font-size:1.2rem}.fase-doel{font-size:.875rem}
.route-kaart .rk-lbl,.route-kaart .rk-status{font-size:.875rem}.route-kaart .rk-vraag{font-size:1rem;font-weight:400}
.route-kaart:not(.actief) .rk-lbl{color:#806216}
.s-opt{font:inherit;padding:.7rem;min-height:48px;color:#e2e8ef}
.s-opt.on{outline:2px solid #e8c56a;outline-offset:2px}
.s-opts{align-items:stretch}
.s-score{color:#e8c56a!important}
.scan-body p,.scan-head p,.s-tekst{color:#d0d8e2}
.s-meta,.s-res-lbl,.s-bnm,.s-bpct,.s-pill{font-size:.875rem;color:#d0d8e2}
.testi-wrap{overflow:visible}.testi-outer{overflow:visible}
.testi-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:auto;max-width:1100px;margin:2rem auto;padding:0 5%}
.testi-card{width:auto;min-width:0;flex:none}.testi-txt{font-size:1rem;font-weight:400}.testi-role{font-size:.875rem}
.testi-outer:not(.is-moving)::before,.testi-outer:not(.is-moving)::after{display:none}
.testi-outer.is-moving{overflow:hidden}
.testi-outer.is-moving .testi-wrap{overflow:hidden}
.testi-outer.is-moving .testi-track{display:flex;width:max-content;max-width:none;margin:1rem 0;padding:0;animation:nwQuotes var(--quote-duration,65s) linear infinite}
.testi-outer.is-moving .testi-card{flex:0 0 380px;width:380px;max-width:380px}
.testi-outer.is-moving:hover .testi-track,.testi-outer.is-moving:focus-within .testi-track,.testi-outer.is-paused .testi-track{animation-play-state:paused}
.quotes-controls{margin-top:1.25rem}
.quotes-pause{background:transparent;border:1px solid #59606a;color:#0d1b2a;border-radius:4px;padding:.6rem 1rem;min-height:44px;font-size:.9375rem}
@keyframes nwQuotes{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--quote-distance,1616px)))}}
@media(max-width:600px){.testi-outer.is-moving .testi-card{flex-basis:calc(100vw - 48px);width:calc(100vw - 48px);max-width:380px}.testi-outer::before,.testi-outer::after{width:24px}}
@media(prefers-reduced-motion:reduce){
 .testi-outer.is-moving .testi-track{display:grid;width:auto;max-width:1100px;margin:2rem auto;padding:0 5%;animation:none;transform:none}
 .testi-outer.is-moving .testi-card{width:auto;max-width:none}
 [data-quote-copy],.quotes-controls,.testi-outer::before,.testi-outer::after{display:none!important}
}
/* Restore the original two continuous logo rows. */
.ticker-inner{flex-wrap:nowrap;justify-content:flex-start;width:max-content;gap:0;padding:0}
.ticker-inner .tl{flex:0 0 auto}
.ticker-row-wrap,.ticker-section{overflow:hidden}
.ticker-inner.is-moving{animation:nwLogos var(--logo-duration,65s) linear infinite}
#t1r2.is-moving{animation-direction:reverse}
.ticker-section:hover .ticker-inner,.ticker-section:focus-within .ticker-inner{animation-play-state:paused}
@keyframes nwLogos{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--logo-distance)))}}
@media(prefers-reduced-motion:reduce){.ticker-inner.is-moving{animation:none}.ticker-row-wrap{overflow-x:auto}.ticker-inner [data-logo-copy]{display:none}.ticker-row-wrap::before,.ticker-row-wrap::after{display:none}}

.form-note{font-size:.875rem!important;line-height:1.65;color:#d0d8e2;margin:1rem 0}.form-note a{color:#e8c56a;text-decoration:underline}
.request-context{border-left:3px solid #c9a84c;padding:.7rem 1rem;color:#fff;margin:0 0 1rem;font-size:1rem}
.form-feedback{padding:1rem;border:1px solid currentColor;border-radius:4px;color:#e8c56a!important;text-align:left!important}
.form-feedback[data-state=error]{color:#ffcfbf!important}
.scenario-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:1.5rem 0}
.scenario-fields label{display:block;font-size:.9375rem;font-weight:600;color:#0d1b2a}
.scenario-fields input,.scenario-fields select{width:100%;min-height:44px;padding:.65rem;border:1px solid #747c86;border-radius:4px;background:#fff;color:#0d1b2a;margin-top:.4rem}
.scenario-fields small{display:block;color:#505761;font-size:.875rem;margin-top:.4rem}
.calc-box{color:#0d1b2a}.calc-box .calc-sub,.calc-box .calc-disclaimer{font-size:.9375rem;font-weight:400}
.calc-box summary{font-weight:600;padding:.75rem 0}.calc-box details{margin:1.2rem 0}
.calc-box .roi-lbl,.calc-box .rl,.calc-box .tl-lbl{font-size:.875rem}.calc-box .tl-lbl{color:#dae1e9}
.scenario-result{margin:1rem 0}.scenario-result p{font-size:1rem;line-height:1.7}
.site-faq details{border-bottom:1px solid #bec4ca;padding:1rem 0}.site-faq summary{font-weight:600;font-size:1.05rem;min-height:44px}.site-faq details p{margin:1rem 0}
.tool-page .doc-sub{font-size:1rem;font-weight:400}.tool-page .doc-meta{font-size:.875rem;color:#d4dce6}
.tool-page .vraag-tekst{font-size:1rem}.tool-page .ant-btn{font-size:.9375rem;min-height:44px;padding:.65rem 1rem}
.tool-page .antwoord-knoppen{flex-wrap:wrap}.tool-page .vraag-ref,.tool-page .wgs-ref{font-size:.875rem}
.tool-page .toelichting{font-size:.9375rem}.tool-page .prio-item-tekst{font-size:.9375rem}
.tool-page .voortgang-tekst{font-size:.875rem}
.tool-page .scan-status{font-size:1rem;color:#e2e8ee;padding:1rem 0}
.tool-page .print-progress{font-size:1rem;color:#e2e8ee;margin-bottom:1rem}
.tool-page .intro-blok p{font-size:1rem}
.tool-page .resultaat-note{color:#d0d8e2;font-size:.9375rem;line-height:1.7;margin:1rem 0}
.tool-page .form-veld .hint{font-size:.875rem}
.tool-page .metric-sub{font-size:.875rem}
.tool-page .form-sectie-titel{font-size:1.25rem}
.tool-page .vraag-nr,.tool-page .intro a,.tool-page .cat-sub a{color:#806216!important}
.tool-page .ant-btn.actief-aandacht{background:#956000;border-color:#956000;color:#fff}
.tool-page .prio-badge.hoog{background:#f39c92;color:#0d1b2a}
.tool-page .prioriteit.middel{color:#80510a}
.tool-page .voortgang-inner{flex-wrap:wrap;gap:.7rem}
.tool-page .voortgang-bar{min-width:100px}
.tool-page .score-teller{white-space:normal}
.tool-page .cta-blok a,.tool-page .andere-tool a{white-space:normal}
.tool-page .print-balk-inner{flex-wrap:wrap}
.tool-page .antwoord-knoppen[role=group]{border:0}
.s-bpct{color:#e4eaf1!important}
.pk-prijs{color:#806216}.pk-card.feat .pk-prijs{color:#e8c56a}
.probleem .sectie-lbl,.proof .sectie-lbl,.geloof .stat-n,.geloof cite,.proof .testi-role{color:#806216}
#over [style*="color:var(--gold)"]{color:#806216!important}
.kosten-n{font-size:1.5rem}
table th[scope=row]{text-align:left;vertical-align:top;padding:1rem;font-weight:500;min-width:230px}
table th[scope=row] details{font-weight:400;white-space:normal}
table th[scope=row] details p{margin:.7rem 0;font-size:.9375rem}
table th[scope=row] summary{margin-top:.6rem;text-decoration:underline;min-height:44px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1100px){.nav-links{gap:.7rem}.logo small{max-width:210px}}
@media(min-width:1101px){.mob-menu{display:none!important}}
@media(max-width:1100px){.nav-links,.nav-cta{display:none}.hamburger{display:flex}}
@media(max-width:900px){.site-grid{grid-template-columns:1fr}.testi-track{grid-template-columns:1fr}.nav-links,.nav-cta{display:none}.hamburger{display:flex}}
@media(max-width:600px){.site-section{padding:3rem 5%}.scenario-fields{grid-template-columns:1fr}.site-actions{align-items:stretch;flex-direction:column}.site-btn{text-align:center}.hero .hero-sub,.hero p{font-size:1rem}.s-opts{grid-template-columns:1fr}.fase-doel{margin-left:0}.logo small{font-size:.75rem!important;max-width:230px;line-height:1.25}.logo{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.skip-link,nav,.mob-menu,.footer-links,.site-actions,.wa-btn,.no-print{display:none!important}body{padding:0!important}.site-section{padding:1rem 0}.site-card,.vraag-kaart{break-inside:avoid}.print-progress,.scan-status{color:#000!important}.testi-track{display:block}.site-grid{display:block}a{color:#000!important}}
@media print{
 .testi-outer.is-moving .testi-track{display:block;animation:none;transform:none;width:auto;margin:0;padding:0}
 .testi-outer.is-moving .testi-card{width:auto;max-width:none;break-inside:avoid}
 [data-quote-copy],.quotes-controls,.testi-outer::before,.testi-outer::after{display:none!important}
 .doc-header,.resultaat,.resultaat-inner,.score-blok,.prio-item,.cta-blok,.andere-tool{background:#fff!important;color:#000!important;border-color:#555!important}
 .doc-header *,.resultaat *{color:#000!important}
 .tool-page .toelichting{display:block}
 .ant-btn{background:#fff!important;color:#000!important;border:1px solid #aaa!important}
 .ant-btn[aria-pressed=true]{border:2px solid #000!important;font-weight:700}
 .ant-btn[aria-pressed=true]::after{content:' (gekozen)'}
 .vraag-kaart.onbekend::after{content:'Nog niet beantwoord';display:block;font-style:italic}
 .site-note{background:#fff!important;color:#000!important}
}

/* Legal links form a separate, quiet row at the bottom of every page. */
.footer-legal{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.25rem 1.5rem;max-width:1100px;margin:1.5rem auto 0;padding-top:1rem;border-top:1px solid rgba(201,168,76,.25)}
.footer-legal a{display:inline-flex;align-items:center;min-height:44px;color:#dfe6ed;font-size:.875rem;text-decoration:none;text-underline-offset:4px}
.footer-legal a:hover,.footer-legal a[aria-current=page]{color:#e8c56a;text-decoration:underline}
.legal-copy{max-width:850px}.legal-copy h2{margin-top:2rem;font-size:1.5rem;line-height:1.4}.legal-copy p,.legal-copy li{max-width:75ch;overflow-wrap:anywhere}.legal-copy ul{padding-left:1.5rem;margin-bottom:1rem}.legal-copy li{margin-bottom:.7rem}
.legal-notice{padding:1rem 1.25rem;background:#fff;border-left:3px solid #c9a84c}
@media(max-width:600px){.footer-legal{justify-content:flex-start;gap:.25rem 1.25rem}.legal-copy h2{font-size:1.3rem}}
@media print{.footer-legal{display:none!important}}

.cookie-info-button{position:fixed;left:1rem;bottom:1.5rem;z-index:190;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.6rem 1rem;border:1px solid #c9a84c;border-radius:24px;background:#0d1b2a;color:#fff;font-size:.875rem;line-height:1.4;text-decoration:none;box-shadow:0 3px 12px rgba(0,0,0,.18)}
.cookie-info-button:hover{background:#24344a;color:#e8c56a}
footer{padding-bottom:6rem}
@media print{.cookie-info-button{display:none!important}}

/* Original compact brand lockup in the navigation. */
.logo{font-size:1.1rem;white-space:nowrap}
.logo .logo-subtitle{display:block;font-family:'Inter',sans-serif;font-size:.55rem!important;font-weight:400;color:#cbd3dc!important;letter-spacing:.06em;text-transform:uppercase;margin-top:1px;line-height:1.8;max-width:none;white-space:nowrap}

.scan-home-link{padding:.65rem 5%;background:#f5f0e8}.scan-home-link a{display:inline-flex;align-items:center;min-height:44px;color:#0d1b2a;font-size:.9375rem;font-weight:600;text-decoration:underline;text-underline-offset:4px}

.logo .logo-subtitle{font-size:.65rem!important;letter-spacing:.03em}
.case-intro{max-width:75ch;margin:1rem 0 1.5rem;line-height:1.8}.case-intro a{color:#75590e;text-decoration:underline;text-underline-offset:3px}
.route-start{margin:1rem 0 2rem;max-width:75ch}.route-start p{margin-bottom:.5rem}.route-start a{color:#75590e;text-decoration:underline}
.scan-choice{max-width:70ch;line-height:1.7;color:#454c54;margin:1rem 0}.package-purpose{font-size:.9375rem;line-height:1.6;margin:1rem 0}
.motion-toggle{background:transparent;border:0;color:#cbd3dc;font:inherit;font-size:.8rem;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:.4rem 0}
html.motion-paused .ticker-inner.is-moving,html.motion-paused .testi-outer.is-moving .testi-track{animation-play-state:paused!important}
@media(max-width:600px){.cookie-info-button{bottom:.6rem;left:.5rem;padding:.45rem .7rem}.wa-btn{bottom:.6rem!important;right:.5rem!important}}

.geloof .stat-n,.geloof cite{color:#e8c56a}

.case-page .hero{min-height:0;padding:5rem 5%}.case-page .hero h1{max-width:850px;margin-left:auto;margin-right:auto}@media(max-width:600px){.case-page .hero{padding:3rem 5%}}

/* Compact case overview and return navigation. */
.case-overview{margin:0;align-items:stretch}.case-overview .site-card{display:flex;flex-direction:column}.case-overview h2{font:600 1.5rem/1.35 Georgia,serif}.case-overview .site-label{font-size:.8rem;color:#75590e}.case-overview .site-btn{margin-top:auto;align-self:flex-start}.case-back{padding:1rem 5%;background:#0d1b2a}.case-back a{color:#fff;text-underline-offset:4px}

/* People page: calm portrait rows, readable biographies. */
.team-profile{display:grid;grid-template-columns:280px minmax(0,1fr);gap:4rem;align-items:center;padding:3rem 0;border-bottom:1px solid #e3ded4}.team-profile:first-child{padding-top:0}.team-profile:last-child{padding-bottom:0;border-bottom:0}.team-profile h2{font:500 2rem/1.2 Georgia,serif}.team-profile .team-role{font-weight:600;color:#0d1b2a}.team-portrait{width:280px;height:280px;position:relative;border-radius:50%;overflow:hidden;background:#f5f0e8}.team-portrait img{display:block;width:100%;height:100%;object-fit:cover}.team-portrait .phone-portrait{position:absolute;max-width:none;width:121.6%;height:auto;left:-10.8%;top:-90.6%}.about-expertise{max-width:850px}@media(max-width:700px){.team-profile{grid-template-columns:1fr;gap:1.5rem;padding:2.5rem 0}.team-portrait{width:220px;height:220px;margin:auto}.team-profile h2{font-size:1.7rem}}

.audience-cards .site-card{display:flex;flex-direction:column}.audience-cards a{margin-top:auto}.offer-summary{font-size:.9rem;margin:1rem 0}.offer-summary ul{padding-left:1.2rem;margin:0 0 1rem}.offer-summary .pd-kop,.offer-label{font-weight:700;margin:.8rem 0 .4rem}.package-input{font-size:.875rem;line-height:1.7;margin:1rem 0}.offer-summary p{line-height:1.7}.about-page .about-expertise h2:not(:first-child){margin-top:1.5rem}

@media(min-width:901px){.case-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Footer directory: quiet columns above the legal information. */
.footer-directory{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto 2rem;padding:1rem 0 2.5rem;border-bottom:1px solid rgba(201,168,76,.25);text-align:left}.footer-directory h2{font:600 1rem/1.4 Arial,sans-serif;color:#fff;margin:0 0 1rem}.footer-directory ul{list-style:none;padding:0;margin:0}.footer-directory li{color:#cbd3dc;font-size:.9375rem;line-height:1.7;margin:0 0 .4rem}.footer-directory a{display:inline-block;padding:.35rem 0;color:#cbd3dc;text-decoration:none}.footer-directory a:hover{color:#e8c56a;text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.footer-directory{grid-template-columns:1fr;gap:1.8rem}.footer-directory a{min-height:44px;display:inline-flex;align-items:center}}@media print{.footer-directory{display:none!important}}