.blog-cta-deployment-panel{position:relative;overflow:hidden;background:var(--bg);border:1px solid var(--border);box-shadow:0 4px 20px #0000000a;transition:box-shadow .3s ease;border-radius:10px;padding:2.5rem}.blog-cta-deployment-panel:hover{box-shadow:0 8px 30px #0000000f}.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:.3;pointer-events:none}.blog-cta-edge-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 100% at center,transparent 0%,rgba(0,0,0,.01) 100%);pointer-events:none}.blog-cta-title{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:.5rem;line-height:1.2;letter-spacing:-.02em}.blog-cta-description{font-size:15px;color:var(--text-muted);margin-bottom:1.5rem;line-height:1.7;max-width:500px}.blog-cta-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-deploy-primary{background:var(--gold)!important;color:#fff!important;font-weight:600;font-size:14px;padding:.65rem 1.25rem;border-radius:6px;border:none;box-shadow:0 2px 8px #28265026;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;height:auto}.btn-deploy-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #28265033}.btn-deploy-secondary{background:transparent!important;color:var(--text-muted)!important;font-weight:500;font-size:14px;padding:.65rem 1.25rem;border-radius:6px;border:1px solid var(--border-mid)!important;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;height:auto}.btn-deploy-secondary:hover{color:var(--text)!important;border-color:var(--border-mid)!important;background:var(--bg2)!important}.btn-deploy-primary .icon-arrow{transition:transform .2s ease}.btn-deploy-primary:hover .icon-arrow{transform:translate(3px)}.btn-deploy-secondary .icon-external{opacity:.5;transition:opacity .2s ease}.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}.btn-deploy-primary,.btn-deploy-secondary{width:100%;justify-content:center}.blog-cta-buttons{flex-direction:column}}