/* Bedrijfskompas: an expressive studio rhythm, within the existing palette. */
.bk-studio{--studio-lilac:#eae7f2;--studio-moss:#e7eddf;--studio-orange:#e6a77c}
.bk-studio .header{position:relative}.bk-studio .header:after{content:'';position:absolute;bottom:0;left:48px;right:48px;height:1px;background:var(--line)}
.bk-studio .nav a{position:relative}.bk-studio .nav a:not(.nav-cta):after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .2s}.bk-studio .nav a:hover:after,.bk-studio .nav a[aria-current=page]:after{transform:scaleX(1)}
.bk-studio .button{border-radius:5px;transition:transform .22s,box-shadow .22s,background .22s}.bk-studio .button span[aria-hidden]{display:inline-block;transition:transform .22s}.bk-studio .button:hover span[aria-hidden]{transform:translate(3px,-3px)}.bk-studio .button:focus-visible{outline:3px solid #618b00;outline-offset:5px}
.bk-home .hero{position:relative;padding-top:75px;padding-bottom:85px}.bk-home .hero:before{content:'';position:absolute;width:160px;height:160px;border-radius:50%;background:#e9eddd;top:22px;right:40px;z-index:-1}.bk-home .hero-note{border:1px solid var(--line);background:#f0f1e9;display:inline-flex;padding:10px 15px;border-radius:4px;max-width:100%;font-size:11px}.bk-home .hero-browser{box-shadow:12px 18px 0 #e7eadf;transform:rotate(-1.5deg);border-radius:8px;overflow:hidden}.bk-home .hero-visual .north{font-weight:bold}.bk-home .float-label{border-radius:4px;box-shadow:0 8px 25px #152b3b0b}.bk-home .visual-caption{letter-spacing:1.4px}
.bk-home .value-strip{background:var(--studio-moss);border-block:1px solid #ccd5c1}.bk-home .human-section{background:var(--studio-lilac);border-radius:45px 8px 45px 8px;margin-top:20px;margin-bottom:70px;padding:45px;gap:60px;max-width:1184px}.bk-home .human-image img{border-radius:8px 8px 80px 8px}.bk-home .human-copy h2{letter-spacing:-1.6px}.bk-home .dark-section{border-radius:45px 45px 0 0;position:relative}.bk-home .dark-section .benefits>*{border-top:1px solid #d9f27a55;padding-top:25px}.bk-studio .section-heading{position:relative}
.bk-studio .process-section{background:#ebe9f1;border-block:1px solid #ddd9e6}.bk-studio .steps{counter-reset:route;position:relative;gap:30px}.bk-studio .steps>*{position:relative;padding-top:25px;border-top:2px solid #c5c0d2}.bk-studio .steps>*:before{content:'↗';display:flex;width:34px;height:34px;align-items:center;justify-content:center;background:var(--ink);color:var(--lime);border-radius:50%;margin-bottom:20px;font-size:17px}.bk-studio .steps>*:last-child:before{background:var(--lime);color:var(--ink)}
.bk-studio .integrated-functions{border-top:1px solid var(--line)}.bk-studio .function-overview{gap:20px}.bk-studio .function-overview article{padding:24px;background:#ecefe5;border-radius:4px}.bk-studio .function-overview article:nth-child(2){background:#eeebf5}.bk-studio .function-overview article:nth-child(3){background:#f1e8dd}.bk-studio .function-overview article:nth-child(4){background:#e4eceb}.bk-studio .integration-scope{background:transparent;border-left:2px solid #a4b78f;padding:8px 20px}
.bk-studio .cta{position:relative;background:var(--ink);color:var(--paper);border-radius:30px 5px 30px 5px;padding:55px;margin-top:30px;margin-bottom:65px;max-width:1184px;overflow:hidden}.bk-studio .cta:after{content:'✳';position:absolute;right:35px;top:-50px;font:230px/1 Arial,sans-serif;opacity:.06;pointer-events:none}.bk-studio .cta p{color:#d3dddf}.bk-studio .cta .eyebrow{color:var(--lime)}.bk-studio .cta .button{background:var(--lime);color:var(--ink);position:relative;z-index:1}
.bk-studio .page-intro{position:relative;padding-top:70px;padding-bottom:60px}.bk-studio .page-intro:after{content:'↗';position:absolute;right:70px;top:60px;background:var(--studio-lilac);color:var(--ink);border-radius:50%;width:85px;height:85px;display:grid;place-items:center;font-size:42px;transform:rotate(-12deg)}.bk-studio .page-intro h1{max-width:900px;padding-right:70px}.bk-studio .page-intro .lead{max-width:750px}
.bk-studio .studio-gallery-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 20px}.bk-studio .studio-gallery-hint{font-size:11px;color:var(--muted);margin:0}.bk-studio .studio-slider-controls{display:flex;align-items:center;gap:12px}.bk-studio .studio-slider-controls button{width:43px;height:43px;display:grid;place-items:center;border:1px solid #aeb9ae;border-radius:50%;background:transparent;color:var(--ink);font-size:21px;cursor:pointer}.bk-studio .studio-slider-controls button:hover{background:var(--lime)}.bk-studio .studio-slider-controls button:disabled{opacity:.3;cursor:default}.bk-studio .studio-slider-controls span{font-size:11px;font-variant-numeric:tabular-nums;min-width:34px;text-align:center}
.bk-studio .demo-link{display:flex;flex-direction:column;align-items:stretch;justify-content:start;gap:0;background:#efeee6;border:1px solid #d6dace;border-radius:8px;overflow:hidden;padding:0;min-width:0}.bk-studio .demo-link[hidden]{display:none!important}.bk-studio .studio-demo-art{position:relative;width:100%;height:175px;overflow:hidden;border-bottom:1px solid #d6dace;background:#e5e8dc}.bk-studio .studio-demo-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.bk-studio .studio-demo-art span{position:absolute;left:15px;bottom:12px;padding:4px 8px;background:#f8f7f2f2;font-size:9px;letter-spacing:1px;color:var(--ink)}.bk-studio .demo-link>div:not(.studio-demo-art){padding:22px 23px 10px}.bk-studio .demo-link .demo-index{font-size:10px;letter-spacing:.5px}.bk-studio .demo-link h3{font-size:27px;line-height:1.15;margin:12px 0}.bk-studio .demo-link p{font-size:12px;line-height:1.7;max-width:none;margin-bottom:10px}.bk-studio .demo-link>.button{margin:0 23px 23px;align-self:start;font-size:11px;padding:11px 16px;margin-top:auto;min-height:42px}
.bk-home .studio-demo-slider{display:flex!important;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;gap:24px;padding:5px 3px 20px;margin:0 -3px;scrollbar-width:thin;scrollbar-color:#9aa88a #e8ebdf}.bk-home .studio-demo-slider .demo-link{flex:0 0 335px;scroll-snap-align:start;min-height:395px}.bk-home .studio-demo-slider .demo-link:nth-child(3n+2){background:#eeebf5}.bk-home .studio-demo-slider .demo-link:nth-child(3n+3){background:#e6edeb}
.bk-examples .demo-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.bk-examples .demo-link:nth-child(3n+2){background:#eeebf5}.bk-examples .demo-link:nth-child(3n+3){background:#e5edeb}.bk-studio .studio-filter-bar{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0}.bk-studio .studio-filter-bar button{padding:10px 16px;border:1px solid #b7c1b0;border-radius:25px;background:transparent;color:var(--ink);font:12px Arial,sans-serif;cursor:pointer;min-height:40px}.bk-studio .studio-filter-bar button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.bk-studio .studio-filter-count{font-size:11px;color:var(--muted);margin:0 0 25px}.bk-studio .demo-feature-intro{background:#eaeedc;border-radius:5px;border:0;padding:23px;max-width:none}
.bk-about .about-photo{position:relative;background:#e8e5ef;border-radius:95px 8px 8px 8px;padding:22px 22px 16px;margin:0}.bk-about .about-photo img{border-radius:78px 5px 5px 5px}.bk-about .about-photo figcaption{padding:16px 0 0;font-size:11px}.bk-about .split>div{border-top:2px solid #adc085;padding-top:30px}.bk-about .studio-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;border-block:1px solid var(--line);padding-block:35px;margin-bottom:60px}.bk-about .studio-values span{display:inline-grid;place-items:center;border-radius:50%;width:38px;height:38px;background:var(--lime);font-size:20px;margin-bottom:15px}.bk-about .studio-values h3{font-size:21px}.bk-about .studio-values p{font-size:13px}
.bk-pricing .price-card{border-radius:7px;box-shadow:0 6px 0 #e1e6d8;position:relative}.bk-pricing .price-card:nth-child(2){background:#edf1df}.bk-pricing .hosting-option{background:#eae7f2;border-radius:12px}.bk-pricing .pricing-section{border-top-color:#d2d8c9}.bk-contact .contact-layout>div:first-child{background:#eae7f2;padding:30px;border-radius:30px 5px 5px 5px;align-self:start}.bk-contact #contact-form{border-top:3px solid #abc67a;padding-top:25px}.bk-service main>.split:first-of-type{border-top:1px solid var(--line)}
.bk-funnel .funnel-hero-visual:before{border-color:#b7c3ad}.bk-funnel .funnel-facts{border-radius:4px}.bk-funnel .funnel-demos article{padding-bottom:20px;border-bottom:2px solid #c8d3b9}.bk-funnel .funnel-demos img{transition:transform .35s}.bk-funnel .funnel-demo-image{border-radius:8px;overflow:hidden}
.bk-studio .logo .brand-compass{transition:transform .45s}.bk-studio .logo:hover .brand-compass{transform:rotate(35deg)}.bk-studio [hidden]{display:none!important}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.bk-studio .button:hover{transform:translateY(-2px);box-shadow:0 5px 12px #152b3b14}.bk-studio .demo-link:hover .studio-demo-art img,.bk-funnel .funnel-demo-image:hover img{transform:scale(1.035)}.bk-pricing .price-card{transition:transform .25s,box-shadow .25s}.bk-pricing .price-card:hover{transform:translateY(-5px);box-shadow:0 11px 0 #e1e6d8}}
@media(max-width:1050px){.bk-studio .human-section,.bk-studio .cta{margin-left:28px;margin-right:28px}.bk-home .human-section{padding:35px;gap:30px}.bk-examples .demo-links{grid-template-columns:1fr 1fr}.bk-studio .page-intro:after{right:45px;width:65px;height:65px;font-size:33px}.bk-home .studio-demo-slider .demo-link{flex-basis:310px}}
@media(max-width:700px){.bk-studio .header:after{left:28px;right:28px}.bk-home .hero{padding-top:40px;padding-bottom:45px}.bk-home .hero-browser{box-shadow:6px 10px 0 #e2e7d8;transform:rotate(-.6deg)}.bk-home .hero:before{width:100px;height:100px;top:auto;bottom:80px;right:35px}.bk-home .human-section{margin:0 18px 45px;padding:25px 22px;border-radius:25px 5px 25px 5px;gap:25px}.bk-home .human-image img{border-radius:5px 5px 45px 5px}.bk-home .dark-section{border-radius:25px 25px 0 0}.bk-studio .cta{padding:32px 24px;margin:15px 18px 45px;border-radius:22px 5px 22px 5px}.bk-studio .cta:after{font-size:160px;right:0;top:-25px}.bk-studio .page-intro{padding-top:45px;padding-bottom:35px}.bk-studio .page-intro:after{width:43px;height:43px;font-size:25px;right:28px;top:32px}.bk-studio .page-intro h1{padding-right:0}.bk-studio .page-intro .eyebrow{max-width:245px}.bk-studio .studio-gallery-header{align-items:end}.bk-studio .studio-gallery-hint{max-width:175px;line-height:1.6}.bk-studio .studio-slider-controls{gap:8px}.bk-studio .studio-slider-controls button{width:39px;height:39px}.bk-home .studio-demo-slider .demo-link{flex-basis:calc(100vw - 84px);max-width:335px;min-height:385px}.bk-studio .studio-demo-art{height:170px}.bk-examples .demo-links{grid-template-columns:1fr;gap:25px}.bk-studio .studio-filter-bar{gap:7px}.bk-studio .studio-filter-bar button{font-size:11px;padding:9px 12px}.bk-studio .steps{gap:25px}.bk-studio .steps>*:before{width:29px;height:29px;font-size:16px;margin-bottom:15px}.bk-studio .function-overview article{padding:20px}.bk-about .about-photo{padding:16px;border-radius:65px 5px 5px 5px}.bk-about .about-photo img{border-radius:50px 4px 4px 4px}.bk-about .studio-values{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.bk-about .studio-values article{border-bottom:1px solid var(--line);padding-bottom:15px}.bk-contact .contact-layout>div:first-child{padding:25px}.bk-pricing .price-card{box-shadow:0 4px 0 #e1e6d8}}
@media(prefers-reduced-motion:reduce){.bk-studio *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bk-home .hero-browser{transform:none}.bk-studio .logo:hover .brand-compass,.bk-studio .button:hover,.bk-studio .button:hover span[aria-hidden]{transform:none!important}}
/* Calm entry motion; independent translation preserves hover transforms. */ .bk-studio [data-motion=pending]{opacity:0;translate:0 14px}.bk-studio [data-motion=running]{will-change:opacity,translate}.bk-studio .button{transition:transform .28s cubic-bezier(.22,1,.36,1),background-color .25s}.bk-pricing .price-card{transition:transform .3s cubic-bezier(.22,1,.36,1)} .bk-home .hero-visual{background:#193e40;border-radius:24px}.bk-home .hero-visual .north,.bk-home .hero-visual .visual-label,.bk-home .hero-visual .visual-caption{color:#d5e4d8}.bk-home .hero-browser{box-shadow:10px 15px 0 #2c5250}.bk-home .orbit{border-color:#6f969056}.bk-home .hero-note{background:#e8eddf;border-color:#bac9ad;color:#233d35}.bk-funnel .funnel-hero-visual{background:#193e40;border-radius:999px 999px 8px 8px;box-shadow:12px 16px 0 #e1e7d5}.bk-funnel .funnel-hero-visual:before{border-color:#759b8a}.bk-funnel .funnel-visual-card{background:#eef1df;color:#152b3b}.bk-funnel .funnel-visual-card p{color:#152b3b}.bk-funnel .funnel-visual-card small{color:#3c5358}.bk-funnel .funnel-visual-card>span{color:#385d39}.bk-funnel .funnel-facts{background:#e6ebdc;border-color:#c9d4bd;padding:20px}.bk-studio:not(.bk-legal) .page-intro:after{background:#193e40;color:#d9f27a}@media(max-width:700px){.bk-home .hero-browser{box-shadow:5px 8px 0 #2c5250}.bk-funnel .funnel-hero-visual{box-shadow:7px 9px 0 #e1e7d5}.bk-funnel .funnel-facts{padding:16px}}@media(prefers-reduced-motion:reduce){.bk-studio [data-motion]{opacity:1;translate:none}}@media print{.bk-studio [data-motion]{opacity:1!important;translate:none!important}}
.bk-funnel .funnel-visual-card{background:#193e40;color:#f8f7f2}.bk-funnel .funnel-visual-card p{color:#f8f7f2}.bk-funnel .funnel-visual-card small{color:#d5e4d8}.bk-funnel .funnel-visual-card>span{color:#d9f27a}