/* D — light surfaces, restrained terracotta, readable product illustrations.
   The established layout and form styles remain the foundation for all 25 pages. */
:root {
 --steen:#242725; --steen-d:#1e211f; --steen-l:#363b37;
 --creme:#fff; --creme-l:#fff; --creme-d:#f4f4f0;
 --terra:#dea084; --terra-l:#f6e5dc; --terra-d:#994c31;
 --muted:#5d635e; --muted-dk:#d4d8d3;
 --lijn:#e1e3dd; --lijn-dk:#505650;
 --surface:#f6f6f2; --soft-green:#e7ece4;
}
body { background:#fff; font-size:17px; }
html { scroll-padding-top:24px; }
.wrap { max-width:1240px; }
.wrap--narrow { max-width:920px; }
.wrap--prose { max-width:800px; }
.wrap--report { max-width:940px; }
.concept-strip { background:#f3f3ef; color:#5d635e; padding:5px 16px; font-size:11px; letter-spacing:0; }
.site-header { background:#fff; border:0; }
.site-header__bar { padding-top:22px; padding-bottom:22px; }
.brand__name { font-size:28px; padding-left:0; border:0; letter-spacing:-.015em; }
.brand::before { content:""; width:13px; height:13px; border-radius:4px; background:var(--terra); margin-right:10px; transform:rotate(-8deg); }
.nav { margin-left:auto; }
.nav ul { gap:2px; }
.nav a { padding:0 12px; font-size:14px; border-radius:24px; }
.nav a:hover { background:var(--surface); }
.nav a[aria-current="page"]::after { height:4px; width:4px; border-radius:50%; left:calc(50% - 2px); bottom:3px; }
.header-cta { border-radius:28px; background:var(--steen); color:white; border-color:var(--steen); font-size:13px; }
.header-cta:hover { background:var(--terra); color:var(--steen); }
.btn { border-radius:28px; font-size:14px; font-weight:600; min-height:49px; padding:0 24px; border-width:1px; }
.btn--lg { min-height:52px; font-size:14px; }
.btn--sm { min-height:44px; font-size:13px; }
.btn--dark { border-color:var(--steen); }
.btn--ghost { border-color:#c8cdc5; background:transparent; }
.btn--primary { border-color:var(--terra); }
.btn svg { flex:none; }
.link-arrow { font-size:14px; font-weight:600; text-decoration:none; gap:10px; }
.link-arrow:hover { background:transparent; text-decoration:underline; text-underline-offset:5px; }
.menu-btn { border-color:var(--lijn); border-radius:25px; }
.mobile-menu { background:#fff; border-color:var(--lijn); }
.mobile-menu li a { font-size:20px; }
.section { padding:90px 0; }
.section--tight { padding:44px 0; }
.section--warm { background:var(--surface); }
.section--terra { background:var(--terra-l); }
.h1--page { font-size:clamp(37px,4.2vw,58px); line-height:1.08; letter-spacing:-.045em; max-width:23ch; }
.h2 { font-size:clamp(30px,3.3vw,44px); line-height:1.12; letter-spacing:-.045em; max-width:26ch; }
.h3 { font-size:23px; line-height:1.3; }
.eyebrow { color:var(--terra-d); font-size:11px; letter-spacing:.075em; margin-bottom:18px; }
.lead { color:var(--muted); font-size:16px; line-height:1.75; margin-top:20px; }
.section-head { margin-bottom:38px; }
.section-head--center { text-align:center; max-width:730px; margin:0 auto 44px; }
.section-head--center .eyebrow { justify-content:center; }
.section-head--center .h2, .section-head--center .lead { margin-left:auto; margin-right:auto; }
.tag { font-size:10px; border-radius:16px; border-width:1px; letter-spacing:.025em; }
.d-hero { padding:42px 0 0; }
.d-hero__copy { text-align:center; max-width:900px; margin:auto; }
.d-badge { display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border:1px solid var(--lijn); border-radius:30px; font-size:11px; color:var(--muted); line-height:1.5; }
.d-badge > span { width:6px; height:6px; border-radius:50%; background:var(--terra-d); flex:none; }
.d-hero h1 { font-size:clamp(48px,6.1vw,86px); line-height:1.035; letter-spacing:-.065em; margin:25px 0 22px; }
.d-hero h1 > span { color:var(--terra-d); }
.d-hero__copy > p { font-size:16px; line-height:1.8; color:var(--muted); max-width:700px; margin:0 auto; }
.d-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin-top:26px; }
.d-hero__copy > .d-hero__note { font-size:11px; margin-top:15px; }
.work-showcase { margin-top:42px; padding:20px 20px 0; background:var(--terra-l); border-radius:22px; border:1px solid #edcfc0; }
.work-window { display:grid; grid-template-columns:215px minmax(0,1fr); background:#fff; border:1px solid #dadcd5; border-radius:13px; overflow:hidden; box-shadow:0 8px 30px #4235290a; text-align:left; }
.work-sidebar { background:#f8f9f5; border-right:1px solid var(--lijn); padding:23px 18px; display:flex; flex-direction:column; }
.work-logo { display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600; margin-bottom:32px; }
.g-mark { display:flex; justify-content:center; align-items:center; flex:none; width:36px; height:36px; background:var(--steen); color:#fff; border-radius:10px; font-family:var(--font-merk); font-size:23px; line-height:1; }
.work-logo small { display:block; font-weight:400; color:var(--muted); font-size:10px; margin-top:1px; }
.work-nav-label { font-size:9px; color:var(--muted); margin-bottom:8px; }
.work-sidebar > a { display:flex; align-items:center; gap:9px; min-height:43px; padding:9px 7px; border-radius:7px; color:var(--muted); text-decoration:none; font-size:11px; }
.work-sidebar > a:hover { background:#e9ece5; color:var(--steen); }
.work-sidebar > a svg { flex:none; }
.work-sidebar__bottom { display:flex; gap:9px; margin-top:auto; padding-top:25px; color:var(--muted); font-size:10px; line-height:1.7; }
.work-sidebar__bottom svg { margin-top:4px; flex:none; }
.work-main { min-width:0; }
.work-top { display:flex; justify-content:space-between; align-items:center; padding:12px 24px; min-height:52px; border-bottom:1px solid var(--lijn); font-size:10px; color:var(--muted); }
.work-initials { width:24px; height:24px; border-radius:50%; background:var(--terra-l); color:var(--steen); display:grid; place-items:center; font-size:11px; font-weight:600; }
.work-tabs { display:flex; gap:5px; padding:16px 24px 0; }
.work-tab { border:1px solid transparent; background:transparent; color:var(--muted); font:inherit; font-size:11px; min-height:40px; border-radius:7px; display:flex; align-items:center; gap:7px; padding:8px 12px; cursor:pointer; }
.work-tab:hover { background:var(--surface); }
.work-tab[aria-selected="true"] { background:var(--steen); color:#fff; }
.work-tab svg { width:15px; height:15px; flex:none; }
.work-panel { padding:20px 24px 22px; }
.work-heading { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-bottom:20px; }
.work-kicker { font-size:9px!important; margin:0 0 4px!important; color:var(--muted); }
.work-heading h2 { font-size:23px; line-height:1.25; letter-spacing:-.035em; margin-bottom:5px; }
.work-heading p { margin:0; font-size:10px; color:var(--muted); }
.work-example { font-size:9px; padding:4px 8px; border:1px solid var(--lijn); border-radius:16px; white-space:nowrap; align-self:start; margin-top:5px; color:var(--muted); }
.work-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.work-column { min-width:0; border-radius:8px; background:#f5f6f2; padding:10px; }
.work-column__title { display:flex; align-items:center; gap:5px; font-size:10px; margin-bottom:12px; }
.work-column__title i { width:5px; height:5px; background:#737970; border-radius:50%; }
.work-column:nth-child(2) .work-column__title i { background:var(--terra-d); }
.work-column:nth-child(3) .work-column__title i { background:#50654d; }
.work-card { border-radius:7px; background:#fff; border:1px solid #e2e5dd; padding:13px; min-height:165px; display:flex; flex-direction:column; }
.work-card--accent { background:#f8e5db; border-color:#e9c9b7; }
.work-card--done { background:#edf1e9; border-color:#d5ddce; }
.work-card__tag { align-self:flex-start; font-size:8px; border:1px solid #c7ccc1; border-radius:20px; padding:2px 7px; margin-bottom:12px; }
.work-card h3 { font-size:13px; line-height:1.3; margin-bottom:7px; letter-spacing:-.01em; }
.work-card > p { font-size:10px; color:var(--muted); line-height:1.6; margin-bottom:17px; }
.work-card__foot { display:flex; justify-content:space-between; align-items:center; gap:5px; font-size:8px; color:var(--muted); margin-top:auto; padding-top:8px; border-top:1px solid #d1d7cd; }
.work-card__foot svg { flex:none; }
.work-status { display:flex; gap:6px; align-items:center; padding:0 24px 19px; font-size:9px; color:var(--muted); }
.work-status svg { flex:none; }
.work-caption { font-size:10px; color:#665247; text-align:center; padding:12px 0 13px; margin:0; }
html:not(.js) .work-tabs { display:none; }
html:not(.js) .work-panel + .work-panel { border-top:1px solid var(--lijn); }
.d-services { padding-top:96px; }
.d-service-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.d-service { min-width:0; background:#fff; border:1px solid var(--lijn); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; }
.d-service__visual { height:210px; padding:30px 25px; background:var(--surface); display:flex; flex-direction:column; justify-content:center; gap:10px; font-size:11px; }
.d-service__visual--contact { background:#f6e7de; }
.d-service__visual--operations { background:#edf0e9; }
.d-service__visual--digital { background:#f0f0ed; }
.d-service__copy { padding:28px 26px 20px; flex:1; display:flex; flex-direction:column; }
.d-service__copy h3 { font-size:25px; line-height:1.2; letter-spacing:-.04em; max-width:18ch; margin-bottom:12px; }
.d-service__copy > p { font-size:14px; color:var(--muted); min-height:68px; margin-bottom:20px; }
.d-service__links { border-top:1px solid var(--lijn); margin-top:auto; }
.home-service { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:13px 0; font-size:13px; min-height:48px; border-bottom:1px solid var(--lijn); }
.home-service:last-child { border-bottom:0; }
.home-service > span { grid-column:auto; }
.home-service svg { flex:none; }
.home-service:hover { color:var(--terra-d); }
.mini-message { background:#fff; border:1px solid #e0d2c8; border-radius:11px 11px 11px 2px; padding:13px 16px; margin-right:28px; box-shadow:0 3px 6px #3d291406; }
.mini-message > span { color:var(--muted); font-size:9px; }
.mini-message p { margin:4px 0 0; line-height:1.5; }
.mini-reply { margin-left:40px; display:flex; gap:9px; align-items:center; background:#fff; border:1px solid #e0d2c8; padding:10px 13px; border-radius:11px 11px 2px 11px; font-size:10px; }
.mini-reply svg { background:var(--soft-green); border-radius:50%; width:25px; height:25px; padding:4px; flex:none; }
.mini-flow { display:flex; align-items:center; gap:5px; }
.mini-flow > span { border:1px solid #d5dace; background:white; border-radius:9px; padding:15px 4px; display:grid; place-items:center; flex:1; gap:12px; font-size:9px; }
.mini-flow > i { font-style:normal; color:var(--muted); }
.mini-note { text-align:center; font-size:9px; margin:7px 0 0; color:var(--muted); }
.mini-site { background:#fff; border:1px solid #d9ddd4; border-radius:8px; overflow:hidden; }
.mini-site__bar { display:flex; gap:4px; padding:9px 12px; border-bottom:1px solid var(--lijn); }
.mini-site__bar i { width:4px; height:4px; border-radius:50%; background:#a6ada1; }
.mini-site__body { display:grid; grid-template-columns:1.3fr 1fr; gap:20px; padding:23px 17px; }
.mini-site b { display:block; font-size:16px; line-height:1.2; letter-spacing:-.04em; }
.mini-site__body span { display:inline-block; margin-top:11px; background:var(--steen); color:#fff; padding:4px 8px; border-radius:20px; font-size:7px; }
.mini-bars { display:flex; align-items:end; justify-content:space-between; gap:5px; padding:8px; background:var(--surface); border-radius:6px; }
.mini-bars i { flex:1; height:35%; background:#d9ded3; border-radius:3px 3px 0 0; }
.mini-bars i:nth-child(2) { height:56%; }
.mini-bars i:nth-child(3) { height:75%; background:var(--terra); }
.mini-bars i:nth-child(4) { height:90%; background:var(--steen); }
.d-all { text-align:center; margin:25px 0 0; }
.d-connected { padding:0 0 20px; }
.d-connected__box { padding:58px; border-radius:22px; background:var(--steen); color:#fff; display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.d-connected .eyebrow { color:#efb89e; }
.d-connected h2 { font-size:clamp(30px,3vw,42px); letter-spacing:-.045em; line-height:1.15; margin-bottom:22px; }
.d-connected__copy > p:not(.eyebrow) { font-size:15px; line-height:1.8; color:#d4d8d3; margin-bottom:24px; }
.system-map { min-width:0; }
.system-map__hub { display:flex; gap:10px; justify-content:center; align-items:center; padding-bottom:25px; font-size:16px; font-weight:600; position:relative; }
.system-map__hub:after { content:""; position:absolute; bottom:0; left:50%; height:19px; border-left:1px solid #777e74; }
.system-map__hub .g-mark { background:var(--terra); color:var(--steen); }
.system-map__nodes { border-top:1px solid #777e74; padding-top:21px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.system-map__nodes a { min-height:88px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; font-size:11px; border:1px solid #5b6259; border-radius:10px; color:#fff; text-decoration:none; background:#30352f; }
.system-map__nodes a:hover { background:#454c43; border-color:var(--terra); }
.system-map__nodes svg { color:#e2af96; }
.system-map > p { font-size:10px; text-align:center; margin:17px 0 0; color:#c0c8bc; }
.d-industries { background:white; }
.d-industries > .wrap > .section-head { max-width:720px; }
.d-industries .pick { grid-template-columns:.85fr 1.4fr; gap:45px; align-items:stretch; }
.d-industries .pick__list { border:0; display:flex; flex-wrap:wrap; gap:8px; align-content:start; }
.d-industries .pick__list li { max-width:100%; }
.d-industries .pick__btn { padding:9px 15px; border:1px solid #ccd2c7; border-radius:24px; color:var(--steen); font-size:12px; min-height:42px; gap:8px; background:white; }
.d-industries .pick__btn:hover { background:var(--surface); }
.d-industries .pick__btn[aria-pressed="true"] { background:var(--steen); color:white; border-color:var(--steen); padding-left:15px; }
.d-industries .pick__btn svg { display:none; }
.d-industries .pick__panel, .d-industries .pick__empty { background:var(--surface); color:var(--steen); border:1px solid var(--lijn); border-radius:16px; padding:30px; }
.d-industries .pick__naam { color:var(--terra-d); font-size:10px; }
.d-industries .pick__empty h3 { font-size:34px; letter-spacing:-.04em; }
.d-industries .pick__empty > p:not(.pick__naam) { font-size:15px; color:var(--muted); }
.d-industries .pick__h { color:var(--muted); font-size:10px; }
.d-industries .pick__quote { font-size:26px; }
.d-industries .pick__chips a { color:var(--steen); border-color:#c9d0c4; border-radius:24px; font-size:11px; background:#fff; min-height:37px; }
.d-industries .pick__apps li { font-size:13px; }
.d-industries .pick__apps,.d-industries .pick__apps li { border-color:#d9dfd3; }
.d-industries .pick__mobile label { color:var(--steen); }
.d-industries .pick__mobile select { background:#fff; color:var(--steen); border-color:#bcc5b6; border-radius:8px; }
.d-start { background:var(--surface); }
.d-start-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; max-width:1020px; margin:auto; }
.d-start-card { padding:38px; background:#fff; border-radius:16px; border:1px solid var(--lijn); }
.d-start-card--warm { background:var(--terra-l); border-color:#edcfbe; }
.d-step { font-size:11px; color:var(--muted); }
.d-start-card h3 { font-size:38px; line-height:1.12; letter-spacing:-.05em; margin:20px 0; }
.d-start-card > p { font-size:15px; color:var(--muted); margin-bottom:25px; max-width:35em; }
.d-about { padding:90px 0; }
.d-about__grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }
.d-about__mark { min-height:360px; background:var(--soft-green); border-radius:20px; display:flex; align-items:center; justify-content:center; font-family:var(--font-merk); font-size:260px; line-height:1; letter-spacing:-.09em; padding-right:.1em; }
.d-about__mark > span { color:var(--terra-d); }
.d-about h2 { font-size:48px; line-height:1.1; letter-spacing:-.05em; margin-bottom:25px; }
.d-about p:not(.eyebrow) { color:var(--muted); font-size:16px; line-height:1.8; }
.d-calculator-disclosure { padding-bottom:70px; }
.d-calculator-disclosure > .wrap > details { border:1px solid var(--lijn); border-radius:14px; }
.d-calculator-disclosure > .wrap > details > summary { cursor:pointer; padding:25px 30px; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:23px; font-weight:600; letter-spacing:-.03em; }
.d-calculator-disclosure summary small { display:block; color:var(--muted); font-size:11px; font-weight:400; letter-spacing:0; margin-bottom:5px; }
.d-disclosure-icon { border-radius:50%; background:var(--surface); width:38px; height:38px; flex:none; display:grid; place-items:center; font-size:22px; }
.d-calculator-disclosure details[open] > summary .d-disclosure-icon { transform:rotate(45deg); }
.d-calculator-disclosure #calculator { padding:22px 0 30px; border-top:1px solid var(--lijn); border-radius:0 0 14px 14px; }
.calc { gap:0; }
.calc__in { border:1px solid var(--lijn); border-radius:12px 0 0 12px; }
.calc__out { border:1px solid #e7c4b0; border-radius:0 12px 12px 0; background:var(--terra-l); }
.calc__v { font-family:var(--font); font-size:40px; letter-spacing:-.05em; }
.klist { border-color:var(--lijn); }
.klist__row { padding:25px 0; }
.klist__t { font-size:20px; line-height:1.3; letter-spacing:-.03em; }
.klist__l { font-size:13px; }
.d-closing { padding:70px 0; }
.d-closing__box { background:var(--terra); padding:65px 30px; border-radius:22px; text-align:center; }
.d-closing .eyebrow { justify-content:center; color:#4e3427; }
.d-closing h2 { font-size:clamp(42px,5vw,68px); line-height:1.05; letter-spacing:-.06em; margin-bottom:22px; }
.d-closing p:not(.eyebrow) { font-size:16px; margin-bottom:26px; color:#45372e; }
.site-footer { border:0; background:#f6f6f2; color:var(--steen); padding-top:50px; }
.site-footer__logo { color:var(--steen); border:0; padding:0; font-size:27px; letter-spacing:-.015em; }
.site-footer__brand p,.site-footer__h,.site-footer__bottom,.site-footer ul a { color:var(--muted); }
.site-footer__brand p:first-of-type { color:var(--steen); }
.site-footer__top { gap:35px; }
.site-footer__h { font-size:10px; letter-spacing:.07em; }
.site-footer ul a { font-size:12px; min-height:31px; }
.site-footer ul a:hover { background:transparent; color:var(--terra-d); text-decoration:underline; }
.site-footer__bottom { border-color:var(--lijn); font-size:11px; }
.site-footer__top > div { border-color:var(--lijn); }
.sticky-cta { background:#ffffffed; border-top:1px solid var(--lijn); }

/* Inner pages share the same surfaces and typographic system. */
.page-head,.dhero,.phero,.about-hero { background:#fff; color:var(--steen); border:0; padding:12px 0 65px; }
.page-head h1,.dhero h1,.phero h1,.about-hero h1 { color:var(--steen); }
.page-head .eyebrow,.dhero .eyebrow,.phero .eyebrow,.about-hero .eyebrow { color:var(--terra-d); }
.page-head__lead,.dhero .page-head__lead,.phero .page-head__lead,.about-hero__intro { color:var(--muted); font-size:16px; line-height:1.8; }
.page-head { text-align:center; padding-bottom:60px; }
.page-head .eyebrow { justify-content:center; }
.page-head h1 { margin:0 auto; max-width:24ch; }
.page-head .page-head__lead { margin:24px auto 0; max-width:680px; }
.page-head .page-head__actions { justify-content:center; }
.page-head .btn--dark { background:var(--steen); color:white; border-color:var(--steen); }
.breadcrumb { margin-bottom:45px; text-align:left; }
.breadcrumb ol,.breadcrumb a,.breadcrumb [aria-current],.about-hero .breadcrumb a,.about-hero .breadcrumb ol,.about-hero .breadcrumb [aria-current] { color:var(--muted); font-size:11px; }
.breadcrumb li::after { color:var(--muted); }
.dhero .btn--ghost-light,.phero .btn--ghost-light,.page-head .btn--ghost-light,.about-hero .btn--ghost-light { border-color:#c8cdc5; color:var(--steen); }
.dhero .btn--primary,.phero .btn--primary,.page-head .btn--primary,.about-hero .btn--primary { background:var(--steen); color:#fff; border-color:var(--steen); }
.dhero .btn--primary:hover,.phero .btn--primary:hover,.page-head .btn--primary:hover,.about-hero .btn--primary:hover { background:var(--terra); color:var(--steen); border-color:var(--terra); }
.dhero .btn--ghost-light:hover,.phero .btn--ghost-light:hover,.page-head .btn--ghost-light:hover,.about-hero .btn--ghost-light:hover { background:var(--surface); color:var(--steen); }
:is(.path--dark,.statement,.ohero,.article-cta) .btn--primary:hover { background:#fff; color:var(--steen); border-color:#fff; }
.dhero .link-arrow,.phero .link-arrow,.page-head .link-arrow { color:var(--steen); }
.dhero__mock { border:1px solid #edd4c5; background:var(--terra-l); border-radius:20px; padding:28px; }
.mk { border:1px solid #d4d8cf; border-radius:12px; box-shadow:0 7px 28px #3426180b; overflow:hidden; font-size:14px; }
.mk__bar { background:#f7f8f4; color:var(--steen); border-bottom:1px solid var(--lijn); font-family:var(--font); letter-spacing:0; text-transform:none; font-size:11px; min-height:43px; }
.mk__bar b { color:var(--muted); font-size:10px; }
.mk__body { background:white; padding:18px; gap:13px; }
.mk__msg { border:1px solid var(--lijn); border-radius:10px 10px 10px 2px; font-size:12px; padding:12px; }
.mk__msg--bot { border-color:#e8c6b3; background:var(--terra-l); border-radius:10px 10px 2px 10px; }
.mk__msg--mens { border-color:var(--steen); }
.mk__msg small,.mk__lbl { font-size:9px; letter-spacing:.035em; }
.mk__tag { border-radius:15px; border-width:1px; font-size:9px; padding:4px 7px; letter-spacing:0; text-transform:none; }
.mk__tag--terra { border-color:#d3a58b; }
.mk__foot { font-size:10px; line-height:1.65; background:#fafbf7; }
.mk__col .mk__h { border-color:#dce1d6; font-size:9px; text-transform:none; letter-spacing:0; padding-bottom:10px; }
.mk__item { border:1px solid var(--lijn); background:#f7f8f4; border-radius:7px; padding:11px; font-size:11px; }
.mk__item--hot { background:var(--terra-l); border-color:#e5c6b3; }
.mk__tbl { font-size:12px; }
.mk__tbl th { font-size:9px; letter-spacing:.015em; text-transform:none; border-color:#d1d9cb; }
.mk__box,.mk__kpi,.mk__browser { border:1px solid #d6ddcf; border-radius:8px; }
.mk__phone { border:1px solid var(--lijn); border-radius:15px; overflow:hidden; }
.mk__kpi b { font-family:var(--font); font-size:24px; letter-spacing:-.04em; }
.mk__kpi span { font-size:10px; }
.mk__chart { border-color:var(--lijn); }
.mk__chart span { border-radius:5px 5px 0 0; background:#c5cebb; }
.mk__browser { overflow:hidden; }
.mk__browser > div:first-child { border-width:1px; }
.mk__browser i { border:0; border-radius:50%; background:#a8afa1; width:5px; height:5px; }
.mk__page .blok { border-radius:5px; }
.mk__page .rij b { border:1px solid var(--lijn); border-radius:4px; }
.dsub { justify-content:center; border:1px solid var(--lijn); border-radius:30px; padding:4px 15px; gap:15px; margin-bottom:12px; }
.dsub a { font-size:12px; padding:8px 12px; }
.dcap { border:0; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.dcap li { background:#fff; border:1px solid var(--lijn); border-radius:13px; padding:27px; display:grid; grid-template-columns:28px 1fr; gap:12px; align-content:start; }
.dcap h3 { font-size:21px; line-height:1.25; }
.dcap p { grid-column:2; font-size:14px; line-height:1.8; }
.dcap__n { font-family:var(--font); font-size:11px; background:var(--terra-l); border-radius:50%; width:25px; height:25px; display:grid; place-items:center; padding:0; color:var(--terra-d); }
.dintro p { font-size:16px; line-height:1.8; }
.dpraktijk { background:var(--terra-l); padding:65px 0; }
.dpraktijk p { font-size:16px; }
.dstappen { border-color:#dcc1b0; }
.dstappen strong { font-size:15px; }
.dstappen small { font-size:13px; }
.dstappen span { font-family:var(--font); font-size:12px; }
.delivery { border-color:var(--lijn); }
.delivery li::before { font-family:var(--font); font-size:13px; }
.delivery strong { font-size:16px; }
.delivery span { font-size:14px; }
.chiplist { gap:8px; }
.chiplist a { border:1px solid #c4ccbd; border-radius:22px; font-size:12px; padding:8px 15px; }
.faq { border:0; display:grid; gap:10px; }
.faq__item { border:1px solid var(--lijn); border-radius:12px; padding:0 23px; }
.faq__item summary { font-size:16px; padding:20px 0; }
.faq__item p { font-size:14px; line-height:1.8; }
.faq__plus { background:var(--surface); border:0; border-radius:50%; }
.faq__item[open] { background:var(--surface); }
.cta-band { background:var(--terra); margin:35px auto; width:calc(100% - 64px); max-width:1176px; padding:55px 30px; border-radius:20px; }
.cta-band .wrap { padding:0; }
.cta-band .h2 { font-size:40px; letter-spacing:-.045em; }
.cta-band p { font-size:15px; color:#45372e; }
.cta-band .btn--ghost-light { border-color:#886650; }
.related { gap:15px; }
.related a { border:1px solid var(--lijn); border-radius:10px; padding:20px; }
.related__t { font-size:21px; }
.idx { border:0; }
.idx__group { border-color:var(--lijn); }
.idx__row { background:var(--surface); border:1px solid var(--lijn); border-radius:12px; margin-bottom:12px; padding:22px; grid-template-columns:26px 1fr 24px; }
.idx__row:hover { background:var(--terra-l); padding:22px; }
.idx__n { font-family:var(--font); font-size:11px; }
.idx__t { font-size:23px; }
.idx__k { font-size:14px; margin-top:9px; }
.idx__pijl { width:24px; height:24px; }
.routes { gap:18px; }
.route-card { background:#fff; border:1px solid var(--lijn); border-radius:13px; padding:25px; }
.route-card h3 { font-size:22px; }
.route-card li { font-size:14px; }
.card { border:1px solid var(--lijn); border-radius:13px; padding:28px; }
.card h3 { font-size:23px; }
.card p { font-size:15px; }
.on-dark .card { border-color:var(--lijn-dk); }
.phero__direct { padding:20px 0 0; border-color:var(--lijn); }
.phero__direct p { color:var(--muted); font-size:12px; }
.phero__direct .link-arrow { font-size:12px; }
.doc { border-radius:13px; border:1px solid #e2c7b8; background:#fff; padding:28px; box-shadow:0 0 0 18px var(--terra-l); margin:18px; max-width:calc(100% - 36px); }
.doc__top { font-family:var(--font); font-size:10px; text-transform:none; letter-spacing:0; border-color:var(--lijn); border-width:1px; }
.doc h2 { font-size:28px; margin:20px 0; }
.doc li { padding:14px 0; font-size:14px; }
.doc li::before { font-family:var(--font); font-size:12px; margin-top:3px; }
.doc li small { font-size:11px; margin-top:4px; }
.doc__foot { font-size:10px; line-height:1.7; }
.scan-prepare { background:#fff; border:1px solid var(--lijn); border-radius:12px; }
.step__n { font-family:var(--font); font-size:14px; }
.step h3 { font-size:22px; }
.step p { font-size:15px; }
.scan-fit > div { border:1px solid var(--lijn); border-radius:12px; padding:26px; }
.scan-fit > .scan-fit__yes { background:var(--soft-green); border-color:#ced6c6; }
.scan-fit ul { font-size:15px; }
.about-hero h1 { font-size:clamp(40px,4.8vw,65px); line-height:1.08; letter-spacing:-.05em; }
.about-hero h1 span { color:var(--terra-d); }
.about-poster { background:var(--terra-l); border:1px solid #e7c5b2; border-radius:20px; box-shadow:none; color:var(--steen); padding:35px; }
.about-poster__statement { font-family:var(--font); font-size:clamp(38px,4.5vw,60px); line-height:1.08; letter-spacing:-.055em; font-weight:600; }
.about-poster__top { font-size:10px; border-color:#dcbeaa; }
.about-poster__foot { font-size:12px; border-color:#dcbeaa; }
.about-story h2 { font-size:clamp(32px,3.5vw,46px); line-height:1.15; letter-spacing:-.045em; }
.about-story__prose p { font-size:16px; line-height:1.9; }
.about-belief { background:var(--soft-green); padding:64px 0; }
.about-belief h2 { font-size:clamp(34px,4vw,50px); line-height:1.15; letter-spacing:-.045em; }
.about-belief p:not(.eyebrow) { font-size:16px; max-width:650px; line-height:1.8; }
.about-principles { border:0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.about-principles li { display:flex; flex-direction:column; border:1px solid var(--lijn); border-radius:13px; padding:25px; gap:16px; }
.about-principles__number { font-family:var(--font); font-size:12px; }
.about-principles h3 { font-size:23px; }
.about-principles p { font-size:14px; }
.beginnen { border-color:var(--lijn); gap:25px; }
.beginnen li { border-color:var(--lijn); }
.beginnen span { font-family:var(--font); font-size:12px; }
.beginnen h3 { font-size:23px; }
.beginnen p { font-size:14px; }
.path { border-radius:16px; padding:40px; }
.paths { gap:20px; }
.paths .path__kick { font-size:11px; }
.paths p:not(.path__kick) { font-size:15px; }
.paths h2,.paths h3 { font-size:32px; letter-spacing:-.045em; }
section > .paths { max-width:1176px; margin:auto; padding:20px; }
.intake__card { border:1px solid var(--lijn); border-radius:15px; box-shadow:0 7px 30px #26321f08; }
.notice,.summary-box,.vraag-summary { border-radius:10px; border-width:1px; }
.field input,.field textarea,.field select { border-radius:8px; border-width:1px; }
.choice { border-radius:9px; border-width:1px; }
.article-head { background:var(--surface); }
.report-head { border-color:var(--lijn); }
:is(.page-head,.dhero,.phero,.about-hero,.site-footer) :focus-visible { outline-color:var(--terra-d); box-shadow:0 0 0 6px #fff; }
.d-connected :focus-visible { outline-color:var(--terra); box-shadow:0 0 0 6px var(--steen); }

@media(max-width:1100px) {
 .work-window { grid-template-columns:180px minmax(0,1fr); }
 .work-sidebar { padding:20px 12px; }
 .work-heading { align-items:start; flex-direction:column; gap:7px; }
 .work-example { margin:0; }
 .work-card { padding:10px; }
 .d-service-grid { gap:14px; }
 .d-service__copy { padding:24px 20px 16px; }
 .d-service__visual { padding:24px 16px; }
 .d-service__copy h3 { font-size:23px; }
 .d-connected__box { padding:40px; gap:40px; }
 .d-about__grid { gap:60px; }
}
@media(max-width:900px) {
 .section { padding:65px 0; }
 .d-hero { padding-top:30px; }
 .d-hero h1 { font-size:66px; }
 .d-hero__copy > p { font-size:15px; }
 .work-window { grid-template-columns:1fr; }
 .work-sidebar { display:none; }
 .work-heading { flex-direction:row; }
 .work-card { padding:15px; }
 .d-service-grid { grid-template-columns:1fr; }
 .d-service { display:grid; grid-template-columns:.9fr 1.1fr; }
 .d-service__visual { height:auto; min-height:260px; padding:30px; }
 .d-service__copy { padding:28px; }
 .d-service__copy > p { min-height:0; }
 .d-service__copy h3 { max-width:25ch; }
 .d-connected__box { grid-template-columns:1fr; gap:40px; }
 .system-map { max-width:540px; width:100%; margin:auto; }
 .d-industries .pick { grid-template-columns:1fr; gap:18px; }
 .js .d-industries .pick__list { display:none; }
 .d-start-card { padding:28px; }
 .d-start-card h3 { font-size:32px; }
 .d-about__grid { gap:40px; }
 .d-about h2 { font-size:36px; }
 .d-about__mark { min-height:310px; font-size:210px; }
 .d-about { padding:65px 0; }
 .dhero__mock { max-width:650px; width:100%; margin:auto; }
 .dhero__grid,.phero__grid { gap:40px; }
 .phero .doc { max-width:550px; }
 .about-principles { grid-template-columns:1fr; }
 .about-principles li { display:grid; grid-template-columns:25px 1fr; gap:15px; }
 .about-principles p { grid-column:2; }
 .calc__in { border-radius:12px 12px 0 0; }
 .calc__out { border-radius:0 0 12px 12px; border:1px solid #e7c4b0; }
 .cta-band { padding:40px 30px; }
}
@media(max-width:640px) {
 .site-header__bar { padding-top:17px; padding-bottom:17px; }
 .brand__name { font-size:26px; }
 .concept-strip { font-size:10px; }
 .d-badge { font-size:9px; gap:6px; padding:6px 10px; }
 .d-hero h1 { font-size:clamp(42px,10.8vw,65px); margin:23px 0; letter-spacing:-.06em; }
 .d-hero__copy > p { font-size:14px; max-width:34em; }
 .desktop-break { display:none; }
 .d-actions { gap:8px; margin-top:23px; }
 .d-actions .btn { font-size:12px; padding:0 17px; min-height:47px; }
 .d-hero__copy > .d-hero__note { font-size:9px; max-width:30em; line-height:1.7; }
 .work-showcase { padding:9px 9px 0; margin-top:30px; border-radius:14px; }
 .work-window { border-radius:9px; }
 .work-top { padding:10px 14px; min-height:43px; font-size:9px; }
 .work-tabs { padding:10px 10px 0; gap:3px; }
 .work-tab { flex:1; justify-content:center; padding:8px 5px; min-height:40px; font-size:9px; gap:4px; }
 .work-tab svg { display:none; }
 .work-panel { padding:18px 14px; }
 .work-heading { flex-direction:column; gap:10px; margin-bottom:18px; }
 .work-heading h2 { font-size:22px; max-width:22ch; }
 .work-heading p { font-size:11px; line-height:1.6; }
 .work-kicker { font-size:9px!important; }
 .work-example { font-size:8px; }
 .work-columns { grid-template-columns:1fr; gap:7px; }
 .work-column { padding:10px; display:grid; grid-template-columns:75px minmax(0,1fr); gap:8px; align-items:start; }
 .work-column__title { font-size:9px; margin:10px 0 0; gap:4px; flex-wrap:wrap; }
 .work-card { min-height:0; padding:10px 12px; }
 .work-card__tag { font-size:8px; margin-bottom:8px; }
 .work-card h3 { font-size:12px; margin-bottom:5px; }
 .work-card > p { font-size:10px; margin:0; }
 .work-card__foot { display:none; }
 .work-status { padding:0 14px 15px; font-size:9px; align-items:start; }
 .work-caption { font-size:8px; line-height:1.7; padding:10px 5px; }
 .section { padding:55px 0; }
 .section-head--center { margin-bottom:28px; }
 .section-head--center .h2 { font-size:32px; max-width:21ch; }
 .section-head--center .lead { font-size:14px; }
 .eyebrow { font-size:10px; margin-bottom:15px; }
 .d-service { display:block; }
 .d-service__visual { min-height:0; height:205px; padding:28px; }
 .d-service__copy { padding:25px; }
 .d-service__copy h3 { font-size:26px; max-width:19ch; }
 .d-service__copy > p { margin-bottom:17px; }
 .d-connected__box { padding:30px 24px; border-radius:16px; gap:32px; }
 .d-connected h2 { font-size:32px; }
 .d-connected h2 br { display:none; }
 .d-connected__copy > p:not(.eyebrow) { font-size:14px; }
 .d-connected .btn { font-size:12px; padding:0 17px; width:100%; }
 .system-map__nodes { gap:7px; }
 .system-map__nodes a { font-size:9px; min-height:76px; }
 .system-map > p { font-size:9px; }
 .d-industries .pick__panel,.d-industries .pick__empty { padding:24px; }
 .d-industries .pick__empty h3 { font-size:30px; }
 .d-industries .pick__quote { font-size:24px; }
 .d-industries .pick__go .btn { font-size:12px; }
 .d-start-grid { grid-template-columns:1fr; gap:15px; }
 .d-start-card { padding:28px; }
 .d-start-card h3 { font-size:35px; }
 .d-about__grid { grid-template-columns:1fr; gap:30px; }
 .d-about__mark { min-height:250px; font-size:200px; }
 .d-about h2 { font-size:38px; }
 .d-about p:not(.eyebrow) { font-size:15px; }
 .d-calculator-disclosure { padding-bottom:45px; }
 .d-calculator-disclosure > .wrap > details > summary { padding:20px; font-size:19px; line-height:1.3; gap:15px; }
 .d-calculator-disclosure #calculator > .wrap { padding:0 15px; }
 .d-calculator-disclosure #calculator .h2 { font-size:27px; }
 .d-closing { padding:45px 0; }
 .d-closing__box { padding:45px 24px; border-radius:16px; }
 .d-closing .eyebrow { font-size:9px; }
 .d-closing h2 { font-size:48px; }
 .d-closing p:not(.eyebrow) { font-size:15px; }
 .site-footer__h { margin-bottom:10px; }
 .site-footer ul a { font-size:11px; }
 .page-head,.dhero,.phero,.about-hero { padding-bottom:45px; }
 .breadcrumb { margin-bottom:28px; }
 .h1--page { font-size:36px; line-height:1.13; }
 .page-head__lead,.dhero .page-head__lead,.phero .page-head__lead { font-size:15px; }
 .page-head__actions { gap:9px; }
 .page-head__actions .btn { font-size:12px; padding:0 17px; min-height:47px; }
 .dhero__mock { padding:16px; border-radius:14px; }
 .mk__cols { grid-template-columns:1fr; }
 .mk__col { padding:10px; border:1px solid var(--lijn); border-radius:8px; }
 .mk__col .mk__h { border:0; font-size:11px; padding-bottom:0; }
 .mk__item { font-size:12px; }
 .mk__tbl th { font-size:10px; }
 .mk__tbl td { font-size:11px; }
 .mk__tag { font-size:9px; }
 .dsub { gap:2px; border-radius:12px; padding:8px; flex-wrap:wrap; justify-content:start; }
 .dsub a { font-size:11px; padding:7px 10px; }
 .dcap { grid-template-columns:1fr; gap:13px; }
 .dcap li { padding:23px; }
 .dcap h3 { font-size:21px; }
 .dpraktijk { padding:45px 0; }
 .dpraktijk p { font-size:15px; }
 .cta-band { width:calc(100% - 40px); padding:32px 24px; margin:20px auto; border-radius:14px; }
 .cta-band .h2 { font-size:32px; }
 .cta-band .btn { font-size:12px; }
 .idx__row,.idx__row:hover { padding:20px; grid-template-columns:22px 1fr; }
 .idx__t { font-size:22px; }
 .idx__pijl { display:none; }
 .doc { box-shadow:0 0 0 10px var(--terra-l); margin:10px; max-width:calc(100% - 20px); padding:22px; }
 .doc h2 { font-size:25px; }
 .about-poster { padding:28px; }
 .about-poster__statement { font-size:46px; }
 .about-hero h1 { font-size:42px; }
 .about-belief { padding:45px 0; }
 .about-principles li { padding:22px; }
 .about-principles h3 { font-size:22px; }
 .about-story__prose p { font-size:15px; }
 .path { padding:28px; }
 .paths h2,.paths h3 { font-size:30px; }
 .paths { gap:15px; }
}
@media(prefers-reduced-motion:reduce) {
 *,*::before,*::after { transition:none!important; scroll-behavior:auto!important; }
 html:not([data-explicit-motion="aan"]) *:not([data-ambient-motion][data-user-motion="true"], [data-ambient-motion][data-user-motion="true"] *),
 html:not([data-explicit-motion="aan"]) *:not([data-ambient-motion][data-user-motion="true"], [data-ambient-motion][data-user-motion="true"] *)::before,
 html:not([data-explicit-motion="aan"]) *:not([data-ambient-motion][data-user-motion="true"], [data-ambient-motion][data-user-motion="true"] *)::after{ animation:none!important; }
}