/* Use Cases page */

/* Case studies */
.cs-section{padding:56px 0 80px}
.cs-head{text-align:center;max-width:780px;margin:0 auto 48px}
.cs-head h1{font-size:54px;letter-spacing:-1.4px;line-height:1.05;text-wrap:balance}
.cs-head .sub{margin-top:18px;font-size:16px;color:var(--text-2);line-height:1.55;text-wrap:pretty}

.cs-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1040px;margin:0 auto}
.cs-card{display:flex;flex-direction:column;border-radius:var(--radius-xl);background:#fff;border:1px solid rgba(203,213,225,0.55);box-shadow:0 6px 22px rgba(15,23,42,0.05),inset 0 1px 0 rgba(255,255,255,0.95);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.cs-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(15,23,42,0.10)}

.cs-card-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--blue-50)}
.cs-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.cs-card-icon{position:absolute;top:22px;left:22px;z-index:1;width:52px;height:52px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--blue-700);box-shadow:0 6px 16px rgba(26,82,204,0.18)}

.cs-card-body{display:flex;flex-direction:column;gap:14px;padding:24px 26px 28px}
.cs-card-tag{align-self:flex-start;font-size:11.5px;font-weight:700;letter-spacing:0.8px;text-transform:uppercase;color:var(--blue-700);padding:5px 12px;border-radius:var(--radius-pill);background:rgba(26,82,204,0.08);border:1px solid rgba(26,82,204,0.12)}
.cs-card-title{font-size:22px;letter-spacing:-0.4px;line-height:1.2;color:var(--text-1)}
.cs-card-desc{font-size:14.5px;color:var(--text-2);line-height:1.6;text-wrap:pretty}
.cs-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:var(--blue-700);font-weight:700;font-size:14.5px}
.cs-card-link svg{transition:transform .2s ease}
.cs-card-link:hover{color:var(--blue-600)}
.cs-card-link:hover svg{transform:translateX(3px)}

.cs-cta-section{padding:24px 0 80px}

/* Responsive */
@media (max-width:780px){
  .cs-head h1{font-size:32px}
  .cs-grid{grid-template-columns:1fr;gap:20px}
}