/* ── WORK SHOWCASE — per service page ── */
.showcase{margin:4rem 0 0;padding:3rem 0}
.showcase-lbl{font-family:'Space Grotesk',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--indigo2);margin-bottom:.75rem}
.showcase-title{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--white);margin-bottom:.5rem;line-height:1.15}
.showcase-title em{font-style:normal;background:linear-gradient(135deg,var(--indigo2),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.showcase-sub{font-size:.88rem;color:var(--muted2);margin-bottom:2.5rem;max-width:500px}
.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
@media(max-width:768px){.showcase-grid{grid-template-columns:1fr}}

.case-card{
  background:rgba(13,18,37,.7);
  border:1px solid rgba(99,102,241,.15);
  border-radius:18px;
  padding:1.75rem;
  position:relative;overflow:hidden;
  transition:transform .3s,box-shadow .3s,border-color .3s;
  opacity:0;transform:translateY(30px);
}
.case-card.in{opacity:1;transform:none}
.case-card:nth-child(1){transition-delay:.05s}
.case-card:nth-child(2){transition-delay:.15s}
.case-card:nth-child(3){transition-delay:.25s}
.case-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.35),0 0 0 1px rgba(99,102,241,.3);border-color:rgba(99,102,241,.35)}
.case-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--indigo),var(--violet));
  transform:scaleX(0);transform-origin:left;
  transition:transform .4s;
}
.case-card:hover::before{transform:scaleX(1)}
.case-icon{
  width:44px;height:44px;border-radius:12px;
  background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(167,139,250,.08));
  border:1px solid rgba(99,102,241,.25);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1.1rem;
}
.case-icon svg{width:20px;height:20px;stroke:var(--indigo2);stroke-width:2;fill:none}
.case-brand{font-family:'Space Grotesk',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}
.case-result{font-family:'Syne',sans-serif;font-size:1.7rem;font-weight:800;background:linear-gradient(135deg,var(--indigo2),var(--violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem;line-height:1.1}
.case-desc{font-size:.82rem;color:var(--muted2);line-height:1.7}
.case-tag{display:inline-flex;margin-top:.85rem;padding:.2rem .65rem;border-radius:100px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);font-family:'Space Grotesk',sans-serif;font-size:.65rem;font-weight:600;color:var(--indigo2);letter-spacing:.05em}

/* Animated stat bar inside case card */
.case-bar-wrap{margin-top:1rem;height:3px;border-radius:3px;background:rgba(99,102,241,.12);overflow:hidden}
.case-bar{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--indigo),var(--violet));width:0;transition:width 1.2s cubic-bezier(.25,1,.5,1)}
.case-card.in .case-bar{width:var(--bar-w,75%)}