/* Fully independent generic ROI CTA widget — static, no JS, no formulas. */
/* Does NOT share files, classes, or variables with css/mini-roi-calculator.css or css/roi-calculator.css. */
/* All rules scoped under .rcta-hero so this can be dropped on any page with zero risk of clashing with other calculators. */
.rcta-hero{
  --rcta-g:#00644E;
  --rcta-gd:#003227;
  --rcta-w:#fff;
  --rcta-g200:#E5E7EB;
  --rcta-g600:#4B5563;
  --rcta-r:16px;
  --rcta-rs:8px;
  font-family:'Inter',Arial,sans-serif;
  background:#F5F4F1;
  border:1px solid var(--rcta-g200);
  border-radius:var(--rcta-r);
  padding:48px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:center;
  box-sizing:border-box;
  max-width:1080px;
  margin:0 auto;
}

.rcta-copy{
  box-sizing:border-box;
}

.rcta-title{
  font-family:'Poppins',sans-serif;
  font-size:34px;
  font-weight:800;
  color:var(--rcta-g);
  line-height:1.15;
  margin:0 0 16px;
}

.rcta-sub{
  font-size:16px;
  color:var(--rcta-g600);
  line-height:1.55;
  margin:0 0 28px;
  max-width:420px;
}

.rcta-btn{
  display:inline-block;
  background:var(--rcta-g);
  color:var(--rcta-w);
  font-size:14px;
  font-weight:600;
  text-decoration:none;
  padding:13px 28px;
  border-radius:var(--rcta-rs);
  transition:all .2s;
}

.rcta-btn:hover{
  background:var(--rcta-gd);
  color:var(--rcta-w);
}

.rcta-panel{
  box-sizing:border-box;
}

.rcta-card{
  background:#E3F3EC;
  border:1px solid #BFE3D3;
  border-radius:20px;
  padding:32px;
  box-sizing:border-box;
}

.rcta-label{
  font-size:14px;
  font-weight:600;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:rgba(0,100,78,.75);
  margin:0 0 12px;
}

.rcta-value{
  font-family:'Poppins',sans-serif;
  font-size:44px;
  font-weight:800;
  color:var(--rcta-gd);
  margin:0 0 10px;
  line-height:1.1;
}

.rcta-card-sub{
  font-size:15px;
  color:rgba(0,100,78,.7);
  margin:0;
}

@media(max-width:768px){
  .rcta-hero{grid-template-columns:1fr;padding:32px}
}