/* proof.css - Proof Editing page styles */

.hero-text-gradient{
  background: linear-gradient(90deg,#fff,#bfefff,#00bfff);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent;
  font-weight:800;
}

/* grid card */
.sample-card{
  background: rgba(8,10,15,0.45);
  border:1px solid rgba(255,255,255,0.03);
  border-radius:8px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:220px;
}
.sample-thumb{
  height:160px;
  background-size:cover;
  background-position:center;
  position:relative;
  cursor:pointer;
}
.sample-meta{ padding:10px; }
.price-badge{
  position:absolute;
  left:8px; top:8px;
  background:rgba(0,0,0,0.6);
  color:#a0e9ff; padding:6px 8px; border-radius:6px; font-weight:700; font-size:13px;
}

/* Modal before/after container */
.ba-wrapper{ position:relative; width:100%; height:420px; background:#000; overflow:hidden; }
.ba-image{ position:absolute; inset:0; background-size:cover; background-position:center; }
.ba-top{ width:50%; overflow:hidden; transition:width .18s ease; }
.ba-range{ width:100%; margin-top:8px; }

/* video iframe style */
.modal-video{ width:100%; height:420px; border:0; }

/* order button variations */
.order-btn{ background:#25D366; color:#000; padding:8px 10px; border-radius:6px; font-weight:700; }

/* testimonials & process small */
.testimonial{ background: rgba(10,15,20,0.5); border:1px solid rgba(255,255,255,0.03); padding:10px; border-radius:8px; }

/* responsive tweaks */
@media (max-width:640px){
  .ba-wrapper{ height:300px; }
  .sample-thumb{ height:120px; }
}