.cta-footer{
  margin-top:2rem;padding:2rem;border-radius:14px;background:linear-gradient(180deg,var(--brand-primary),var(--brand-accent));
  color:white;display:flex;justify-content:space-between;align-items:center;gap:1rem;
}
.cta-footer .left h3{margin:0;font-size:1.25rem}
.cta-footer .left p{margin:0.4rem 0 0 0;opacity:0.95}
.cta-footer .actions{display:flex;gap:0.65rem}

.stat-box{
  flex:1;
  min-width:180px;
  background:var(--card);
  padding:1.5rem 1rem;
  border-radius:12px;
  text-align:center;
  transition: transform 0.2s ease;
}
.stat-box:hover{
  transform: scale(1.05);
}
.stat-box .number{
  font-size:1.8rem;
  font-weight:800;
  color:var(--brand-primary);
  margin-bottom:0.3rem;
}
.stat-box .label{
  color:var(--muted);
  font-size:0.9rem;
}




/* RESPONSIVE - ADD AT END OF CTA.CSS */
@media (max-width: 1000px){
  .stat-box{
    min-width: 150px;
  }
}

@media (max-width: 760px){
  .cta-footer{
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
    gap: 1.5rem;
  }
  
  .cta-footer .left h3{
    font-size: 1.1rem;
  }
  
  .cta-footer .left p{
    font-size: 0.9rem;
  }
  
  .cta-footer .actions{
    width: 100%;
    justify-content: center;
    gap: 0.5rem;
  }
  
  .cta-footer .actions .btn{
    flex: 1;
    min-width: 120px;
  }
  
  .stat-box{
    min-width: 140px;
    padding: 1.2rem 0.8rem;
  }
  
  .stat-box .number{
    font-size: 1.5rem;
  }
  
  .stat-box .label{
    font-size: 0.85rem;
  }
}

@media (max-width: 480px){
  .cta-footer{
    padding: 1.25rem;
  }
  
  .cta-footer .left h3{
    font-size: 1rem;
  }
  
  .cta-footer .left p{
    font-size: 0.85rem;
  }
  
  .cta-footer .actions{
    flex-direction: column;
    width: 100%;
  }
  
  .cta-footer .actions .btn{
    width: 100%;
  }
  
  .stat-box{
    min-width: 100%;
    padding: 1rem;
  }
  
  .stat-box .number{
    font-size: 1.4rem;
  }
  
  .stat-box .label{
    font-size: 0.8rem;
  }
}