@keyframes deployment-pulse{0%,to{box-shadow:0 4px 16px #16a34a4d,0 2px 4px #16a34a33,inset 0 1px #fff3}50%{box-shadow:0 4px 20px #16a34a66,0 2px 6px #16a34a4d,inset 0 1px #fff3}}@keyframes grid-shift{0%,to{transform:translate(0)}50%{transform:translate(-2px,-2px)}}.blog-cta-deployment-panel{position:relative;overflow:hidden;background:linear-gradient(to right,#fff,#f0fdf4);border:1px solid rgba(0,0,0,.05);box-shadow:0 10px 30px -5px #00000014;transition:box-shadow .3s ease;border-radius:20px;padding:2.5rem}.blog-cta-deployment-panel:hover{box-shadow:0 15px 40px -5px #0000001f}.blog-cta-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.02) 1px,transparent 1px);background-size:32px 32px;opacity:.4;animation:grid-shift 20s ease-in-out infinite;pointer-events:none;border-radius:20px}.blog-cta-edge-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 100% at center center,transparent 0%,rgba(0,0,0,.02) 100%);pointer-events:none;border-radius:20px}.blog-cta-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.3}.blog-cta-description{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;max-width:500px}.blog-cta-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-deploy-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#16a34a,#15803d)!important;color:#fff!important;font-weight:600;font-size:.9375rem;padding:.75rem 1.5rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 16px #16a34a4d,0 2px 4px #16a34a33,inset 0 1px #fff3;transition:all .3s cubic-bezier(.4,0,.2,1);animation:deployment-pulse 3s ease-in-out infinite;display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;height:auto}.btn-deploy-primary:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:11px;padding:2px;background:linear-gradient(135deg,#16a34a80,#15803d80);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.btn-deploy-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #16a34a66,0 4px 8px #16a34a4d,inset 0 1px #ffffff4d;animation:none;background:linear-gradient(135deg,#16a34a,#15803d)!important}.btn-deploy-primary:hover:before{opacity:1}.btn-deploy-primary:focus-visible{outline:none;box-shadow:0 4px 16px #16a34a4d,0 0 0 4px #16a34a26;animation:none}.btn-deploy-primary:active{transform:translateY(0)}.btn-deploy-secondary{position:relative;background:transparent!important;color:var(--accent-primary)!important;font-weight:600;font-size:.9375rem;padding:.75rem 1.5rem;border-radius:10px;border:2px solid var(--accent-primary)!important;box-shadow:0 2px 8px #0000000a,inset 0 1px #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;height:auto}.btn-deploy-secondary:hover{background:#f3f4f6!important;border-color:var(--accent-primary)!important;color:#111!important;transform:translateY(-1px);box-shadow:0 4px 12px #00000014,inset 0 1px #fff}.btn-deploy-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px #16a34a1a,0 2px 8px #0000000a;border-color:var(--accent-primary)!important}.btn-deploy-secondary:active{transform:translateY(0);background:#16a34a14!important}.btn-deploy-primary .icon-arrow{transition:transform .3s ease}.btn-deploy-primary:hover .icon-arrow{transform:translate(4px)}.btn-deploy-secondary .icon-external{transition:opacity .3s ease;opacity:0}.btn-deploy-secondary:hover .icon-external{opacity:1}@media (max-width: 768px){.blog-cta-deployment-panel{padding:2rem}.blog-cta-title{font-size:1.25rem}.blog-cta-description{font-size:.9375rem}.btn-deploy-primary,.btn-deploy-secondary{width:100%;justify-content:center}.blog-cta-buttons{flex-direction:column}.blog-cta-grid-pattern{background-size:24px 24px}@keyframes deployment-pulse{0%,to{box-shadow:0 3px 12px #16a34a4d,0 1px 3px #16a34a33,inset 0 1px #fff3}50%{box-shadow:0 4px 16px #16a34a66,0 2px 4px #16a34a4d,inset 0 1px #fff3}}}
