.kdemo[hidden]{display:none!important}.kdemo{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:24px}.kdemo__backdrop{position:absolute;inset:0;background:rgba(2,6,5,.8);backdrop-filter:blur(16px)}.kdemo__panel{position:relative;width:min(1040px,calc(100vw - 48px))!important;height:min(680px,calc(100vh - 48px))!important;min-height:610px;overflow:hidden;display:grid!important;grid-template-columns:39% 61%!important;background:#0a0e0d!important;border:1px solid rgba(176,238,205,.16)!important;border-radius:26px!important;box-shadow:0 42px 130px rgba(0,0,0,.64)!important}.kdemo__close{position:absolute;right:18px;top:18px;z-index:5;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#101714;color:#b7c0bb;font-size:21px;cursor:pointer}.kdemo__story{min-width:0;padding:48px 40px 34px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;background:radial-gradient(circle at 8% 3%,rgba(117,255,185,.1),transparent 34%),linear-gradient(155deg,#0d1713,#09100e)!important;border-right:1px solid rgba(255,255,255,.07)}.kdemo__eyebrow{font-size:10px;letter-spacing:.19em;color:#8ef0bd;font-weight:750}.kdemo__story h2{margin:21px 0 17px!important;font-size:40px!important;line-height:1.01!important;letter-spacing:-.047em!important;color:#f1f3ef!important}.kdemo__story h2 span{color:#78837e}.kdemo__story p{margin:0!important;max-width:330px;color:#929d97!important;font-size:13px!important;line-height:1.62!important}.kdemo__graph{position:relative;height:155px;margin:18px 0}.kdemo__line{position:absolute;left:16px;right:16px;top:58px;height:1px;background:linear-gradient(90deg,rgba(142,240,189,.15),rgba(142,240,189,.6),rgba(142,240,189,.15))}.kdemo__node{position:absolute;top:42px;transform:translateX(-50%);width:65px;text-align:center}.kdemo__node.n1{left:4%}.kdemo__node.n2{left:27%}.kdemo__node.n3{left:50%}.kdemo__node.n4{left:73%}.kdemo__node.n5{left:96%}.kdemo__node i{display:block;position:relative;z-index:2;width:10px;height:10px;margin:12px auto 18px;border-radius:50%;background:#8cf0bb;border:3px solid #10241a;box-shadow:0 0 0 1px rgba(140,240,187,.35)}.kdemo__node b{display:block;color:#d7dfda;font-size:10px}.kdemo__node small{display:block;margin-top:4px;color:#65716b;font-size:8px}.kdemo__storyfoot{display:flex;gap:11px;align-items:center;padding-top:18px;border-top:1px solid rgba(255,255,255,.07)}.kdemo__storyfoot>i{width:7px;height:7px;border-radius:50%;background:#89efb8}.kdemo__storyfoot div{display:grid;gap:2px}.kdemo__storyfoot b{color:#cbd5cf;font-size:10px}.kdemo__storyfoot small{color:#64716a;font-size:9px}.kdemo__formside{min-width:0;padding:42px 46px 30px!important;background:#0a0e0d;overflow:auto}.kdemo__formhead{display:flex;justify-content:space-between;align-items:end;padding-right:34px;margin-bottom:22px}.kdemo__formhead b{color:#edf1ee;font-size:16px}.kdemo__formhead small{color:#65706b;font-size:9px}.kdemo__form{display:grid!important;gap:14px!important}.kdemo__grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.kdemo__form label{display:grid!important;gap:7px!important;min-width:0;color:#9da8a2!important;font-size:10px!important}.kdemo__form label>span{display:block}.kdemo__form label i{font-style:normal;color:#58635e}.kdemo__form input:not([type=checkbox]),.kdemo__form select{appearance:none;width:100%!important;height:44px!important;box-sizing:border-box!important;margin:0!important;padding:0 13px!important;background:#0d1311!important;color:#e6ece8!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:10px!important;outline:0!important;font:inherit!important;font-size:11px!important;box-shadow:none!important}.kdemo__form input:focus,.kdemo__form select:focus{border-color:rgba(137,239,184,.45)!important}.kdemo__form .is-invalid{border-color:rgba(255,126,116,.48)!important}.kdemo__form em{display:none;color:#e98d84;font-style:normal;font-size:8px}.kdemo__form em.is-on{display:block}.kdemo__form fieldset{border:0!important;padding:0!important;margin:0!important;min-width:0}.kdemo__form legend{padding:0!important;margin:0 0 9px!important;border:0!important;color:#9da8a2!important;font-size:10px!important}.kdemo__form legend span{color:#56615c}.kdemo__chips{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.kdemo__chips label{display:block!important;position:relative!important}.kdemo__chips input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}.kdemo__chips label>span{display:block!important;padding:7px 9px!important;border:1px solid rgba(255,255,255,.095)!important;border-radius:999px!important;background:#0d1210!important;color:#77837d!important;font-size:9px!important;line-height:1!important;cursor:pointer}.kdemo__chips input:checked+span{color:#c9f6dd!important;background:rgba(130,238,181,.085)!important;border-color:rgba(130,238,181,.32)!important}.kdemo__error{display:none;color:#e98d84;font-size:9px}.kdemo__error.is-on{display:block}.kdemo__submit{height:47px!important;width:100%!important;margin:0!important;padding:0 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border:0!important;border-radius:10px!important;background:#d9f9e8!important;color:#07110c!important;font-size:11px!important;font-weight:750!important;cursor:pointer!important}.kdemo__trust{display:flex;align-items:center;justify-content:center;gap:8px;color:#59645f;font-size:8px}.kdemo__trust i{width:2px;height:2px;border-radius:50%;background:#4d5953}.kdemo__success{display:none;height:100%;align-content:center;justify-items:center;text-align:center}.kdemo.is-success .kdemo__form,.kdemo.is-success .kdemo__formhead{display:none!important}.kdemo.is-success .kdemo__success{display:grid}.kdemo__successmark{width:52px;height:52px;display:grid;place-items:center;margin-bottom:22px;border-radius:50%;background:#d9f9e8;color:#07110c;font-size:20px}.kdemo__success h3{margin:14px 0;color:#f0f3ef;font-size:34px;line-height:1.04}.kdemo__success h3 span{color:#78837e}.kdemo__success p{max-width:390px;color:#828d87;font-size:12px;line-height:1.6}.kdemo__success button{margin-top:22px;padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:transparent;color:#cad3ce}.kdemo-lock{overflow:hidden!important}@media(max-width:800px){.kdemo{padding:10px}.kdemo__panel{width:100%!important;height:auto!important;max-height:calc(100vh - 20px);min-height:0;grid-template-columns:1fr!important;border-radius:20px!important;overflow:auto}.kdemo__story{padding:29px 24px 21px!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.kdemo__story h2{font-size:31px!important;margin:15px 0 11px!important}.kdemo__story p{font-size:11px!important}.kdemo__graph{height:70px;margin:12px 0 0}.kdemo__line{top:29px}.kdemo__node{top:13px;width:52px}.kdemo__node i{margin:12px auto 8px}.kdemo__node small{display:none}.kdemo__node b{font-size:8px}.kdemo__storyfoot{display:none}.kdemo__formside{padding:23px 20px 26px!important;overflow:visible}.kdemo__formhead{margin-bottom:17px;padding-right:0}.kdemo__formhead small{display:none}.kdemo__grid{grid-template-columns:1fr!important}.kdemo__form{gap:12px!important}.kdemo__close{right:14px;top:14px}.kdemo__trust{flex-wrap:wrap}.kdemo__success{min-height:330px}.kdemo__success h3{font-size:29px}}

/* Komenze Demo V3.2.3 — precision pass */
@media (min-width:801px){
.kdemo__panel{height:min(584px,calc(100vh - 48px))!important;min-height:560px!important;grid-template-columns:39% 61%!important}
.kdemo__story{padding:38px 38px 29px!important}
.kdemo__story h2{font-size:35px!important;line-height:1.015!important;margin:17px 0 14px!important;max-width:330px}
.kdemo__story p{font-size:12px!important;line-height:1.55!important;max-width:315px}
.kdemo__graph{height:120px!important;margin:12px 0 5px!important}
.kdemo__line{top:46px!important;left:17px!important;right:17px!important}
.kdemo__node{top:25px!important}
.kdemo__node i{width:26px!important;height:26px!important;margin:8px auto 10px!important;display:grid!important;place-items:center!important;background:#0c1712!important;border:1px solid rgba(140,240,187,.35)!important;box-shadow:0 0 0 4px rgba(140,240,187,.035)!important}
.kdemo__node i svg{width:13px;height:13px;fill:none;stroke:#8cf0bb;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.kdemo__node b{font-size:9px!important}.kdemo__node small{font-size:7.5px!important;margin-top:3px!important}
.kdemo__storyfoot{padding-top:14px!important;margin-top:0!important}
.kdemo__formside{padding:34px 42px 26px!important}
.kdemo__formhead{margin-bottom:17px!important;padding-right:38px!important}
.kdemo__formhead b{font-size:15px!important}.kdemo__formhead small{font-size:8px!important}
.kdemo__form{gap:11px!important}.kdemo__grid{gap:10px!important}
.kdemo__form label{gap:6px!important;font-size:9.5px!important;color:#aab4af!important}
.kdemo__form input:not([type=checkbox]),.kdemo__form select{height:40px!important;border-radius:9px!important}
.kdemo__form fieldset{margin-top:1px!important}.kdemo__form legend{margin-bottom:7px!important;font-size:9.5px!important}
.kdemo__chips{gap:5px!important}.kdemo__chips label>span{padding:6px 8px!important;font-size:8.5px!important}
.kdemo__submit{height:43px!important;border-radius:9px!important;margin-top:1px!important}
.kdemo__trust{font-size:7.5px!important;margin-top:-1px!important}
.kdemo__close{right:16px!important;top:16px!important;width:33px!important;height:33px!important}
}
.kdemo__graph{overflow:hidden}
.kdemo__signal{position:absolute;z-index:1;top:43px;left:14px;width:7px;height:7px;border-radius:50%;background:#b9ffd9;box-shadow:0 0 14px rgba(153,255,201,.7);animation:kdemoSignal 5.2s cubic-bezier(.4,0,.2,1) infinite}
@keyframes kdemoSignal{0%,8%{left:3%;opacity:0}14%{opacity:1}86%{opacity:1}94%,100%{left:96%;opacity:0}}
.kdemo__submit b{transition:transform .2s ease}.kdemo__submit:hover b{transform:translate(3px,-2px)}
.kdemo__chips label>span{transition:background .18s,border-color .18s,color .18s,transform .18s!important}.kdemo__chips label:hover>span{transform:translateY(-1px)}
.kdemo__form input:not([type=checkbox]):focus,.kdemo__form select:focus{background:#0e1613!important}
.kdemo__successmark{box-shadow:0 0 0 7px rgba(137,239,184,.045)}
@media (prefers-reduced-motion:reduce){.kdemo__signal{animation:none;display:none}.kdemo__submit,.kdemo__submit b,.kdemo__chips label>span{transition:none!important}}
@media(max-width:800px){
.kdemo__story h2{max-width:310px}
.kdemo__signal{top:26px}
.kdemo__node i{display:grid!important;place-items:center!important}
.kdemo__node i svg{display:none}
}

/* Komenze Demo V3.2.4 — readability + final polish */
@media (min-width:801px){
.kdemo__story p{font-size:14px!important;line-height:1.58!important;color:#a4aea9!important;max-width:325px!important}
.kdemo__formhead b{font-size:18px!important;letter-spacing:-.018em!important}
.kdemo__formhead small{font-size:10px!important;color:#77827c!important}
.kdemo__form label{font-size:11.5px!important;color:#b5beb9!important}
.kdemo__form label i{font-size:10px!important;color:#69746e!important}
.kdemo__form input:not([type=checkbox]),.kdemo__form select{font-size:13px!important}
.kdemo__form input::placeholder{color:#66716c!important}
.kdemo__form legend{font-size:11.5px!important;color:#b5beb9!important}
.kdemo__form legend span{font-size:10px!important;color:#69746e!important}
.kdemo__chips label>span{font-size:10.5px!important;padding:7px 10px!important;color:#909b95!important}
.kdemo__chips input:checked+span{color:#d5f9e5!important}
.kdemo__node b{font-size:11px!important;color:#e0e7e3!important}
.kdemo__node small{font-size:9px!important;color:#748079!important}
.kdemo__storyfoot b{font-size:11.5px!important;color:#d7dfda!important}
.kdemo__storyfoot small{font-size:9.5px!important;color:#77837c!important}
.kdemo__trust{font-size:9px!important;color:#6f7a74!important}
.kdemo__submit{height:40px!important;font-size:12.5px!important}
.kdemo__eyebrow{font-size:10.5px!important}
.kdemo__story h2 span{color:#87928c!important}
.kdemo__graph{margin-top:7px!important;transform:translateY(-10px)}
.kdemo__storyfoot{transform:translateY(-8px)}
}
@media(max-width:800px){
.kdemo__story p{font-size:12.5px!important;line-height:1.55!important;color:#a4aea9!important}
.kdemo__formhead b{font-size:17px!important}
.kdemo__form label,.kdemo__form legend{font-size:11px!important}
.kdemo__form input:not([type=checkbox]),.kdemo__form select{font-size:13px!important}
.kdemo__chips label>span{font-size:10px!important}
.kdemo__trust{font-size:9px!important}
}