.clpw-bg{position:fixed;inset:0;z-index:2147483000;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;padding:14px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.clpw{background:#1c1015;color:#f7ebe1;border:1px solid rgba(255,226,206,.2);border-radius:18px;max-width:380px;width:100%;max-height:92vh;overflow:auto;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.clpw h2{margin:0 0 6px;font-size:1.2rem}.clpw p{margin:6px 0;color:#d8c4b6;font-size:.92rem;line-height:1.45}
.clpw .pl{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:10px;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,226,206,.25);background:rgba(255,255,255,.05);color:inherit;font:inherit;font-weight:700;cursor:pointer}
.clpw .pl b{color:#f08aa8;font-size:1.1rem}
.clpw .bt{width:100%;margin-top:10px;padding:12px;border-radius:12px;border:0;background:#f08aa8;color:#120a0d;font:inherit;font-weight:800;cursor:pointer}
.clpw .bt.g{background:transparent;border:1px solid rgba(255,226,206,.25);color:inherit;font-weight:600}
.clpw input{width:100%;margin-top:8px;padding:11px;border-radius:10px;border:1px solid rgba(255,226,206,.25);background:rgba(255,255,255,.07);color:#f7ebe1;font:inherit;box-sizing:border-box}
.clpw canvas{display:block;margin:10px auto;border-radius:10px;background:#fff;max-width:100%}
.clpw .er{color:#fda4af;min-height:1.2em;font-size:.88rem}.clpw .ok{color:#6ee7b7}
.clpw .x{float:right;background:none;border:0;color:#d8c4b6;font-size:1.4rem;cursor:pointer;line-height:1}
.clpw-pill{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:2147482000;padding:6px 14px;border-radius:99px;border:1px solid rgba(255,226,206,.25);background:rgba(28,16,21,.92);color:#f7ebe1;font:700 .78rem system-ui,sans-serif;cursor:pointer;max-width:92vw}
.clpw-pill.warn{background:#f5b041;border-color:#f5b041;color:#1c1015}
/* ---- v6: plans, offers, Pro cards ---- */
.clpw.wide{max-width:460px}
.clpw h3{margin:16px 0 4px;font-size:1rem}.clpw .sub{color:#c9b5a6;font-size:.85rem}
.clpw .of{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px;padding:11px 12px;border-radius:12px;border:1px solid rgba(255,226,206,.22);background:rgba(255,255,255,.05)}
.clpw .of .ot{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.clpw .of .ot span{font-size:.8rem;color:#c9b5a6}
.clpw .by{flex:none;padding:9px 13px;border-radius:10px;border:0;background:#f08aa8;color:#120a0d;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap}
.clpw .by.wide{width:100%;margin-top:10px;padding:12px}.clpw .by:disabled{opacity:.45;cursor:not-allowed}
.clpw .tg{display:flex;gap:6px;margin:10px 0}.clpw .tg button{flex:1;padding:9px;border-radius:10px;border:1px solid rgba(255,226,206,.25);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
.clpw .tg button.on{background:#f08aa8;color:#120a0d;border-color:#f08aa8;font-weight:800}
.clpw .pc{margin-top:12px;padding:14px;border-radius:14px;border:1px solid rgba(255,226,206,.22);background:rgba(255,255,255,.04);text-align:left}
.clpw .pc.best{border-color:#f08aa8;box-shadow:0 0 0 1px rgba(240,138,168,.4)}
.clpw .ph{display:flex;justify-content:space-between;align-items:center;gap:8px}.clpw .badge{background:#f5b041;color:#1c1015;border-radius:99px;padding:2px 9px;font-size:.72rem;font-weight:800}
.clpw .pp b{font-size:1.5rem}.clpw .pp span{color:#c9b5a6}.clpw .pe{font-size:.8rem;color:#6ee7b7;margin-top:2px}
.clpw .pw{margin-top:8px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#c9b5a6}
.clpw .pg{margin:4px 0 0;padding-left:18px;font-size:.84rem;line-height:1.45;color:#e7d6c8}
.clpw .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.clpw .chip{padding:7px 11px;border-radius:99px;border:1px solid rgba(255,226,206,.3);background:transparent;color:inherit;font:inherit;font-size:.82rem;cursor:pointer}
.clpw .chip:hover{background:rgba(240,138,168,.2)}.clpw .sp{margin-top:12px;text-align:left}
.clpw .ml{display:flex;gap:12px;margin-top:6px}.clpw .lk{color:#f08aa8;font-weight:700;text-decoration:none}
.clpw .soon{margin:8px 0;padding:8px 10px;border-radius:10px;background:rgba(245,176,65,.14);color:#f5d08a;font-size:.84rem}
.clpw details.terms{margin-top:14px;text-align:left;font-size:.82rem;color:#c9b5a6}.clpw details.terms summary{cursor:pointer;font-weight:700}.clpw details.terms li{margin:3px 0}
.clpw .my{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.05);text-align:left;margin-bottom:6px}.clpw .my h3{margin:0 0 4px}
.clpw .mp{display:flex;flex-direction:column;margin:4px 0}.clpw .mp span{font-size:.8rem;color:#c9b5a6}.clpw .my .ai{font-weight:700;color:#6ee7b7;margin:6px 0 0;font-size:.86rem}
.clpw .cl{display:flex;flex-direction:column;gap:4px;margin:6px 0;text-align:left}.clpw label.ck{display:flex;gap:8px;align-items:center;font-size:.9rem}.clpw label.ck input{width:auto;margin:0}.clpw .cs{font-size:.82rem;color:#6ee7b7;min-height:1.1em}
.clpw-toast{position:fixed;left:50%;bottom:64px;transform:translateX(-50%);z-index:2147483100;background:#1c1015;color:#f7ebe1;border:1px solid rgba(255,226,206,.3);border-radius:12px;padding:10px 16px;font:600 .88rem system-ui,sans-serif;max-width:90vw;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.clpw-ai{position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:2147482000;padding:5px 12px;border-radius:99px;border:1px solid rgba(255,226,206,.25);background:rgba(28,16,21,.92);color:#f7ebe1;font:700 .74rem system-ui,sans-serif;cursor:pointer;max-width:94vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* page version (route #/plans) and mock boxes use the same look on the site background */
.clpw-page{max-width:560px;margin:0 auto;padding:12px;color:inherit}.clpw-page .by{flex:none;padding:9px 13px;border-radius:10px;border:0;background:#f08aa8;color:#120a0d;font:inherit;font-weight:800;cursor:pointer}
.mbox{margin:16px 0;padding:14px;border-radius:14px;border:1px solid rgba(255,226,206,.25);background:rgba(255,255,255,.05);color:inherit;text-align:left}
.mbox h3{margin:0 0 4px}.mbox .sub{opacity:.8;font-size:.88rem;margin:4px 0}.mbox.big{border-color:#f08aa8}
.mbox .by{padding:11px 14px;border-radius:10px;border:0;background:#f08aa8;color:#120a0d;font:inherit;font-weight:800;cursor:pointer;margin-top:8px}.mbox .by.wide{width:100%}.mbox .by:disabled{opacity:.45;cursor:not-allowed}
.mbox .cl{display:flex;flex-direction:column;gap:6px;margin:8px 0}.mbox label.ck{display:flex;gap:8px;align-items:center}.mbox .cs{color:#6ee7b7;font-size:.85rem;min-height:1.1em}
.mbox + .soon,.soon{margin:8px 0;padding:8px 10px;border-radius:10px;background:rgba(245,176,65,.14);color:#f5d08a;font-size:.88rem}
.cardbuy{margin-top:8px}.cardbuy .by{padding:8px 14px;border-radius:10px;border:0;background:#f08aa8;color:#120a0d;font:inherit;font-weight:800;cursor:pointer}

.clpw .bt.gg{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f1f1f;font-weight:700}
.clpw .bt.gg:hover{background:#f1f1f1}
.clpw .bt:focus-visible{outline:2px solid #f08aa8;outline-offset:2px}