/* ================================
   CASE STUDIES PAGE
   ================================ */

#casestudies .section{ padding: clamp(48px,6vw,96px) 20px; color: var(--text-700); }
.container{ width:min(var(--container),100%); margin-inline:auto; }

/* HERO */
.cs-hero h1{
  font-size: clamp(26px, 3.2vw, 36px);; font-weight:900; letter-spacing:-.02em;
  color: var(--text-900); margin:0 0 10px;
}
.cs-hero .lead{ max-width:70ch; line-height:1.75; }

/* BLOCKS */
.cs-block{ padding: clamp(36px,5vw,60px) 0; }
.soft-lavender{ background: rgba(125,91,166,.06); }
.soft-green{ background: rgba(52,199,89,.10); }
.soft-yellow{ background: rgba(251,192,45,.14); }

.cs-card{
  background:#fff; border:1px solid var(--border);
  border-radius:16px; padding: clamp(20px,3.2vw,28px);
  box-shadow: 0 20px 46px rgba(0,0,0,.08);
}
.cs-card h2{
  font-size: clamp(22px,2.6vw,28px); font-weight:900; margin:0 0 12px; color: var(--text-900);
}
.cs-card p{ margin:10px 0; line-height:1.7; }

.scenario strong{ color: var(--brand-red); }
.solution strong{ color: var(--brand-blue); }
.impact strong{ color: var(--brand-green); }

.pill{
  display:inline-block; font-size:12px; font-weight:800;
  padding:4px 8px; border-radius:999px;
  background: rgba(125,91,166,.12); color: var(--brand-purple);
  margin:0 2px;
}

/* CTA */
.cs-cta .cta-card{
  background:#fff; border:1px solid var(--border);
  border-radius:18px; padding: clamp(22px,3.4vw,32px);
  box-shadow: 0 24px 54px rgba(0,0,0,.12);
  text-align:center;
}
.cs-cta h2{ font-size: var(--h2); font-weight:900; margin:0 0 6px; color: var(--text-900); }
.cs-cta .lead{ color: var(--text-700); margin:0 0 14px; }
.cta-actions{ display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }

.btn-primary, .btn-ghost{
  display:inline-block; padding:12px 18px; border-radius: var(--radius);
  font-weight:700; text-decoration:none;
}
.btn-primary{ background: var(--brand-purple); color:#fff; box-shadow: 0 10px 24px rgba(125,91,166,.25); }
.btn-primary:hover{ filter:brightness(1.05); }
.btn-ghost{ color: var(--brand-purple); border:2px solid var(--brand-purple); }


/* CTA buttons – force visible text */
.cs-cta .btn-primary{
  background: var(--brand-purple, #7D5BA6);
  color:#fff !important;
  font-weight:800;
  border:none;
  box-shadow: 0 10px 24px rgba(125,91,166,.25);
}
.cs-cta .btn-ghost{
  background: transparent;
  color: var(--brand-purple, #7D5BA6) !important;
  border:2px solid var(--brand-purple, #7D5BA6);
  font-weight:800;
}
.cs-cta .btn-primary:hover{ filter:brightness(1.05); }
.cs-cta .btn-primary:focus,
.cs-cta .btn-ghost:focus{ outline:2px solid color-mix(in srgb, var(--brand-purple, #7D5BA6) 55%, transparent); outline-offset:2px; }