.kk{--kk-purple:#5b3fa6;--kk-pl:#ede9f8;--kk-pm:#7c5cc4;--kk-text:#1a1a2a;--kk-muted:#6b6b80;--kk-border:#ebebf0;--kk-chalk:#1e1e2e;--kk-bg2:#faf9fd;font-family:DM Sans,sans-serif;margin:0 auto;max-width:860px;padding:3rem 1.5rem;-webkit-font-smoothing:antialiased;color:var(--kk-text)}.kk-top{margin-bottom:2.5rem;text-align:center}.kk-top h2{color:var(--kk-text);font-family:"DM Serif Display",serif;font-size:clamp(1.9rem,2.8vw,2.5rem);letter-spacing:-.02em;margin-bottom:.6rem}.kk-top p{color:var(--kk-muted);font-size:.92rem;line-height:1.65;margin:0 auto;max-width:440px}.kk-card{background:#fff;border:1px solid var(--kk-border);border-radius:16px;box-shadow:0 2px 20px rgba(91,63,166,.05);overflow:hidden}.kk-body{padding:2.25rem}.kk-slabel{color:var(--kk-muted);font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:.85rem;text-transform:uppercase}.kk-basegrid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.kk-field label{color:var(--kk-muted);display:block;font-size:.79rem;margin-bottom:.4rem}.kk-field input{background:#fff;border:1.5px solid var(--kk-border);border-radius:8px;box-sizing:border-box;color:var(--kk-text);font-family:DM Sans,sans-serif;font-size:1rem;outline:none;padding:.65rem .9rem;transition:border-color .15s;width:100%}.kk-field input:focus{border-color:var(--kk-purple)}.kk-rows{display:flex;flex-direction:column;gap:.5rem}.kk-row{align-items:center;background:var(--kk-bg2);border:1px solid transparent;border-radius:10px;display:grid;gap:1rem;grid-template-columns:1fr 175px;padding:.85rem 1.1rem;transition:border-color .15s}.kk-row:hover{border-color:var(--kk-border)}.kk-rt{color:var(--kk-text);font-size:.875rem;font-weight:500;margin-bottom:.15rem}.kk-rs{color:var(--kk-muted);font-size:.74rem}.kk-scol{align-items:flex-end;display:flex;flex-direction:column;gap:.3rem}.kk-sval{color:var(--kk-purple);font-size:.84rem;font-weight:600}.kk-sval small{color:var(--kk-muted);font-weight:400}.kk input[type=range]{-webkit-appearance:none;appearance:none;background:var(--kk-border);border-radius:2px;cursor:pointer;height:4px;outline:none;width:150px}.kk input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--kk-purple);border-radius:50%;cursor:pointer;height:16px;transition:transform .12s;width:16px}.kk input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.kk input[type=range]::-moz-range-thumb{background:var(--kk-purple);border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.kk-hdiv{border:none;border-top:1px solid var(--kk-border);margin:2rem 0}.kk-result{background:var(--kk-chalk);border-radius:12px;color:#fff;padding:2rem}.kk-rtop{align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr auto;margin-bottom:1.5rem}.kk-rlbl{color:hsla(0,0%,100%,.42);font-size:.7rem;font-weight:500;letter-spacing:.07em;margin-bottom:.3rem;text-transform:uppercase}.kk-rnum{color:#fff;font-family:"DM Serif Display",serif;font-size:clamp(1.9rem,3.5vw,2.8rem);letter-spacing:-.02em;line-height:1}.kk-rnum.empty{color:hsla(0,0%,100%,.2)}.kk-rsub{color:hsla(0,0%,100%,.42);font-size:.76rem;margin-top:.3rem}.kk-rside{text-align:right}.kk-rside .kk-rnum{color:#c4b5f4;font-size:clamp(1.3rem,2vw,1.75rem)}.kk-bgrid{display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.kk-bi{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;padding:.7rem .8rem}.kk-bil{color:hsla(0,0%,100%,.38);font-size:.67rem;margin-bottom:.2rem}.kk-biv{color:#c4b5f4;font-size:.88rem;font-weight:600}.kk-rfoot{border-top:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.62);font-size:.86rem;line-height:1.6;padding-top:1.1rem}.kk-rfoot strong{color:#fff;font-weight:600}.kk-cta-strip{align-items:center;background:var(--kk-pl);border-radius:10px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1.5rem;padding:1.25rem 1.5rem}.kk-cta-strip p{color:var(--kk-purple);font-size:.9rem;font-weight:500;margin:0}.kk-cta-strip a{background:var(--kk-purple);border-radius:7px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:.65rem 1.4rem;text-decoration:none;transition:background .15s;white-space:nowrap}.kk-cta-strip a:hover{background:var(--kk-pm)}@media (max-width:640px){.kk-basegrid,.kk-row{grid-template-columns:1fr}.kk-scol{align-items:flex-start}.kk input[type=range]{width:100%}.kk-bgrid{grid-template-columns:repeat(2,1fr)}.kk-body{padding:1.25rem}.kk-cta-strip{align-items:flex-start;flex-direction:column}}