[data-variant=M]{--color-meta-50: #eff6ff;--color-meta-100: #dbeafe;--color-meta-300: #93c5fd;--color-meta-500: #3b82f6;--color-meta-700: #1d4ed8;--color-meta-900: #1e3a8a;--color-social-like: #1877f2;--color-social-love: #f0284a;--color-social-wow: #f7b928}[data-variant=M] .btn-cta{background:linear-gradient(135deg,#1877f2,#3b82f6);color:#fff;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #1877f24d}[data-variant=M] .btn-cta:hover{background:linear-gradient(135deg,#166fe5,#2563eb);transform:translateY(-2px);box-shadow:0 8px 20px #1877f266}[data-variant=M] .social-proof{display:inline-flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:9999px;box-shadow:0 4px 20px #0000001a;font-size:.875rem;font-weight:500}[data-variant=M] .btn-meta{background:linear-gradient(135deg,#1877f2,#3b82f6);color:#fff;font-weight:600;padding:1rem 2rem;border:none;border-radius:.5rem;transition:all .3s ease;box-shadow:0 4px 14px #1877f24d}[data-variant=M] .btn-meta:hover{background:linear-gradient(135deg,#166fe5,#2563eb);transform:translateY(-2px);box-shadow:0 8px 20px #1877f266}[data-variant=M] .btn-meta-secondary{background:#fff;color:#1877f2;font-weight:600;padding:1rem 2rem;border:2px solid #1877f2;border-radius:.5rem;transition:all .3s ease}[data-variant=M] .btn-meta-secondary:hover{background:#eff6ff}[data-variant=M] .card-meta{background:#fff;border-radius:1rem;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb}[data-variant=M] .card-meta:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}[data-variant=M] .text-meta,[data-variant=M] .text-meta-500{color:#3b82f6}[data-variant=M] .text-meta-700{color:#1d4ed8}[data-variant=M] .bg-meta-light{background:linear-gradient(180deg,#eff6ff,#dbeafe)}[data-variant=M] .bg-meta-gradient{background:linear-gradient(135deg,#1877f2,#3b82f6,#60a5fa)}[data-variant=M] .text-meta-100{color:#dbeafe}[data-variant=M] .reaction-bar{display:flex;align-items:center;gap:.25rem}[data-variant=M] .reaction-bar span{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;margin-left:-4px}[data-variant=M] .reaction-bar span:first-child{margin-left:0}[data-variant=M] .hero-meta-overlay{background:linear-gradient(to bottom,#1e3a8a66,#1e3a8a99,#1e3a8ad9)}[data-variant=M] .testimonial-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #e5e7eb}[data-variant=M] .badge-limited{background:linear-gradient(135deg,#f0284a,#ff6b6b);color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}[data-variant=M] .floating-proof{position:fixed;bottom:1.5rem;left:1.5rem;z-index:50;animation:slideIn .5s ease}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}[data-variant=M] .sticky-footer-bar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:linear-gradient(135deg,#1877f2,#3b82f6);padding:.75rem 1rem;transform:translateY(100%);transition:transform .4s ease;box-shadow:0 -4px 20px #0003}[data-variant=M] .sticky-footer-bar.visible{transform:translateY(0)}[data-variant=M] .sticky-footer-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}[data-variant=M] .sticky-footer-text{color:#fff;font-weight:500;display:flex;align-items:center;gap:.5rem}[data-variant=M] .sticky-footer-text .urgency-badge{background:#f0284a;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:700;animation:pulse 2s infinite}[data-variant=M] .sticky-footer-btn{background:#fff;color:#1877f2;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;transition:all .3s ease;white-space:nowrap}[data-variant=M] .sticky-footer-btn:hover{background:#eff6ff;transform:scale(1.05)}[data-variant=M] .shake-on-view{animation:none}[data-variant=M] .shake-on-view.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}[data-variant=M] .meta-slide-overlay{position:fixed;inset:0;background:#1e3a8a80;z-index:100;opacity:0;visibility:hidden;transition:all .3s ease}[data-variant=M] .meta-slide-overlay.active{opacity:1;visibility:visible}[data-variant=M] .meta-slide-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:480px;background:#fff;z-index:101;transform:translate(100%);transition:transform .4s ease;overflow-y:auto;box-shadow:-10px 0 40px #0003}[data-variant=M] .meta-slide-panel.active{transform:translate(0)}[data-variant=M] .meta-slide-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,#eff6ff,#fff)}[data-variant=M] .meta-slide-close{width:40px;height:40px;border-radius:50%;background:#eff6ff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}[data-variant=M] .meta-slide-close:hover{background:#dbeafe}[data-variant=M] .meta-slide-content{padding:1.5rem}[data-variant=M] .form-social-proof{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}[data-variant=M] .form-social-proof span{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}[data-variant=M] .form-social-proof svg{color:#10b981}