/* jenelt consulting corner logo: the dot-j in a ring of ripples with a small thinking bubble. Pure CSS, no text, no chat. */
.lg{--s:8rem;--ink:#1d1b1a;--acc:#b5532c;--w:calc(var(--s)*.2);position:relative;display:inline-block;flex:none;width:var(--s);height:var(--s)}
.lg b{position:absolute;display:block}
.dotj .stem{display:none}
.dotj .u{left:18%;top:32%;width:60%;height:60%;box-sizing:border-box;border:var(--w) solid var(--ink);border-top:0;border-radius:0 0 999px 999px;clip-path:polygon(33.333% 0,100% 0,100% 100%,0 100%,0 26.667%,33.333% 26.667%)}
.dotj .dot{left:58%;top:6%;width:20%;height:20%;border-radius:50%;background:var(--acc)}
.jc{position:fixed;right:18px;bottom:18px;z-index:25;width:72px;height:72px;transition:transform .45s cubic-bezier(.34,1.4,.5,1)}
/* peek: tucked against the right edge with just a sliver showing; out: popped up (when the visitor is idle); open: panel showing */
.jc.peek{transform:translateX(66px)}
.jc.out,.jc.open{transform:none}
.jc.peek .jcr,.jc.peek .jct{opacity:0;animation:none}
.jcp{position:absolute;right:0;bottom:86px;width:min(330px,calc(100vw - 28px));box-sizing:border-box;background:#1d1b1a;color:#fff;border-radius:18px 18px 4px 18px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:10px;border:1px solid #ffffff26}
.jcp[hidden]{display:none}
.jcn{margin:0;font-size:1.75rem;font-weight:600;letter-spacing:-.03em;line-height:1}
.jcm{margin:0;font-size:1rem;line-height:1.4;color:#ffffffd9;max-width:30ch}
.jcp .cways{grid-template-columns:1fr;margin-top:4px}
.jcx{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff1f;cursor:pointer;padding:0}
.jcx::before,.jcx::after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2px;background:#fff;border-radius:1px;transform:rotate(45deg)}
.jcx::after{transform:rotate(-45deg)}
.jcl{position:relative;width:72px;height:72px;border-radius:50%;background:#1d1b1a;border:3px solid #fff;box-sizing:border-box;cursor:pointer;display:grid;place-items:center;transition:transform .2s;padding:0}
.jcl:hover,.jcl:focus-visible{transform:scale(1.07)}
.jcl .lg{--s:44px;--ink:#fff;--acc:#e08a62}
.jcr{position:absolute;inset:0;border-radius:50%;border:3px solid #b5532c;box-sizing:border-box;opacity:0;animation:jcring 3s infinite;pointer-events:none}
.jcr.b{animation-delay:1.5s}
@keyframes jcring{0%{transform:scale(1);opacity:.85}100%{transform:scale(2.3);opacity:0}}
.jct{position:absolute;right:-12px;top:-14px;width:32px;height:25px;background:#b5532c;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:4px;animation:jcpulse 6s infinite}
.jct::after{content:"";position:absolute;left:5px;bottom:-5px;width:10px;height:10px;background:#b5532c;transform:rotate(45deg);border-radius:2px}
.jct i{width:5px;height:5px;border-radius:50%;background:#fff;animation:jchop 1.1s infinite}
.jct i:nth-child(2){animation-delay:.15s}.jct i:nth-child(3){animation-delay:.3s}
@keyframes jchop{0%,60%,100%{transform:translateY(0);opacity:.6}30%{transform:translateY(-3px);opacity:1}}
@keyframes jcpulse{0%,78%,100%{transform:scale(1)}84%{transform:scale(1.18)}90%{transform:scale(1)}}
@media (max-width:760px){.jc{bottom:84px;right:14px;width:64px;height:64px}.jc.peek{transform:translateX(58px)}.jcl{width:64px;height:64px}.jcl .lg{--s:40px}.jcp{bottom:78px}}
@media (prefers-reduced-motion:reduce){.jcr,.jct,.jct i,.jc{animation:none;transition:none}.jcr{display:none}}
.jcp .cways{display:flex;flex-direction:column;width:100%;box-sizing:border-box}
.jcp .cways .btn{box-sizing:border-box;width:100%;min-width:0;margin:0;overflow-wrap:anywhere;text-align:center;font-size:1rem}