:root{color-scheme:light}
html{scroll-behavior:smooth}
body{margin:0;background:#faf9f5}
a:focus-visible{outline:3px solid #986f3d;outline-offset:5px}
.skip-link{position:absolute;left:12px;top:-80px;z-index:10;background:#173e30;color:#fff;padding:12px}
.skip-link:focus{top:12px}
section{scroll-margin-top:20px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}


#kc-business{--bg:#faf9f5;--ink:#173e30;--muted:#566259;--surface:#fff;--wash:#e9eee5;--border:#dedfd6;--gold:#986f3d;--gold-text:#805a2d;font-family:Arial,sans-serif;font-size:15px;line-height:1.65;background:var(--bg);color:var(--ink)}

#kc-business *{box-sizing:border-box}
#kc-business a{color:inherit;text-decoration:none}
#kc-business a:hover{text-decoration:underline;text-underline-offset:5px}
#kc-business .kc-wrap{max-width:1180px;margin:auto;padding:0 44px}
#kc-business header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;border-bottom:1px solid var(--border)}
#kc-business .kc-brand{display:flex;align-items:center;gap:10px;white-space:nowrap}
#kc-business .kc-brand img{width:39px;height:39px;object-fit:contain}
#kc-business .kc-word{font-family:Georgia,serif;font-size:27px;font-weight:bold;letter-spacing:-.9px}
#kc-business .kc-word b{color:var(--gold);font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}
#kc-business nav{display:flex;align-items:center;gap:25px;font-size:13px}
#kc-business .kc-nav-contact{padding:8px 15px;border:1px solid var(--border);border-radius:5px}
#kc-business .kc-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:32px;align-items:center;padding:60px 0 55px}
#kc-business .kc-label{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;font-weight:bold;color:var(--gold)}
#kc-business h1{font-family:Georgia,serif;font-size:clamp(38px,5.3vw,56px);line-height:1.1;font-weight:400;letter-spacing:-1.8px;margin:20px 0 23px}
#kc-business h1 em{color:var(--gold);font-style:normal}
#kc-business p{margin:0;color:var(--muted)}
#kc-business .kc-intro{font-size:16px;max-width:385px}
#kc-business .kc-actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:27px}
#kc-business .kc-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:bold;padding:13px 18px;border-radius:5px}
#kc-business .kc-link{font-size:13px;border-bottom:1px solid var(--gold)}
#kc-business .kc-stage{position:relative;display:flex;gap:15px;align-items:center;justify-content:center;background:var(--wash);border-radius:160px 160px 20px 20px;padding:35px 17px;min-width:0}
#kc-business .kc-device{width:46%;max-width:180px;min-width:0;padding:5px;background:#202522;border:1px solid #70756f;border-radius:25px;box-shadow:2px 12px 21px #00000023;position:relative}
#kc-business .kc-device img{display:block;width:100%;height:auto;border-radius:19px}
#kc-business .kc-device:first-child{transform:translateY(-9px) rotate(-5deg)}
#kc-business .kc-device:last-child{transform:translateY(12px) rotate(5deg)}
#kc-business .kc-rule{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);font-size:12px}
#kc-business .kc-rule span{display:flex;gap:8px;align-items:center}
#kc-business .kc-rule svg{width:16px;height:16px}
#kc-business .kc-section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:46px 0 24px}
#kc-business h2{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.18;letter-spacing:-.4px;margin:9px 0 0}
#kc-business .kc-section-head p{font-size:13px;max-width:240px}
#kc-business .kc-examples{display:grid;grid-template-columns:1fr 1fr;gap:23px}
#kc-business .kc-example{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface)}
#kc-business .kc-example-top{padding:24px 25px 0;display:flex;align-items:center;gap:15px}
#kc-business .kc-app-logo{width:59px;height:59px;object-fit:contain;flex:none}
#kc-business .kc-app-logo.fish{border-radius:50%}
#kc-business .kc-tag{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted)}
#kc-business h3{font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.2;margin:4px 0 0}
#kc-business .kc-product-display{display:flex;justify-content:center;margin:23px 25px 0;padding:22px 15px 0;border-radius:9px 9px 0 0;background:var(--wash);height:267px;overflow:hidden}
#kc-business .kc-product-display.family{background:#f2eadd}
#kc-business .kc-product-display .kc-device{width:174px;max-width:100%;height:max-content;transform:none;border-radius:25px}
#kc-business .kc-product-copy{padding:24px 25px 25px}
#kc-business .kc-product-copy p{font-size:14px;min-height:70px}
#kc-business .kc-features{display:flex;gap:8px 13px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:16px 0 20px}
#kc-business .kc-features span:before{content:'✓';color:var(--gold);padding-right:5px}
#kc-business .kc-product-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:15px;font-weight:bold;font-size:13px}
#kc-business .kc-about{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;padding:50px 0}
#kc-business .kc-about p{font-size:14px}
#kc-business .kc-sign{font-size:12px;margin-top:15px}
#kc-business .kc-sign span{color:var(--muted)}
#kc-business .kc-contact{background:var(--ink);color:var(--bg);padding:31px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:24px}
#kc-business .kc-contact h2{font-size:27px;margin:0}
#kc-business .kc-contact p{color:var(--bg);opacity:.85;font-size:13px;margin-top:8px}
#kc-business .kc-contact a{background:var(--bg);color:var(--ink);border-radius:5px;padding:12px 17px;font-size:13px;white-space:nowrap}
#kc-business footer{padding:25px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted)}

@media(max-width:750px){#kc-business .kc-wrap{padding:0 25px}
#kc-business .kc-hero{grid-template-columns:1fr;padding:40px 0;gap:35px}
#kc-business .kc-stage{max-width:440px;width:100%;margin:auto}
#kc-business nav{gap:15px}
#kc-business .kc-product-copy p{min-height:100px}
#kc-business .kc-example-top{padding:20px 16px 0;gap:10px}
#kc-business .kc-app-logo{width:43px;height:43px}
#kc-business h3{font-size:23px}
#kc-business .kc-product-display{margin:20px 16px 0}
#kc-business .kc-product-copy{padding:20px 16px}
}

@media(max-width:510px){#kc-business .kc-wrap{padding:0 18px}
#kc-business header{flex-wrap:wrap;gap:15px}
#kc-business nav{width:100%;justify-content:space-between}
#kc-business .kc-examples,#kc-business .kc-about{grid-template-columns:1fr}
#kc-business .kc-section-head{align-items:start;flex-direction:column;gap:12px}
#kc-business .kc-section-head p{max-width:none}
#kc-business .kc-product-copy p{min-height:0}
#kc-business .kc-about{gap:22px}
#kc-business .kc-contact{align-items:start;flex-direction:column}
#kc-business .kc-device{border-radius:22px}
#kc-business .kc-device img{border-radius:16px}
}



#kc-business .kc-word b{color:var(--gold)}

#kc-business .kc-brand img{filter:sepia(.3) saturate(.65) brightness(.78)}

#kc-business h2 em{font-style:normal;color:var(--gold)}

#kc-business .kc-label,#kc-business .kc-tag{color:var(--gold-text)}

#kc-business .kc-link,#kc-business .kc-product-link{color:var(--gold-text)}

#kc-business .kc-button span,#kc-business .kc-rule svg{color:var(--gold)}

#kc-business .kc-contact h2 em{color:#d3ac74}

#kc-business .kc-intro,#kc-business .kc-product-copy p,#kc-business .kc-about p{color:var(--ink)}


/* Contactformulier (22 sep 2026) */
#kc-business .kc-contact{align-items:flex-start}
#kc-business .kc-contact-tekst{flex:1;min-width:0}
#kc-business .kc-contact-alt{margin-top:14px;font-size:12px}
#kc-business .kc-contact-alt a{text-decoration:underline;text-underline-offset:4px;color:var(--bg)}
#kc-business .kc-form{flex:1;width:100%;max-width:460px;display:grid;gap:10px}
#kc-business .kc-form label{display:grid;gap:4px;font-size:12px;color:var(--bg)}
#kc-business .kc-form input,#kc-business .kc-form textarea{font:inherit;font-size:14px;line-height:1.4;padding:10px 12px;border:1px solid transparent;border-radius:5px;background:var(--bg);color:var(--ink);width:100%;margin:0}
#kc-business .kc-form textarea{min-height:120px;resize:vertical}
#kc-business .kc-form input:focus-visible,#kc-business .kc-form textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
#kc-business .kc-form button{justify-self:start;display:inline-flex;align-items:center;gap:14px;background:var(--bg);color:var(--ink);border:0;border-radius:5px;padding:12px 17px;font:inherit;font-size:13px;font-weight:bold;cursor:pointer}
#kc-business .kc-form button span{color:var(--gold)}
#kc-business .kc-form button[disabled]{opacity:.6;cursor:wait}
#kc-business .kc-form-status{font-size:13px;color:var(--bg);min-height:1.3em;margin:0}
#kc-business .kc-form-status.fout{color:#f6cfbc}
#kc-business .kc-form-privacy{font-size:11px;color:var(--bg);opacity:.7;margin:0}
#kc-business .kc-honing{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:750px){#kc-business .kc-contact{flex-direction:column}#kc-business .kc-form{max-width:none}}
#kc-business .kc-contact-alt a{background:none;padding:0;border-radius:0;white-space:normal;color:var(--bg);text-decoration:underline;text-underline-offset:4px}