/* Conversion Boost 5/20 — SaaS CRO uplift (sajuapp.app launch)
 * Adds: hero social proof / trust badges row / money-back box / annual urgency / above-fold CTA
 * Module: departments/conversion_boost_5_20 (see git history fix/dashboard-deprecated-cleanup-5-15)
 * Designed to layer on top of existing membership.html — no rebuild.
 */
.cb520-hero-proof{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 6px}
.cb520-hero-proof span{font-size:0.74rem;letter-spacing:0.02em;padding:5px 12px;border-radius:999px;background:rgba(201,168,76,0.08);border:1px solid rgba(201,168,76,0.28);color:#e8c97a;font-weight:600;line-height:1.4}
.cb520-hero-proof span.cb520-jade{background:rgba(74,158,142,0.10);border-color:rgba(74,158,142,0.32);color:#7bc1b3}
.cb520-trust-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin:16px 0 22px;padding:14px 12px;background:rgba(13,16,32,0.5);border:1px solid rgba(201,168,76,0.22);border-radius:12px}
.cb520-trust-row .cb520-trust{display:inline-flex;align-items:center;gap:6px;font-size:0.78rem;color:#cfc4ad;font-weight:600;line-height:1.4;padding:4px 10px}
.cb520-trust-row .cb520-trust svg{flex-shrink:0;width:16px;height:16px}
.cb520-trust-row .cb520-sep{width:1px;height:18px;background:rgba(201,168,76,0.22)}
.cb520-mbg{margin:30px 0 8px;padding:22px 22px 18px;background:linear-gradient(135deg,rgba(74,158,142,0.10),rgba(74,158,142,0.04));border:1px solid rgba(74,158,142,0.34);border-radius:14px;display:flex;align-items:flex-start;gap:16px}
.cb520-mbg .cb520-shield{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:rgba(74,158,142,0.18);display:flex;align-items:center;justify-content:center;color:#7bc1b3}
.cb520-mbg .cb520-shield svg{width:24px;height:24px}
.cb520-mbg h3{font-family:'Noto Serif KR','Noto Serif',serif;color:#7bc1b3;font-size:1.05rem;font-weight:800;margin:0 0 6px;letter-spacing:0.01em}
.cb520-mbg p{color:#cfc4ad;font-size:0.86rem;line-height:1.6;margin:0}
.cb520-mbg p b{color:#e8c97a}
.cb520-urgency{margin:14px 0 0;padding:10px 14px;border-radius:10px;background:rgba(168,50,79,0.10);border:1px solid rgba(168,50,79,0.36);color:#f4a5b6;font-size:0.82rem;font-weight:700;text-align:center;letter-spacing:0.02em;line-height:1.5}
.cb520-urgency b{color:#fff;font-variant-numeric:tabular-nums}
.cb520-above-fold{display:none;margin:18px 0 6px;padding:18px 20px;background:linear-gradient(135deg,rgba(201,168,76,0.16),rgba(232,201,122,0.06));border:1px solid rgba(201,168,76,0.45);border-radius:14px;text-align:center}
.cb520-above-fold.cb520-show{display:block;animation:cb520-fadein 0.4s ease-out}
@keyframes cb520-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.cb520-above-fold .cb520-af-title{font-family:'Noto Serif KR','Noto Serif',serif;color:#e8c97a;font-size:0.95rem;font-weight:700;margin-bottom:6px;line-height:1.4}
.cb520-above-fold .cb520-af-cta{display:inline-block;background:linear-gradient(135deg,#c9a84c,#e8c97a);color:#1a1206;padding:10px 22px;border-radius:10px;font-weight:800;font-size:0.92rem;text-decoration:none;margin-top:8px;letter-spacing:0.02em;transition:transform 0.18s}
.cb520-above-fold .cb520-af-cta:hover{transform:translateY(-1px)}
.cb520-above-fold .cb520-af-sub{color:#9a9080;font-size:0.74rem;margin-top:6px;line-height:1.4}
@media(max-width:640px){.cb520-mbg{padding:18px 16px;gap:12px}.cb520-mbg .cb520-shield{width:36px;height:36px}.cb520-mbg .cb520-shield svg{width:20px;height:20px}.cb520-mbg h3{font-size:0.98rem}.cb520-trust-row{gap:6px;padding:10px 8px}.cb520-trust-row .cb520-trust{font-size:0.72rem;padding:3px 7px}.cb520-trust-row .cb520-sep{display:none}}
</content>
</invoke>