.cm-overlay { position:fixed;inset:0;z-index:2000;background:rgba(248,247,243,0.92);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.3s; }
    .cm-overlay.open { opacity:1;pointer-events:auto; }
    .cm-box { background:var(--card);border:1px solid var(--line);border-radius:20px;max-width:740px;width:100%;max-height:90vh;overflow-y:auto;position:relative;scrollbar-width:none; }
    .cm-box::-webkit-scrollbar { display:none; }
    .cm-close { position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);border:1px solid rgba(53,100,77,0.1);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;z-index:2;transition:all 0.2s; }
    .cm-close:hover { background:rgba(53,100,77,0.3);transform:scale(1.1); }
    .cm-img { width:100%;aspect-ratio:16/9;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#e9eaed;border-radius:20px 20px 0 0;position:relative; }
    .cm-img::after { content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--card),transparent); }
    .cm-body { padding:28px 36px 32px; }
    .cm-top { display:flex;gap:12px;align-items:center;margin-bottom:14px; }
    .cm-tag { background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:var(--text);font-size:10px;font-weight:700;padding:5px 12px;border-radius:100px;text-transform:uppercase;letter-spacing:0.06em; }
    .cm-metric { font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#526db6,#647fac);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
    .cm-title { font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;margin-bottom:10px;letter-spacing:-0.01em; }
    .cm-desc { font-size:15px;color:rgba(35,57,47,0.8);line-height:1.75;margin-bottom:24px; }
    .cm-extra { margin-bottom:28px; }
    .cm-extra-label { font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--accent-2);margin-bottom:8px; }
    .cm-extra-text { font-size:14px;color:rgba(35,57,47,0.7);line-height:1.7; }
    .cm-extra-list { list-style:none;padding:0;margin:0; }
    .cm-extra-list li { font-size:14px;color:rgba(35,57,47,0.7);line-height:1.6;padding-left:18px;position:relative;margin-bottom:6px; }
    .cm-extra-list li::before { content:'→';position:absolute;left:0;color:var(--accent-3); }
    .cm-results { display:flex;gap:12px;flex-wrap:wrap;margin-top:12px; }
    .cm-result { text-align:center;padding:14px 18px;background:rgba(53,100,77,0.02);border:1px solid var(--line);border-radius:12px;min-width:90px; }
    .cm-result-val { font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;background:linear-gradient(135deg,#526db6,#647fac);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
    .cm-result-label { font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:0.06em;margin-top:3px; }
    /* CTA buttons */
    .cm-ctas { display:flex;gap:10px;padding-top:4px; }
    .cm-cta-email {
      display:inline-flex;align-items:center;gap:8px;padding:13px 24px;
      background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:var(--text);
      border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;
      transition:all 0.3s;box-shadow:0 4px 16px rgba(53,100,77,0.25);
      font-family:inherit;border:none;
    }
    .cm-cta-email:hover { transform:translateY(-2px);box-shadow:0 8px 24px rgba(53,100,77,0.35); }
    .cm-cta-email svg { width:16px;height:16px; }
    .cm-cta-li {
      display:inline-flex;align-items:center;gap:8px;padding:13px 24px;
      background:rgba(53,100,77,0.04);color:var(--text);
      border:1px solid var(--line);border-radius:12px;
      font-size:14px;font-weight:600;text-decoration:none;
      transition:all 0.3s;font-family:inherit;
    }
    .cm-cta-li:hover { background:rgba(53,100,77,0.08);border-color:rgba(53,100,77,0.25);color:var(--text); }
    .cm-cta-li svg { width:16px;height:16px; }
    @media (max-width:640px) { .cm-body { padding:20px 24px 24px; } .cm-ctas { flex-direction:column; } .cm-cta-email,.cm-cta-li { width:100%;justify-content:center; } }