@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");*{box-sizing:border-box;margin:0;padding:0}:root{--bg-page:#f6f9f7;--bg-card:#fff;--bg-input:#f4f8f5;--bg-input-focus:#ebf3ee;--primary-green:#006f3c;--hero-green:#008a3b;--accent-green:#009639;--accent-green-hover:#007d2f;--light-green-bg:#e8f5ed;--light-green-hover:#d5ebdcf5;--border-color:#e2eee6;--text-dark:#0a1c12;--text-secondary:#506558;--text-muted:#81988a;--white:#fff;--error:#df203e;--bg-obsidian:#0b0f0d;--text-primary:#e5f0ea;--glow-green:#00ff9d;--glow-blue:#38bdf8;--gradient-primary:linear-gradient(135deg,#00ff9d,#00b460);--shadow-sm:0 2px 8px rgba(0,111,60,.04);--shadow-md:0 8px 24px rgba(0,111,60,.08);--shadow-lg:0 16px 40px rgba(0,111,60,.12);--shadow-button:0 8px 20px rgba(0,150,57,.25);--transition-smooth:all 0.25s cubic-bezier(0.4,0,0.2,1)}.error-msg{color:var(--error);font-size:.82rem;font-weight:600;margin-top:.35rem;display:block;text-align:left}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:2rem 1.8rem;box-shadow:var(--shadow-md)}.input-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.2rem;text-align:left}.input-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.input-group input{padding:.9rem 1.1rem;border:1px solid var(--border-color);border-radius:12px;outline:none;font-size:.95rem;font-family:inherit;background:var(--bg-input);color:var(--text-dark);transition:var(--transition-smooth)}.input-group input:focus{border-color:var(--accent-green);background:var(--bg-input-focus)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.8rem;border-radius:50px;border:none;font-weight:700;font-size:.95rem;cursor:pointer;font-family:inherit;transition:var(--transition-smooth)}.btn-green{background:var(--accent-green);color:var(--white);box-shadow:var(--shadow-button)}.btn-green:hover{background:var(--accent-green-hover);transform:translateY(-1px)}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-page);color:var(--text-dark);min-height:100vh;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased}a{color:var(--primary-green);text-decoration:none;transition:var(--transition-smooth)}a:hover{color:var(--accent-green);text-decoration:underline}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.kcb-header{background:var(--bg-card);border-bottom:1.5px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:100}.kcb-header-inner{max-width:550px;margin:0 auto;padding:.9rem 1.2rem;display:flex;justify-content:space-between;align-items:center}.kcb-logo-wrap{gap:.65rem}.kcb-logo-box,.kcb-logo-wrap{display:flex;align-items:center}.kcb-logo-box{width:44px;height:44px;background:var(--white);border:1px solid var(--border-color);border-radius:10px;justify-content:center;box-shadow:var(--shadow-sm);overflow:hidden}.kcb-logo-letter{font-size:1.5rem}.kcb-logo-letter,.kcb-logo-text{font-weight:800;color:var(--primary-green)}.kcb-logo-text{font-size:1.25rem;letter-spacing:-.3px}.kcb-help-link{font-size:.88rem;font-weight:600;color:#6c8073;display:flex;align-items:center;gap:.25rem}.kcb-help-link:hover{color:var(--primary-green);text-decoration:none}.kcb-back-bar{max-width:550px;margin:.6rem auto;padding:.5rem 1.2rem}.kcb-back-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.92rem;font-weight:600;color:var(--text-secondary);cursor:pointer;background:none;border:none;font-family:inherit;transition:var(--transition-smooth)}.kcb-back-link:hover{color:var(--primary-green);transform:translateX(-2px)}.btn-kcb{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 2.2rem;border-radius:50px;border:none;cursor:pointer;font-weight:700;font-size:1rem;font-family:inherit;background:var(--accent-green);color:var(--white);box-shadow:var(--shadow-button);gap:10px;transition:var(--transition-smooth)}.btn-kcb:hover{background:var(--accent-green-hover);transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,150,57,.35)}.btn-kcb:active{transform:translateY(0)}.btn-kcb:disabled{background:#bbcfc3;color:#fff;box-shadow:none;cursor:not-allowed;transform:none}.btn-outline-kcb{display:inline-flex;align-items:center;justify-content:center;padding:.95rem 2.2rem;border-radius:50px;border:1.5px solid var(--border-color);background:#fdfefe;color:var(--text-secondary);cursor:pointer;font-weight:700;font-size:1rem;font-family:inherit;transition:var(--transition-smooth)}.btn-outline-kcb:hover{background:#f0f5f2;color:var(--primary-green);border-color:#b8d4c5}.kcb-container{max-width:550px;margin:0 auto;padding:0 1.2rem 3rem}.kcb-hero-card{background:var(--hero-green);border-radius:24px;padding:2.2rem 1.8rem;position:relative;overflow:hidden;box-shadow:var(--shadow-md);margin-top:1rem;margin-bottom:2rem}.hero-circle-1{top:-40px;right:-50px;width:180px;height:180px;background:hsla(0,0%,100%,.05)}.hero-circle-1,.hero-circle-2{position:absolute;border-radius:50%;pointer-events:none}.hero-circle-2{bottom:-60px;right:10px;width:140px;height:140px;background:hsla(0,0%,100%,.04)}.kcb-hero-mini-card{width:90px;height:56px;background:linear-gradient(135deg,#008a3b,#009639);border:1px solid hsla(0,0%,100%,.15);border-radius:8px;padding:.5rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:1.5rem;position:relative;z-index:2}.kcb-hero-title{color:var(--white);font-size:2.1rem;font-weight:800;line-height:1.15;margin-bottom:.8rem;letter-spacing:-.5px;position:relative;z-index:2}.kcb-hero-sub{color:hsla(0,0%,100%,.9);font-size:.95rem;font-weight:500;line-height:1.4;position:relative;z-index:2}.steps-indicator{display:flex;justify-content:space-between;align-items:center;margin:1.8rem 0 2.2rem;position:relative;padding:0 1rem}.steps-line{position:absolute;top:19px;left:2.5rem;right:2.5rem;height:2px;background:#e2ece7;z-index:1}.steps-line-active{position:absolute;top:0;left:0;height:100%;background:var(--accent-green);transition:width .3s ease}.step-node{flex-direction:column;position:relative;z-index:2;flex:1 1}.step-circle,.step-node{display:flex;align-items:center}.step-circle{width:38px;height:38px;border-radius:50%;background:#f0f6f3;border:2px solid #e2ece7;color:#72877b;justify-content:center;font-weight:700;font-size:.95rem;margin-bottom:.5rem;transition:var(--transition-smooth)}.step-node.active .step-circle{background:var(--primary-green);border-color:var(--primary-green);color:var(--white);box-shadow:0 0 12px rgba(0,111,60,.15)}.step-node.completed .step-circle{background:var(--accent-green);border-color:var(--accent-green);color:var(--white)}.step-label{font-size:.88rem;font-weight:600;color:#8fa296;transition:var(--transition-smooth)}.step-node.active .step-label{color:var(--primary-green);font-weight:700}.step-node.completed .step-label{color:var(--accent-green)}.selling-cards{display:flex;flex-direction:column;gap:1rem;margin-top:1.8rem;margin-bottom:2rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:1.4rem;display:flex;align-items:flex-start;gap:1.1rem;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbdcd1}.feature-icon-circle{width:48px;height:48px;border-radius:12px;background:var(--light-green-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon-circle svg{color:var(--primary-green)}.feature-text{display:flex;flex-direction:column;gap:.25rem}.feature-title{font-size:1.05rem;font-weight:700;color:var(--primary-green)}.feature-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.45}.badges-row{display:flex;justify-content:space-around;margin:2rem 0;gap:1rem}.badge-item{flex-direction:column;gap:.4rem;flex:1 1}.badge-circle,.badge-item{display:flex;align-items:center}.badge-circle{width:46px;height:46px;border-radius:50%;background:var(--light-green-bg);justify-content:center;transition:var(--transition-smooth)}.badge-circle:hover{background:var(--light-green-hover);transform:scale(1.05)}.badge-label{font-size:.82rem;font-weight:600;color:var(--text-secondary);text-align:center}.kcb-form-wrapper{background:var(--primary-green);min-height:100vh;display:flex;flex-direction:column}.kcb-form-inner{max-width:550px;width:100%;margin:0 auto}.kcb-form-card,.kcb-form-inner{flex:1 1;display:flex;flex-direction:column}.kcb-form-card{background:var(--bg-card);border-radius:28px 28px 0 0;padding:2.2rem 1.5rem 3rem;box-shadow:0 -8px 32px rgba(0,70,38,.15)}.kcb-white-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:2.2rem 1.6rem;box-shadow:var(--shadow-md);text-align:center;margin-top:.5rem}.kcb-form-header-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.8rem}.kcb-form-title{font-size:1.45rem;font-weight:800;color:var(--primary-green);letter-spacing:-.2px}.mpesa-logo-badge{background:#4ab867;color:var(--white);padding:.2rem .6rem;border-radius:4px;font-size:.75rem;font-weight:800;letter-spacing:.5px;display:inline-flex;align-items:center;gap:2px}.kcb-field{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.4rem;text-align:left}.kcb-field input,.kcb-field select{padding:.95rem 1.1rem;border:1px solid #d3ede0;border-radius:14px;outline:none;width:100%;font-family:inherit;font-size:.96rem;background:var(--bg-input);color:var(--text-dark);transition:var(--transition-smooth)}.kcb-field input:focus,.kcb-field select:focus{border-color:var(--accent-green);background:var(--bg-input-focus)}.kcb-field input::placeholder{color:var(--text-muted);font-weight:500}.kcb-helper-text{font-size:.8rem;color:var(--text-secondary);line-height:1.35;font-weight:500;margin-top:.15rem}.caution-box{background:#fdfaf0;border:1.2px solid #fde7cc;border-radius:16px;padding:1.1rem 1.2rem;display:flex;align-items:flex-start;gap:.85rem;text-align:left;margin-bottom:1.4rem}.caution-icon{color:#e67e22;flex-shrink:0;margin-top:2px}.caution-text{font-size:.85rem;color:#6e5944;line-height:1.45;font-weight:500}.info-box-kcb{background:var(--bg-input);border:1.2px solid var(--border-color);border-radius:16px;padding:1.1rem 1.2rem;display:flex;align-items:flex-start;gap:.85rem;text-align:left;margin-bottom:1.8rem}.info-icon-kcb{color:var(--primary-green);flex-shrink:0;margin-top:2px}.info-text-kcb{font-size:.85rem;color:var(--text-secondary);line-height:1.45;font-weight:500}.prep-loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--primary-green);color:var(--white);text-align:center;padding:2rem}.prep-spinner{border:5px solid hsla(0,0%,100%,.15);border-top:5.5px solid var(--white);border-radius:50%;width:64px;height:64px;animation:spin 1s linear infinite;margin-bottom:1.8rem}.processing-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;color:var(--white);max-width:480px;margin:auto}.processing-title{font-size:1.85rem;font-weight:800;margin-bottom:.6rem;letter-spacing:-.3px}.processing-sub{font-size:.96rem;color:hsla(0,0%,100%,.8);font-weight:500;margin-bottom:2.5rem}.processing-list{width:100%;display:flex;flex-direction:column;gap:1rem}.processing-item{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.06);border-radius:20px;padding:1.1rem 1.4rem;display:flex;align-items:center;gap:1.1rem;color:hsla(0,0%,100%,.7);transition:var(--transition-smooth);text-align:left;font-weight:600;font-size:1.02rem}.processing-item.active{border-color:hsla(0,0%,100%,.45);box-shadow:0 0 16px hsla(0,0%,100%,.1)}.processing-item.active,.processing-item.done{background:hsla(0,0%,100%,.12);color:var(--white)}.item-circle-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.processing-item.pending .item-circle-icon{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.15)}.processing-item.active .item-circle-icon{border:2.5px solid hsla(0,0%,100%,.2);border-top:2.5px solid var(--white);animation:spin 1s linear infinite}.processing-item.done .item-circle-icon{background:hsla(0,0%,100%,.15);color:var(--white)}.payment-step-item{background:#f7faf8;border:1.2px solid var(--border-color);border-radius:20px;padding:.95rem 1.2rem;display:flex;align-items:center;gap:.95rem;margin-bottom:.8rem;color:var(--text-secondary);font-weight:600;font-size:.96rem;text-align:left;transition:var(--transition-smooth)}.payment-step-item.active{border-color:var(--primary-green);box-shadow:var(--shadow-sm)}.payment-step-item.active,.payment-step-item.done{background:#f4f8f5;color:var(--text-dark)}.payment-step-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.payment-step-item.pending .payment-step-circle{background:#fff;border:1.5px solid var(--border-color);color:var(--text-muted)}.payment-step-item.active .payment-step-circle{border:2.5px solid #c8dccf;border-top:2.5px solid var(--primary-green);animation:spin 1s linear infinite;color:transparent}.payment-step-item.done .payment-step-circle{background:var(--primary-green);color:var(--white)}.picker-title-badge-circle{width:56px;height:56px;border-radius:50%;background:var(--light-green-bg);display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.2rem}.picker-title-badge-circle svg{color:var(--primary-green)}.picker-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.95rem;gap:.95rem;margin:1.8rem 0}.amount-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:18px;padding:1.4rem .8rem;display:flex;flex-direction:column;align-items:center;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.amount-card:hover{transform:translateY(-2px);border-color:#b8d4c5;box-shadow:var(--shadow-md)}.amount-val{font-size:1.25rem;font-weight:800;color:var(--primary-green)}.amount-sub{font-size:.82rem;color:var(--text-secondary);font-weight:500;margin-top:.2rem}.amount-card .btn-select{background:var(--accent-green);color:var(--white);border:none;border-radius:50px;padding:.55rem 1.6rem;font-weight:700;font-size:.82rem;font-family:inherit;margin-top:.85rem;cursor:pointer;box-shadow:0 4px 10px rgba(0,150,57,.15);transition:var(--transition-smooth)}.amount-card:hover .btn-select{background:var(--accent-green-hover);box-shadow:0 6px 14px rgba(0,150,57,.25)}.breakdown-header-banner{background:var(--bg-page);border-radius:16px;padding:1.2rem;margin-bottom:1.8rem;text-align:center;border:1px solid var(--border-color)}.breakdown-header-label{font-size:.76rem;font-weight:700;color:var(--text-secondary);letter-spacing:.8px;text-transform:uppercase}.breakdown-header-val{font-size:1.95rem;font-weight:800;color:var(--primary-green);margin-top:.1rem}.breakdown-header-sub{font-size:.88rem;color:var(--text-secondary);font-weight:500;margin-top:.2rem}.breakdown-table{display:flex;flex-direction:column;margin-bottom:1.6rem;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;background:var(--bg-card)}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.2rem;border-bottom:1px solid var(--border-color);background:var(--white);gap:1rem}.breakdown-row:last-child{border-bottom:none}.breakdown-row-label{display:flex;flex-direction:column;gap:.15rem;text-align:left}.breakdown-row-title{font-size:.9rem;font-weight:700;color:var(--text-dark)}.breakdown-row-sub{font-size:.78rem;color:var(--text-secondary);font-weight:500}.breakdown-row-value{font-size:.96rem;font-weight:800;color:var(--text-dark);text-align:right;white-space:nowrap}.breakdown-row.total{background:#fdfefe}.breakdown-row.total .breakdown-row-title{font-size:1.02rem;color:var(--text-dark)}.breakdown-row.total .breakdown-row-value{font-size:1.15rem;color:var(--primary-green)}.breakdown-info-note{font-size:.85rem;color:var(--text-secondary);line-height:1.45}.breakdown-info-note,.kcb-calc-box{margin-bottom:1.5rem;text-align:left}.kcb-calc-box{background:var(--bg-input);border:1.5px solid var(--border-color);border-radius:16px;padding:1.2rem 1.3rem}.kcb-calc-row{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.6rem;color:var(--text-secondary);font-weight:500}.kcb-calc-row strong{color:var(--text-dark)}.kcb-calc-divider{height:1.5px;background:var(--border-color);margin:.6rem 0}.kcb-calc-row-total{display:flex;justify-content:space-between;font-size:1.02rem;font-weight:800;color:var(--primary-green)}.spinner-kcb{border:4.5px solid #e2ece7;border-top:4.5px solid var(--accent-green);border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite;margin:1.8rem auto}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.kcb-footer{background:var(--accent-green-hover);color:hsla(0,0%,100%,.9);padding:2.2rem 1.2rem;text-align:center;font-size:.88rem;line-height:1.6}.kcb-footer-links{display:flex;justify-content:center;gap:1.8rem;margin-bottom:1rem}.kcb-footer-links a{color:var(--white);font-weight:700;font-size:.95rem;transition:opacity .2s}.kcb-footer-links a:hover{opacity:.8;text-decoration:none}.kcb-footer-text{font-size:.8rem;color:hsla(0,0%,100%,.7);font-weight:500}.kcb-slider-wrap{margin:1.2rem 0;text-align:left}.kcb-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:7px;border-radius:10px;background:#e2ece7;outline:none;margin:1rem 0}.kcb-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent-green);cursor:pointer;box-shadow:0 2px 8px rgba(0,150,57,.3);-webkit-transition:transform .2s,background-color .2s;transition:transform .2s,background-color .2s}.kcb-slider::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--primary-green)}.kcb-slider::-moz-range-thumb{width:24px;height:24px;border:none;border-radius:50%;background:var(--accent-green);cursor:pointer;box-shadow:0 2px 8px rgba(0,150,57,.3);-moz-transition:transform .2s,background-color .2s;transition:transform .2s,background-color .2s}.kcb-slider::-moz-range-thumb:hover{transform:scale(1.15);background:var(--primary-green)}@media (max-width:550px){.kcb-hero-card{border-radius:18px;padding:1.8rem 1.4rem}.kcb-hero-title{font-size:1.8rem}.feature-card{border-radius:16px;padding:1.1rem}.picker-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.amount-card{border-radius:14px;padding:1rem .5rem}.amount-val{font-size:1.1rem}.payment-step-item{border-radius:16px;padding:.8rem 1rem;font-size:.9rem}}