.key-bpm-page .key-bpm-main{color:#f3f1e9;max-width:1192px;margin:0 auto;padding:136px 28px 88px}.key-bpm-page .kbf-hero{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px;display:flex}.key-bpm-page .kbf-eyebrow{color:#95d6b7;letter-spacing:.16em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:700}.key-bpm-page .kbf-hero h1{letter-spacing:-.055em;max-width:840px;margin:0 0 16px;font-size:clamp(36px,4.5vw,60px);font-weight:650;line-height:1.08}.key-bpm-page .kbf-intro{color:#aaaeb2;max-width:660px;margin:0;font-size:16px;line-height:1.7}.key-bpm-page .kbf-free{color:#b4b9b6;flex-shrink:0;align-items:center;gap:8px;padding-bottom:5px;font-size:12px;display:flex}.key-bpm-page .kbf-console{background:#13171a;border:1px solid #31383c;border-radius:24px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden;box-shadow:0 28px 80px #0003}.key-bpm-page .kbf-input-side,.key-bpm-page .kbf-output-side{min-width:0;padding:26px 30px;scroll-margin-top:105px}.key-bpm-page .kbf-output-side{background:radial-gradient(at 100% 0,#21342b 0,#0000 70%),#161c1c;border-left:1px solid #31383c}.key-bpm-page .kbf-panel-heading{color:#d5dbd7;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.key-bpm-page .kbf-panel-index{color:#85968d;letter-spacing:.1em;margin-left:auto;font-size:9px}.key-bpm-page .kbf-status-dot{background:#a6dfbe;border-radius:50%;width:6px;height:6px}.key-bpm-page .kbf-dropzone{text-align:center;background:#ffffff02;border:1px dashed #46534b;border-radius:15px;margin:24px 0 20px;padding:28px 16px 23px;transition:background .2s,border-color .2s}.key-bpm-page .kbf-dropzone.is-dragging{background:#96d6b718;border-color:#b1eac9}.key-bpm-page .kbf-upload-icon{color:#b5e6c9;background:#2c3932;border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 19px;display:grid}.key-bpm-page button{cursor:pointer}.key-bpm-page button:disabled{cursor:not-allowed;opacity:.45}.key-bpm-page button:focus-visible,.key-bpm-page a:focus-visible,.key-bpm-page summary:focus-visible,.key-bpm-page textarea:focus-visible{outline-offset:5px;outline:2px solid #b5e6c9}.key-bpm-page input:focus-visible,.key-bpm-page select:focus-visible{outline-offset:3px;outline:2px solid #b5e6c9}.key-bpm-page .kbf-result-scope,.key-bpm-page .kbf-original-estimate{color:#afc3b5;text-align:center;margin:16px 0 0;font-size:11px;line-height:1.6}.key-bpm-page .kbf-verification{border-top:1px solid #40594a;border-bottom:1px solid #40594a;margin:18px 0}.key-bpm-page .kbf-verification>summary{color:#d1f3da;cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:15px 0;font-size:14px;font-weight:600;list-style:none;display:flex}.key-bpm-page .kbf-verification>summary::-webkit-details-marker{display:none}.key-bpm-page .kbf-verification[open]>summary>span{transform:rotate(45deg)}.key-bpm-page .kbf-verification-body{padding:0 0 18px}.key-bpm-page .kbf-verification-body>p{color:#b1c2b7;margin:0 0 15px;font-size:12px;line-height:1.65}.key-bpm-page .kbf-edit-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.key-bpm-page .kbf-edit-grid label{color:#c1d6c8;min-width:0;font-size:11px}.key-bpm-page .kbf-edit-grid input,.key-bpm-page .kbf-edit-grid select{color:#e1f1e6;font-variant-numeric:tabular-nums;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111a15;border:1px solid #57745f;border-radius:8px;width:100%;min-width:0;height:44px;margin-top:6px;padding:8px 10px;font-size:16px;display:block}.key-bpm-page .kbf-compact-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.key-bpm-page .kbf-small-button{color:#d0e6d4;background:#b5e6c908;border:1px solid #4b6956;border-radius:8px;min-height:44px;padding:8px 11px;font-size:12px}.key-bpm-page .kbf-small-button:hover:not(:disabled){background:#b5e6c918}.key-bpm-page .kbf-verification .kbf-field-help{color:#a4b8ab;margin:8px 0 14px;font-size:11px;line-height:1.65}.key-bpm-page .kbf-range{border:0;border-top:1px solid #364b3e;min-width:0;margin:18px 0;padding:16px 0 0}.key-bpm-page .kbf-range legend{color:#d0e6d4;padding:0 8px 0 0;font-size:12px}.key-bpm-page .kbf-time{color:#b5e6c9;font-variant-numeric:tabular-nums;font-size:11px}.key-bpm-page .kbf-verification .kbf-caution{color:#e2c594}.key-bpm-page .kbf-primary{color:#14291e;background:#b5e6c9;border:1px solid #b5e6c9;border-radius:9px;min-height:45px;padding:11px 24px;font-size:14px;font-weight:700;transition:background .2s}.key-bpm-page .kbf-primary:hover:not(:disabled){background:#cdf3dc}.key-bpm-page .kbf-drop-caption{color:#acb3ae;margin:11px 0 7px;font-size:12px}.key-bpm-page .kbf-file-limits{color:#929c96;margin:0;font-size:11px;line-height:1.6}.key-bpm-page .kbf-private{color:#a9b6ad;justify-content:center;align-items:flex-start;gap:8px;margin:0;font-size:11px;line-height:1.65;display:flex}.key-bpm-page .kbf-private svg{flex-shrink:0;margin-top:1px}.key-bpm-page .kbf-text-button{color:#afbcb4;background:0 0;border:0;align-items:center;gap:6px;min-height:40px;padding:8px 0 0;font-size:12px;display:flex}.key-bpm-page .kbf-file{border:1px solid #38453d;border-radius:12px;margin-bottom:16px;padding:13px}.key-bpm-page .kbf-filename{color:#d4ded7;align-items:center;gap:9px;min-width:0;font-size:12px;display:flex}.key-bpm-page .kbf-filename svg{flex-shrink:0}.key-bpm-page .kbf-filename span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.key-bpm-page .kbf-file audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:34px;margin-top:12px}.key-bpm-page .kbf-meter{opacity:.65;justify-content:center;align-items:center;gap:5px;height:43px;margin:23px 0 24px;display:flex}.key-bpm-page .kbf-meter span{background:#95d6b7;border-radius:4px;width:5px}.key-bpm-page .kbf-result-grid{text-align:center;grid-template-columns:1fr 1fr;gap:20px;display:grid}.key-bpm-page .kbf-result-grid>div+div{border-left:1px solid #3a4b40}.key-bpm-page .kbf-result-label{color:#acbab1;margin-bottom:10px;font-size:12px;display:block}.key-bpm-page .kbf-tempo,.key-bpm-page .kbf-key{color:#d1f3da;letter-spacing:-.05em;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-height:66px;font-size:56px;font-weight:500;line-height:1.1;display:flex}.key-bpm-page .kbf-key{letter-spacing:-.035em;font-size:32px}.key-bpm-page .kbf-result-unit{color:#9cafa3;letter-spacing:.09em;min-height:17px;margin-top:7px;font-size:10px;display:block}.key-bpm-page .kbf-result-status{color:#aabbad;text-align:center;min-height:47px;margin:22px 0 12px;font-size:12px;line-height:1.6}.key-bpm-page .kbf-result-status p{margin:4px 0}.key-bpm-page .kbf-processing,.key-bpm-page .kbf-done{color:#c3e9cc;justify-content:center;align-items:center;gap:7px;display:flex}.key-bpm-page .kbf-input-progress{margin:-4px 0 16px;font-size:12px}.key-bpm-page .kbf-spinner{animation:1s linear infinite kbf-spin}@keyframes kbf-spin{to{transform:rotate(360deg)}}.key-bpm-page .kbf-caution{color:#e2c594}.key-bpm-page .kbf-alternatives{color:#d5e5d8;border-top:1px solid #36493c;padding-top:10px;font-size:12px;line-height:1.7}.key-bpm-page .kbf-alternatives p{margin:4px 0}.key-bpm-page .kbf-alternatives span{color:#a5b8aa}.key-bpm-page .kbf-result-actions{align-items:center;gap:9px;margin-top:18px;display:flex}.key-bpm-page .kbf-secondary,.key-bpm-page .kbf-icon-button{color:#d0e6d4;background:#b5e6c908;border:1px solid #597561;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 14px;font-size:12px;display:inline-flex}.key-bpm-page .kbf-secondary{flex:1}.key-bpm-page .kbf-icon-button{width:44px}.key-bpm-page .kbf-secondary:hover,.key-bpm-page .kbf-icon-button:hover{background:#b5e6c917}.key-bpm-page .kbf-estimate-note{color:#9eb0a3;text-align:center;margin:16px 0 0;font-size:10px;line-height:1.6}.key-bpm-page .kbf-error{color:#ffc1af;border-left:2px solid #ef9b82;margin:0 0 16px;padding-left:10px;font-size:12px;line-height:1.65}.key-bpm-page .kbf-manual-copy{color:#d3e6d8;margin-top:12px;font-size:12px}.key-bpm-page .kbf-manual-copy textarea{color:#e2ede5;background:#101713;border:1px solid #56745f;border-radius:8px;width:100%;margin-top:8px;padding:12px}.key-bpm-page .kbf-demos{margin-top:26px}.key-bpm-page .kbf-demos h2{margin:0 0 6px;font-size:13px;font-weight:600}.key-bpm-page .kbf-demos>div>p{color:#939d96;margin:0 0 15px;font-size:11px}.key-bpm-page .kbf-demo-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.key-bpm-page .kbf-demo{color:#b5d7c0;text-align:left;background:#161b19;border:1px solid #303a33;border-radius:12px;align-items:center;gap:12px;min-height:76px;padding:14px 18px;transition:border-color .2s;display:flex}.key-bpm-page .kbf-demo:hover:not(:disabled){border-color:#6b987a}.key-bpm-page .kbf-demo span{min-width:0}.key-bpm-page .kbf-demo strong{color:#e5eae6;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.key-bpm-page .kbf-demo small{color:#95a59a;font-size:10px}.key-bpm-page .kbf-demo-arrow{margin-left:auto}.key-bpm-page .kbf-how{margin-top:90px}.key-bpm-page.marketing-dark.public-playful-page main .kbf-how,.key-bpm-page.marketing-dark.public-playful-page main .kbf-workspace,.key-bpm-page.marketing-dark.public-playful-page main .kbf-faq{background:0 0!important}.key-bpm-page.marketing-dark.public-playful-page main .kbf-related{background:#1b2920!important}.key-bpm-page .kbf-anchor{scroll-margin-top:110px}.key-bpm-page .kbf-section-heading h2,.key-bpm-page .kbf-related h2,.key-bpm-page .kbf-faq h2{letter-spacing:-.04em;margin:0;font-size:30px;font-weight:550;line-height:1.25}.key-bpm-page .kbf-steps{grid-template-columns:repeat(3,1fr);gap:38px;margin-top:36px;display:grid}.key-bpm-page .kbf-step-number{color:#91b99e;font-variant-numeric:tabular-nums;border-top:1px solid #3b443e;padding-top:18px;font-size:12px;display:block}.key-bpm-page .kbf-steps h3{margin:18px 0 10px;font-size:16px;font-weight:550}.key-bpm-page .kbf-steps p,.key-bpm-page .kbf-related p:not(.kbf-eyebrow){color:#a5afa8;margin:0;font-size:13px;line-height:1.9}.key-bpm-page .kbf-related{background:#1b2920;border:1px solid #3f5044;border-radius:18px;grid-template-columns:1fr .7fr;gap:64px;margin-top:74px;padding:35px;display:grid}.key-bpm-page .kbf-related p:not(.kbf-eyebrow){margin-top:16px}.key-bpm-page .kbf-related-links{flex-direction:column;justify-content:center;gap:12px;display:flex}.key-bpm-page .kbf-related-links a{color:#d1edda;border-bottom:1px solid #566d5d;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;font-size:15px;text-decoration:none;display:flex}.key-bpm-page .kbf-related-links a:hover{color:#fff}.key-bpm-page .kbf-faq{grid-template-columns:.65fr 1fr;gap:80px;margin-top:80px;display:grid}.key-bpm-page .kbf-faq h2{max-width:300px}.key-bpm-page .kbf-faq details{border-bottom:1px solid #384039}.key-bpm-page .kbf-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:22px;padding:20px 0;font-size:14px;font-weight:500;list-style:none;display:flex}.key-bpm-page .kbf-faq summary::-webkit-details-marker{display:none}.key-bpm-page .kbf-faq summary span{color:#a0bda8;font-size:20px}.key-bpm-page .kbf-faq details[open] summary span{transform:rotate(45deg)}.key-bpm-page .kbf-faq details p{color:#a7b3ab;margin:0 0 24px;font-size:13px;line-height:1.9}@media (width<=760px){.key-bpm-page .key-bpm-main{padding:106px 20px 60px}.key-bpm-page .kbf-hero{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:24px}.key-bpm-page .kbf-hero h1{max-width:440px;font-size:40px}.key-bpm-page .kbf-intro{font-size:14px}.key-bpm-page .kbf-console{border-radius:18px;grid-template-columns:1fr}.key-bpm-page .kbf-input-side,.key-bpm-page .kbf-output-side{padding:22px}.key-bpm-page .kbf-output-side{border-top:1px solid #31383c;border-left:0}.key-bpm-page .kbf-panel-index{font-size:8px}.key-bpm-page .kbf-dropzone{margin:21px 0 17px;padding:22px 12px}.key-bpm-page .kbf-demo-list{grid-template-columns:1fr;gap:9px}.key-bpm-page .kbf-demo{min-height:70px}.key-bpm-page .kbf-how{margin-top:60px}.key-bpm-page .kbf-steps{grid-template-columns:1fr;gap:23px;margin-top:25px}.key-bpm-page .kbf-steps h3{margin-top:10px}.key-bpm-page .kbf-related{grid-template-columns:1fr;gap:14px;margin-top:48px;padding:25px}.key-bpm-page .kbf-faq{grid-template-columns:1fr;gap:22px;margin-top:50px}.key-bpm-page .kbf-section-heading h2,.key-bpm-page .kbf-related h2,.key-bpm-page .kbf-faq h2{font-size:27px}.key-bpm-page .kbf-key{font-size:28px}.key-bpm-page .kbf-tempo{font-size:50px}}@media (prefers-reduced-motion:reduce){.key-bpm-page .kbf-spinner{animation:none}}