.key-bpm-page .kbf-guide{--guide-line:#2c3833;--guide-muted:#b5bfba;--guide-accent:#b4e3ca;border-top:1px solid var(--guide-line);gap:48px;margin:64px 0;padding-top:40px;display:grid}.key-bpm-page.marketing-dark.public-playful-page .kbf-guide>section{background:0 0!important}.key-bpm-page .kbf-guide h2{letter-spacing:-.035em;text-wrap:balance;margin:0 0 20px;font-size:clamp(23px,2.4vw,28px);font-weight:550;line-height:1.3}.key-bpm-page .kbf-guide-heading{max-width:760px;margin-bottom:28px}.key-bpm-page .kbf-guide-heading h2{max-width:26ch;margin-bottom:14px;font-size:clamp(28px,3.2vw,38px);line-height:1.15}.key-bpm-page .kbf-guide-intro,.key-bpm-page .kbf-guide dd,.key-bpm-page .kbf-guide figcaption p{color:var(--guide-muted);margin:0;font-size:14px;line-height:1.8}.key-bpm-page .kbf-guide-images{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.key-bpm-page .kbf-guide-step{border:1px solid var(--guide-line);background:#121a17;border-radius:20px;margin:0;overflow:hidden}.key-bpm-page .kbf-guide figcaption{align-items:flex-start;gap:16px;padding:26px 28px 24px;display:flex}.key-bpm-page .kbf-guide-step-index{color:var(--guide-accent);font-variant-numeric:tabular-nums;letter-spacing:.08em;flex:none;padding-top:2px;font-size:13px}.key-bpm-page .kbf-guide h3{color:#eef2e9;letter-spacing:-.02em;margin:0 0 9px;font-size:19px;font-weight:600;line-height:1.35}.key-bpm-page .kbf-guide-shot{color:var(--guide-muted);background:#0c1210;border:1px solid #29342f;border-radius:12px;margin:0 12px 12px;text-decoration:none;transition:border-color .16s,color .16s;display:block;overflow:hidden}.key-bpm-page .kbf-guide-shot-canvas{background:radial-gradient(at 50% 100%,#263e30 0,#0c1210 75%);justify-content:center;align-items:center;height:324px;padding:20px 24px 0;display:flex;overflow:hidden}.key-bpm-page .kbf-guide-shot img{object-fit:contain;border:1px solid #35453b;border-radius:6px;width:auto;max-width:100%;height:100%;display:block;box-shadow:0 12px 36px #0005}.key-bpm-page .kbf-guide-shot-label{justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 16px;font-size:12px;line-height:1.5;display:flex}.key-bpm-page .kbf-guide-shot:hover{color:var(--guide-accent);border-color:#79ac90}.key-bpm-page .kbf-guide-shot:focus-visible{outline:2px solid var(--guide-accent);outline-offset:3px}.key-bpm-page .kbf-guide dl{margin:0}.key-bpm-page .kbf-guide-methods{border-block:1px solid var(--guide-line);grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 0;display:grid}.key-bpm-page .kbf-guide-methods>div{border-left:1px solid var(--guide-line);min-width:0;padding:0 28px}.key-bpm-page .kbf-guide-methods>div:first-child{border-left:0;padding-left:0}.key-bpm-page .kbf-guide-methods>div:last-child{padding-right:0}.key-bpm-page .kbf-guide dt{color:#e0e9e2;margin-bottom:10px;font-size:16px;font-weight:600;line-height:1.5}.key-bpm-page .kbf-guide-limits>div{border-bottom:1px solid var(--guide-line);grid-template-columns:minmax(200px,1fr) 2fr;gap:40px;padding:22px 0;display:grid}.key-bpm-page .kbf-guide-limits>div:first-child{padding-top:2px}.key-bpm-page .kbf-guide-limits dt{margin:0}.key-bpm-page .kbf-guide-updated{color:#8ea599;margin:-24px 0 0;font-size:12px;line-height:1.7}@media (width<=900px){.key-bpm-page .kbf-guide-methods{grid-template-columns:1fr;padding:0}.key-bpm-page .kbf-guide-methods>div,.key-bpm-page .kbf-guide-methods>div:first-child{border:0;grid-template-columns:1fr 2fr;gap:24px;padding:22px 0;display:grid}.key-bpm-page .kbf-guide-methods>div+div{border-top:1px solid var(--guide-line)}.key-bpm-page .kbf-guide figcaption{gap:12px;padding:22px 20px}}@media (width<=700px){.key-bpm-page .kbf-guide{gap:36px;margin:48px 0;padding-top:32px}.key-bpm-page .kbf-guide-images{grid-template-columns:1fr;gap:20px}.key-bpm-page .kbf-guide-shot-canvas{height:292px;padding:16px 16px 0}.key-bpm-page .kbf-guide-methods>div,.key-bpm-page .kbf-guide-methods>div:first-child,.key-bpm-page .kbf-guide-limits>div{grid-template-columns:1fr;gap:8px}.key-bpm-page .kbf-guide-methods dt{margin:0}.key-bpm-page .kbf-guide-updated{margin-top:-12px}}@media (prefers-reduced-motion:reduce){.key-bpm-page .kbf-guide-shot{transition:none}}.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 :is(select,[data-slot=select-trigger]):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 :is(select,[data-slot=select-trigger]){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-edit-grid [data-slot=select-trigger]{display:flex}.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}}