.kj-card-popup{cursor:pointer}
.kj-card-popup:not(.kpi)>:is(h3,h4):first-child{padding-right:2.5rem}
.kj-card-popup .eco-link,.kj-card-popup a,.kj-card-popup button{position:relative;z-index:2}
.kj-card-hint{position:absolute;top:12px;right:12px;z-index:3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;line-height:1;color:var(--muted,#8d95a3);background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.55;pointer-events:none;transition:opacity .25s,color .25s,border-color .25s,box-shadow .25s,transform .25s}
.pipe-step .kj-card-hint,.pipe-anim .kj-card-hint{top:10px;right:auto;left:12px}
.kj-card-hint i{display:block}
.kj-card-popup:hover .kj-card-hint,.kj-card-popup:focus-visible .kj-card-hint{opacity:1;color:var(--theme,#9cc7ff);border-color:var(--theme-border,rgba(156,199,255,.35));box-shadow:0 0 16px rgba(156,199,255,.2);transform:scale(1.06)}
.pipe-step.kj-card-popup:hover .kj-card-hint,.pipe-step.kj-card-popup:focus-visible .kj-card-hint,.pipe-anim.kj-card-popup:hover .kj-card-hint,.pipe-anim.kj-card-popup:focus-visible .kj-card-hint{transform:scale(1.06)}
@media(hover:none){.kj-card-hint{opacity:.85;color:var(--theme,#9cc7ff)}}
.kj-card-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px 20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility .35s}
.kj-card-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.kj-card-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.kj-card-modal-panel{position:relative;z-index:1;width:min(560px,94vw);max-height:min(78vh,720px);overflow:auto;padding:32px 28px 28px;border-radius:24px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,rgba(255,255,255,.04) 42%,var(--glass-tint,rgba(156,199,255,.06)) 100%);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:0 24px 64px rgba(0,0,0,.55),0 0 48px var(--glass-inset,rgba(156,199,255,.08));transform:translateY(16px) scale(.96);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.kj-card-modal.open .kj-card-modal-panel{transform:translateY(0) scale(1)}
.kj-card-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.3s}
.kj-card-modal-close:hover{border-color:var(--theme-border,rgba(156,199,255,.35));color:var(--theme,#9cc7ff)}
.kj-card-modal-eyebrow{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted,#8d95a3);margin-bottom:10px}
.kj-card-modal-title{font-size:clamp(1.35rem,4vw,1.85rem);font-weight:800;line-height:1.15;margin-bottom:14px;letter-spacing:-.02em}
.kj-card-modal-tagline{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--theme,#9cc7ff);margin:-6px 0 16px}
.kj-card-modal-body{color:var(--silver,#d7dde7);font-size:.95rem;line-height:1.75;text-align:justify;text-justify:inter-word}
.kj-card-modal-body p+p{margin-top:14px}
.kj-card-modal-list{margin-top:18px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.kj-card-modal-list li{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;line-height:1.6;color:var(--silver,#d7dde7)}
.kj-card-modal-list li i{color:var(--theme,#9cc7ff);margin-top:4px;flex-shrink:0;width:16px;text-align:center}
@media(max-width:600px){.kj-card-modal-panel{padding:26px 20px 22px}}