.protos-cases { display:grid; grid-template-columns: repeat(3, 1fr); gap:24px; margin-top:32px; }
    .protos-cases .case-card { background:#ffffff; border-radius:16px; padding:32px; box-shadow:0 2px 12px rgba(0,0,0,0.06); }
    .protos-cases .case-tag { font-family:'Roboto',sans-serif; font-weight:700; font-size:13px; letter-spacing:0.5px; color:#453685; text-transform:uppercase; }
    .protos-cases .case-heading { font-family:'Kanit',sans-serif; font-weight:700; font-size:22px; color:#111111; margin:12px 0 16px; line-height:1.3; }
    .protos-cases .case-body { font-size:15px; color:#444444; line-height:1.6; margin-bottom:20px; }
    .protos-cases .case-metric { display:flex; align-items:center; gap:10px; background:#F5F5F7; border-radius:10px; padding:12px 16px; font-size:14px; font-weight:600; color:#111111; margin-bottom:10px; }
    .protos-cases .case-metric .arrow { color:#453685; font-weight:700; }
    @media (max-width: 900px) {
      .protos-cases { grid-template-columns: 1fr; }
    }