/* WerkZap: blue accent, neutral surfaces, slate text. */
:root,:root[data-variant="blue"]{--accent:#3568d4;--dark:#182333;--paper:#fff;--ink:#263244;--muted:#818181;--line:#e4e4e4;--sage:#f4f4f4;--primary-ink:#fff;--primary-hover:#2857bb;--primary-soft:#eaf0fc;--primary-muted:#f8f8f8;--primary-border:#b1c5ef;--primary-text:#616161;--primary-on-dark:#adc3ee}
body{color:var(--ink)}.muted,.intro-grid .muted,.sticky-copy p,.setup-heading>p,.steps article>p{color:var(--muted)}
.site-header:not(.is-over-hero):not(.is-over-dark){color:#263244;background:#fff}.site-header.is-over-dark{background:#182333f5;color:#f3f3f3}
.systems,.site-footer{background:#182333;color:#f2f2f2}.systems-heading p,.systems-layout>div>p,.footer-about p,.footer-column a,.footer-bottom,.footer-bottom a{color:#c5c5c5}.footer-column h3{color:#ababab}.system-category{background:#ffffff06;border-color:#ffffff1f}.system-category h3{color:#dadada}.app-chip{background:#f9f9f9;color:#465369}.everyday-tools{background:#ffffff06;border-color:#ffffff1f;color:#dadada}.integration-bridge{color:#878787}.mobile-hub-lines{stroke:#878787}
.contact{background:#f4f4f4;color:#263244}.pilot-badge{background:#ececec;color:#656565;border-color:#dcdcdc}.pilot-includes span:before{color:#7f7f7f}.contact input,.contact select,.contact textarea{background:#fff;border-color:#e3e3e3;color:#34435a}
.industry-tabs button{color:#787878;border-color:#e6e6e6}.industry-tabs button.selected{background:#eaf0fc;color:#616161;border-color:#d1d1d1}.industry-example{background:#f6f6f6;color:#33445e}.industry-right p,#industry-checks,.example-label{color:#828282}.flow span{background:#f1f1f1;color:#626262}.flow{color:#909090}
.agent-tabs>button,.agent-tabs>button:first-child[aria-selected=true],.agent-tabs>button:nth-child(2)[aria-selected=true],.agent-tabs>button:nth-child(3)[aria-selected=true]{color:#737373;background:transparent}.agent-tabs>button[aria-selected=true],.agent-tabs>button:first-child[aria-selected=true],.agent-tabs>button:nth-child(2)[aria-selected=true],.agent-tabs>button:nth-child(3)[aria-selected=true]{color:#616161;background:#eaf0fc}.agent-icon.lime,.agent-icon.lilac,.agent-icon.blue{background:#dfe8f9}.agent-tabs [aria-selected=true] .agent-icon{background:var(--accent)}.agent-icon img{filter:none!important}.agent-tabs [aria-selected=true] .agent-icon img{filter:brightness(0) invert(1)!important}.demo-intro,.zap-demo-section>.eyebrow{color:#838383}.agent-description{background:transparent;color:#818181;padding:0 20px 28px;margin:0 auto}
.preview-bar{background:#1c293cf2;border-color:#ffffff25}.preview-bar>span i{background:#8fb0f0}.preview-bar small{color:#cdcdcd}#brand-dialog{background:#f9f9f9;color:#263244}.brand-applications>div{border-color:#e6e6e6}.brand-applications small,.brand-caption{color:#818181}.brand-motion{background:#182333!important}.brand-motion small{color:#cdcdcd}
.step-visual,.workflow-canvas,.training-editor,.workspace-editor,.workflow-editor{background-color:#f7f7f7;border-color:#e5e5e5}.mini-editor-bar,.mini-editor-footer,.workspace-editor-tabs,.training-audience{background:#fafafa;border-color:#e8e8e8}.mini-editor-bar b,.workflow-node span,.workspace-editor-body,.cybernetik-guide b,.lesson-screen h4{color:#686868}.mini-editor-bar>span:last-child,.mini-editor-footer,.mini-workspace-stat>span,.mini-workspace-table,.training-participants>span{color:#929292}.workflow-node{border-color:#e3e3e3;background:white}.workflow-node small{color:#929292}.workflow-node.active,.workflow-node:hover{background:#edf2fc;border-color:#c9c9c9}.workflow-inspector,.workspace-rules span,.mini-workspace-table em{background:#f2f2f2;color:#828282}.mini-workspace-stat>span,.lesson-screen{background:#fafbfe;border-color:#e8e8e8}.mini-workspace-stat strong,.mini-workspace-table b{color:#757575}.mini-workspace-table>div{border-color:#e8e8e8}.session-dot,.inspector-dot{background:#a0a0a0}.workflow-signal{stroke:#acacac}.workflow-edges g{stroke:#d7d7d7}.workspace-rules,.workspace-rules i,#lesson-steps,.guided-learning{color:#949494}
.auto-demo{text-align:left;background:#f5f5f5;padding:22px;border:1px solid #eaeaea;border-radius:20px;max-width:1040px;margin:0 auto}.auto-connections{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 22px}.connection-chip{display:flex;align-items:center;gap:8px;padding:10px 13px;background:white;border:1px solid #e8e8e8;border-radius:9px;font-size:11px;color:#636363}.connection-chip img{width:19px;height:19px;object-fit:contain}.connection-chip small{font-size:9px;margin-left:9px;color:#929292}.auto-window{background:#fff;border:1px solid #e4e4e4;border-radius:13px;overflow:hidden;box-shadow:0 10px 30px #20345606}.auto-titlebar{display:flex;align-items:center;gap:15px;border-bottom:1px solid #ececec;padding:15px 20px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#dddddd}#auto-app-name{display:flex;align-items:center;gap:8px;font-size:11px;color:#5f5f5f}#auto-app-name img{width:18px;height:18px;object-fit:contain}.auto-example{margin-left:auto;font-size:9px;color:#a2a2a2}.auto-scene{min-height:420px;padding:30px 48px;animation:none}.auto-scene>div{animation:scene-arrive .35s ease both}.scene-heading{margin-bottom:23px}.scene-kicker{font-size:8px;letter-spacing:1.3px;color:#a3a3a3}.scene-heading h3{font-size:24px;font-weight:400;letter-spacing:-.65px;line-height:1.3;margin:8px 0;color:#2e405b}.scene-heading>p{font-size:11px;color:#9b9b9b;margin:0}.auto-status{display:flex;align-items:center;gap:9px;min-height:46px;padding:12px 20px;background:#fbfbfb;border-top:1px solid #eeeeee;font-size:10px;color:#888888}.auto-status-dot{height:5px;width:5px;border-radius:50%;background:#a6a6a6;flex-shrink:0}.auto-progress{margin-left:auto;width:80px;height:3px;background:#ebebeb;border-radius:2px;overflow:hidden;flex-shrink:0}.auto-progress i{display:block;height:100%;background:var(--accent);transition:width .5s}.connection-intro{display:flex;min-height:355px;align-items:center;justify-content:center;flex-direction:column}.large-zap,.small-zap{display:block;background:var(--accent);mask:url('logos/werkzap-zap.svg') center/contain no-repeat}.large-zap{width:64px;height:64px;margin-bottom:15px}.connection-intro h3{font-size:28px;font-weight:400;letter-spacing:-1px}.connection-intro p{font-size:12px;color:#9b9b9b;margin:12px 0 25px}.loading-track{width:100px;height:3px;background:#ededed;overflow:hidden;border-radius:2px}.loading-track i{display:block;width:45%;height:100%;background:var(--accent);animation:load-slide 1.1s ease-in-out infinite}.message-thread{max-width:620px;margin:auto;display:flex;flex-direction:column;gap:18px}.message{padding:17px 20px;border:1px solid #eaeaea;border-radius:12px;max-width:85%;font-size:12px;line-height:1.8}.message small{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#9c9c9c}.message p{margin:8px 0 0;color:#666666}.incoming{background:#f8f8f8}.outgoing{align-self:flex-end;background:#edf3ff;border-color:#dee8fb}.message-check{display:block;text-align:right;color:#9d9d9d;font-size:11px}.sheet-file{display:flex;justify-content:space-between;align-items:center;border:1px solid #e9e9e9;padding:10px 12px;background:#fbfbfb;border-radius:7px 7px 0 0}.sheet-file>span{display:flex;align-items:center;gap:8px;font-size:10px}.sheet-file img{width:16px;height:16px}.sheet-file small{font-size:9px;color:#a1a1a1}.roster-table{border-collapse:collapse;width:100%;font-size:11px;color:#878787}.roster-table th{font-weight:400;color:#a8a8a8;font-size:9px;background:#fcfcfc;text-align:left}.roster-table td,.roster-table th{padding:13px 10px;border:1px solid #ebebeb}.roster-table .matched{background:#f2f6ff;color:#757575}.person-dot{display:inline-grid;place-items:center;margin-right:8px;width:22px;height:22px;border-radius:50%;background:#efefef;font-size:9px}.match-tag{white-space:nowrap;color:#8a8a8a;font-size:9px}.scene-insight{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:8px;background:#f0f5ff;color:#888888;font-size:10px;line-height:1.7;margin-top:20px}.small-zap{width:17px;height:20px;flex-shrink:0}.calendar-board{border:1px solid #e8e8e8;border-radius:9px;overflow:hidden}.calendar-heading{display:flex;justify-content:space-between;padding:11px 15px;border-bottom:1px solid #eaeaea;font-size:9px;color:#a2a2a2}.calendar-heading strong{font-weight:450;color:#838383}.calendar-body{display:grid;grid-template-columns:52px 1fr;padding:12px 15px 0;height:194px}.calendar-times{display:flex;flex-direction:column;justify-content:space-between;color:#aeaeae;font-size:9px;padding-bottom:15px}.calendar-lanes{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:19px}.calendar-line{height:1px;background:#f1f1f1;width:100%}.calendar-event{position:absolute;left:0;right:25%;top:0;height:136px;border-left:3px solid #919191;border-radius:5px;background:#eaf1ff;padding:13px 15px;display:flex;flex-direction:column;gap:8px;color:#7f7f7f}.calendar-event small{font-size:9px}.calendar-event strong{font-size:12px;font-weight:500;color:#6b6b6b}.calendar-event>span{font-size:10px}.calendar-event .event-confirmed{font-size:8px;color:#9b9b9b;margin-top:auto}.notification{display:flex;gap:11px;align-items:center;border:1px solid #eaeaea;border-radius:9px;padding:13px 16px;margin-top:16px;background:#fbfbfb}.notification>img{width:23px;height:23px}.notification>div{display:flex;flex-direction:column;gap:5px}.notification strong{font-size:10px;font-weight:450;color:#797979}.notification span{font-size:9px;color:#a4a4a4}.notification-check{margin-left:auto}.work-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:19px}.work-summary>div{background:#f8f8f8;border:1px solid #eeeeee;padding:13px;border-radius:7px}.work-summary small{display:block;font-size:9px;color:#a6a6a6;margin-bottom:7px}.work-summary strong{font-size:15px;font-weight:400;color:#767676}.record-lines{border:1px solid #eaeaea;border-radius:8px;overflow:hidden}.record-lines>div{display:flex;justify-content:space-between;gap:16px;padding:15px;border-bottom:1px solid #eeeeee;font-size:11px;color:#929292}.record-lines>div:last-child{border:0}.record-lines b{font-weight:400;color:#858585;font-size:10px;text-align:right}.invoice-paper{max-width:600px;margin:auto;border:1px solid #e7e7e7;border-radius:9px;padding:18px 23px;box-shadow:0 5px 20px #2b416304}.invoice-paper>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;padding:10px 0;color:#9a9a9a}.invoice-paper b{font-weight:400;color:#7c7c7c}.invoice-paper .invoice-heading{border-bottom:1px solid #ececec;padding:0 0 15px;margin-bottom:7px}.invoice-heading strong{font-weight:450;color:#6c6c6c}.invoice-heading>span{font-size:8px;letter-spacing:1px;color:#aaaaaa}.invoice-paper .invoice-total{border-top:1px solid #ececec;margin-top:5px;font-size:14px;color:#7a7a7a}.invoice-total b{color:#6d6d6d}.auto-demo[data-scene="4"] .auto-status-dot{background:#818181}
@keyframes scene-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes load-slide{from{transform:translateX(-100%)}to{transform:translateX(320%)}}
@media(max-width:760px){.auto-demo{padding:10px;border-radius:14px}.auto-connections{gap:6px;margin:4px 0 14px}.connection-chip{padding:7px;font-size:9px;gap:5px}.connection-chip img{width:15px;height:15px}.connection-chip small{font-size:8px;margin-left:0}.connection-chip small{display:none}.auto-titlebar{padding:12px}.auto-example{font-size:8px}.auto-scene{padding:22px 14px;min-height:410px}.scene-heading h3{font-size:21px}.scene-heading>p{font-size:10px}.scene-heading{margin-bottom:20px}.message{padding:13px;max-width:95%;font-size:11px}.auto-status{padding:11px 12px;font-size:9px;line-height:1.5}.auto-progress{width:35px}.roster-table{font-size:9px}.roster-table td,.roster-table th{padding:11px 6px}.roster-table th{font-size:8px}.person-dot{display:none}.match-tag{font-size:8px}.calendar-event{right:2%;padding:12px}.calendar-event strong{font-size:11px}.calendar-event>span{font-size:9px}.notification{padding:12px 10px;gap:9px}.notification span{font-size:9px;line-height:1.5}.notification>img{width:20px;height:20px}.scene-insight{padding:12px;font-size:9px}.work-summary{gap:6px}.work-summary>div{padding:10px}.work-summary strong{font-size:12px}.record-lines>div{font-size:10px;padding:13px 11px}.record-lines b{font-size:9px}.invoice-paper{padding:15px}.invoice-paper>div{font-size:10px}.agent-description{padding:0 4px 22px}.connection-intro{min-height:360px}}
@media(prefers-reduced-motion:reduce){.auto-scene>div,.loading-track i{animation:none}.auto-progress i{transition:none}}
/* Keep the calm palette legible at the size of the website demo. */
.connection-chip{font-size:12px;color:#5f5f5f}.connection-chip small{font-size:10px;color:#7f7f7f}#auto-app-name{font-size:12px}.auto-example,.scene-kicker{color:#8c8c8c}.scene-heading>p{font-size:12px;color:#878787}.message{font-size:13px}.message small{font-size:10px;color:#868686}.roster-table{font-size:12px;color:#777777}.roster-table th{font-size:10px;color:#8c8c8c}.match-tag{font-size:11px}.sheet-file>span{font-size:11px}.sheet-file small{font-size:10px;color:#8f8f8f}.scene-insight{font-size:12px;color:#7c7c7c}.auto-status{font-size:11px;color:#7d7d7d}.calendar-heading{font-size:10px;color:#8c8c8c}.calendar-event strong{font-size:14px}.calendar-event small,.calendar-event>span{font-size:11px}.calendar-event .event-confirmed{font-size:10px}.notification strong{font-size:12px}.notification span{font-size:11px;color:#878787}.record-lines>div{font-size:12px;color:#7c7c7c}.record-lines b{font-size:12px;color:#727272}.invoice-paper>div{font-size:12px;color:#888888}.invoice-paper b{color:#6d6d6d}
@media(max-width:760px){.connection-chip{font-size:9px}.scene-heading>p{font-size:11px}.message{font-size:12px}.roster-table{font-size:10px}.roster-table th{font-size:9px}.match-tag{font-size:9px}.scene-insight,.auto-status{font-size:10px}.calendar-event strong{font-size:12px}.notification span{font-size:10px}.record-lines>div,.record-lines b{font-size:11px}.invoice-paper>div{font-size:11px}}
/* Neutral foundation, with restrained accents for the three kinds of work. */
:root,:root[data-variant="blue"]{--accent:#416ac0;--dark:#25272b;--ink:#303237;--muted:#777b81;--line:#e2e3e5;--sage:#f4f4f4;--primary-hover:#3459a5;--primary-soft:#f0f3f9;--primary-muted:#f7f8fa;--primary-border:#c3ccdf;--primary-text:#526b9b;--primary-on-dark:#aab9d7}
.systems,.site-footer{background:#25272b;color:#f3f3f3}.site-header.is-over-dark{background:#25272bf5}.systems-heading p,.footer-about p,.footer-column a,.footer-bottom,.footer-bottom a{color:#bdbfc3}.system-category h3,.everyday-tools{color:#d6d7da}.contact{background:#f5f5f4}.industry-example{background:#f5f5f4}.pilot-badge{background:#f4e8da;border-color:#ead5bd;color:#9c6a37}.pilot-includes span:before{color:#c58a51}.preview-bar{background:#2b2d31f5}.preview-bar small{color:#c4c5c8}.auto-demo{background:#f5f5f4;border-color:#e4e4e2}.auto-window{border-color:#e1e2e4}.auto-scene .scene-heading h3,.connection-intro h3{color:#383b40}.scene-heading>p,.demo-intro,.agent-description,.zap-demo-section>.eyebrow{color:#7c7f85}.auto-titlebar,.auto-status,.roster-table th,.sheet-file{background:#fbfbfb;border-color:#e8e8e8}.connection-chip{border-color:#e5e5e5;color:#65686e}.connection-chip small{color:#81868e}.auto-status{color:#7c8086}.scene-kicker,.auto-example{color:#8c9096}.calendar-event{background:#f0f3f9;border-color:#8399c3}.calendar-event strong{color:#5c7198}.calendar-event small,.calendar-event>span{color:#8190a9}.calendar-event .event-confirmed{color:#8b9ab3}.outgoing{background:#f1f3f7;border-color:#e4e7ed}.incoming{background:#f7f7f6}.roster-table .matched{background:#f3f5f8}.person-dot{background:#eceef1}.scene-insight{background:#f4f5f7;color:#768091}.notification{background:#fbfbfa}.invoice-paper{border-color:#e5e5e5}.work-summary>div{background:#f7f7f6;border-color:#eaeae8}.invoice-paper .invoice-total{color:#6e6482}.invoice-total b{color:#827091}
.agent-tabs>button:nth-child(2)[aria-selected=true]{background:#fbf0e5;color:#9b744e}.agent-tabs>button:nth-child(2) .agent-icon{background:#f3e4d4}.agent-tabs>button:nth-child(2)[aria-selected=true] .agent-icon{background:#dba777}.agent-tabs>button:nth-child(3)[aria-selected=true]{background:#f1edf5;color:#897598}.agent-tabs>button:nth-child(3) .agent-icon{background:#e9e2ef}.agent-tabs>button:nth-child(3)[aria-selected=true] .agent-icon{background:#ad99ba}.agent-tabs>button:first-child .agent-icon{background:#e2e7f0}.agent-tabs>button:first-child[aria-selected=true] .agent-icon{background:var(--accent)}
.auto-demo[data-flow="uitvoering"]{--accent:#cc996b}.auto-demo[data-flow="uitvoering"] .scene-insight{background:#faf3eb;color:#9b8066}.auto-demo[data-flow="uitvoering"] .auto-status-dot{background:#c49c76}.auto-demo[data-flow="uitvoering"] .record-lines b{color:#a38b71}.auto-demo[data-flow="facturatie"]{--accent:#a28bb2}.auto-demo[data-flow="facturatie"] .scene-insight{background:#f5f1f7;color:#9685a0}.auto-demo[data-flow="facturatie"] .auto-status-dot{background:#a28bb2}
.data-pulses{stroke:#d1ac86!important}.workflow-inspector{background:#f3f4f5;color:#81868d}.workflow-node.active{background:#f3f5f8}.workspace-rules span{background:#f7eee4;color:#a08b70}.lesson-screen{background:#fafafa}.mini-editor-bar b,.workflow-node span,.cybernetik-guide b,.lesson-screen h4{color:#6b7078}

/* Stronger section contrast: ink blue, white and vivid orange. */
.systems{background:#101c46;color:#fff}
.systems .eyebrow,.systems-heading h2{color:#fff}
.systems-heading>p{color:#dce3f8}
.systems .everyday-tools,.systems .system-category{background:#172650;border-color:#3c4e7b}
.systems .everyday-tools,.systems .system-category h3{color:#fff}
.systems .app-chip{background:#fff;color:#202b47}
.systems .integration-bridge{color:#667eb5}
.systems .mobile-integration-bridge svg{stroke:#667eb5}
.systems .mobile-flow-pulse{stroke:#ff6500}
.industry-example{background:#ff6b00;color:#171b26}
.industry-example h3,.industry-example .eyebrow,.industry-example .industry-right p,.industry-example #industry-checks,.industry-example .example-label{color:#171b26}
.industry-example #industry-checks>span{border-color:#171b264d}
.industry-tabs button{color:#303746;border-color:#ccd1dc;background:#fff}
.industry-tabs button.selected{background:#ff6b00;border-color:#ff6b00;color:#171b26}
.industry-tabs button:hover{border-color:#ff6b00;color:#171b26}
.site-footer{background:#0b1433;color:#fff}
.site-footer .footer-column h3{color:#fff}
.site-footer .footer-about p,.site-footer .footer-column a,.site-footer .footer-bottom,.site-footer .footer-bottom a{color:#dce3f8}
.site-footer .footer-column a:hover,.site-footer .footer-bottom a:hover{color:#ff8a32}
.site-footer .footer-bottom{border-color:#354367}
.site-header.is-over-dark{background:#101c46f5;color:#fff}

/* Repeat the vivid orange across actions and connection accents. */
:root{--werkzap-orange:#ff6b00;--werkzap-orange-hover:#ef6000;--werkzap-on-orange:#171b26}
.button,.site-header .button,.preview-bar>#show-brand{background:var(--werkzap-orange);color:var(--werkzap-on-orange)}
.button:hover,.site-header .button:hover,.preview-bar>#show-brand:hover{background:var(--werkzap-orange-hover);color:var(--werkzap-on-orange)}
:root[data-variant="blue"] .systems .data-pulses,:root[data-variant="blue"] .systems .hub-pulse,.systems .mobile-flow-pulse{stroke:var(--werkzap-orange)!important}
.contact .pilot-badge{background:var(--werkzap-orange);color:var(--werkzap-on-orange);border-color:var(--werkzap-orange)}
.contact .pilot-includes span:before{color:#c34b00}
.setup .steps article>span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--werkzap-orange)}