/* Welcome popup */
.cl-pop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .25s}
.cl-pop[hidden]{display:none}
.cl-pop.in{opacity:1}
.cl-pop-backdrop{position:absolute;inset:0;background:rgba(5,3,15,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.cl-pop-card{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);width:100%;max-width:860px;max-height:calc(100vh - 40px);overflow:auto;border-radius:28px;background:var(--bg-card);border:1px solid oklch(0.95 0.012 295 / .16);box-shadow:0 30px 80px rgba(3,1,12,.7);transform:translateY(14px) scale(.98);transition:transform .3s}
.cl-pop.in .cl-pop-card{transform:none}
.cl-pop-x{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;border:1px solid oklch(0.95 0.012 295 / .25);background:oklch(0.16 0.045 285 / .6);color:var(--fg);font-size:26px;line-height:1;cursor:pointer;z-index:2}
.cl-pop-x:hover{border-color:var(--accent);color:var(--accent)}
.cl-pop-media{display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse 80% 80% at 50% 45%,oklch(0.34 0.09 292),oklch(0.2 0.055 288) 75%);padding:32px}
.cl-pop-media img{width:100%;max-width:300px;filter:drop-shadow(0 28px 30px oklch(0.1 0.04 285 / .6))}
.cl-pop-body{padding:48px 44px 36px;display:flex;flex-direction:column;gap:14px}
.cl-pop-body h2{font-size:42px;line-height:1.05;margin:0}
.cl-pop-body p{margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.cl-pop-form{display:flex;flex-direction:column;gap:12px;margin-top:6px}
.cl-pop-form input[type=email]{width:100%;background:var(--bg);color:var(--fg);border:1px solid oklch(0.95 0.012 295 / .3);border-radius:999px;padding:16px 22px;font:17px var(--sans)}
.cl-pop-form input[type=email]:focus{outline:2px solid var(--accent);outline-offset:1px}
.cl-pop-form .btn{width:100%}
.cl-pop-form .hp{position:absolute;left:-9999px;height:0;width:0;opacity:0}
.cl-pop-msg{min-height:1.2em;font-size:15px!important}
.cl-pop-msg.err{color:oklch(0.82 0.12 20)}
.cl-pop-no{align-self:center;background:none;border:0;color:var(--muted);font:15px var(--sans);text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:6px}
.cl-pop-no:hover{color:var(--fg)}
.cl-pop-fine{font-size:13px!important;line-height:1.5!important;margin-top:auto!important}
.cl-pop-fine a{color:var(--accent)}
.cl-pop-done{display:flex;flex-direction:column;gap:16px}
.cl-pop-done[hidden],.cl-pop-ask[hidden],.cl-code[hidden],.cl-pop-tip[hidden]{display:none}
.cl-code{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px dashed var(--accent);border-radius:16px;padding:14px 18px;background:oklch(0.16 0.045 285 / .6)}
.cl-code code{font:600 24px var(--mono);letter-spacing:.12em;color:#fff}
.cl-copy{background:var(--accent);color:var(--bg);border:0;border-radius:999px;padding:10px 18px;font:600 14px var(--sans);cursor:pointer}
.cl-copy:hover{background:#7f54b3;color:#fff}
.cl-pop-tip{font-size:15px!important}
.cl-pop-ask{display:flex;flex-direction:column;gap:14px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.cl-pop-open{overflow:hidden}
@media (max-width:760px){
  .cl-pop{align-items:flex-end;padding:0}
  .cl-pop-card{grid-template-columns:1fr;border-radius:24px 24px 0 0;max-height:92vh}
  .cl-pop-media{padding:20px 20px 4px}
  .cl-pop-media img{max-width:140px}
  .cl-pop-body{padding:22px 22px 26px}
  .cl-pop-body h2{font-size:32px}
  .cl-pop-body p{font-size:16px}
}