.elementor-645 .elementor-element.elementor-element-ad2be14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-cec3edf */:root{
  --bg:#F5F7FA;
  --ink:#0B1A48;
  --muted:rgba(11,26,72,.65);
  --violet:#8B5CF6;
  --card:#ffffff;
  --radius:22px;
  --shadow:0 14px 38px rgba(0,0,0,.08);
  --max:1180px;
}

.cl-cases-page{
  font-family:Inter,system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
}

.cl-container{
  width:min(var(--max),100%);
  margin:auto;
  padding:0 20px;
}

.cl-h1{
  font-size:clamp(34px,4vw,54px);
  font-weight:900;
  margin-bottom:14px;
}

.cl-h2{
  font-size:clamp(26px,3vw,38px);
  font-weight:900;
  margin-bottom:10px;
}

.cl-sub{
  color:var(--muted);
  font-size:18px;
  max-width:720px;
  margin-bottom:24px;
}

.cl-btn{
  display:inline-block;
  padding:14px 22px;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
}

.cl-btn.primary{
  background:linear-gradient(180deg,var(--violet),#6E4BFF);
  color:#fff;
  box-shadow:0 10px 28px rgba(139,92,246,.35);
}

.cl-btn.outline{
  border:1px solid var(--violet);
  color:var(--violet);
  background:#fff;
}

.cl-cases-hero{
  padding:90px 0 70px;
  border-bottom:1px solid rgba(0,0,0,.06);
}

.cl-case{
  padding:80px 0;
}

.cl-case.alt{
  background:#fff;
}

.cl-case-header{
  margin-bottom:36px;
}

.cl-case-context{
  color:var(--muted);
  font-weight:600;
}

.cl-case-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.cl-case-card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:18px;
}

.cl-case-card.full{
  grid-column:1 / -1;
}

.cl-case-card img{
  width:100%;
  border-radius:16px;
  margin-bottom:14px;
}

.cl-case-card h3{
  font-size:18px;
  font-weight:800;
  margin-bottom:6px;
}

.cl-case-card p{
  color:var(--muted);
  font-size:15px;
}

.cl-case-result{
  margin-top:30px;
  padding:22px;
  border-radius:18px;
  background:rgba(139,92,246,.08);
  font-weight:700;
}

.cl-cases-cta{
  padding:90px 0;
  text-align:center;
  border-top:1px solid rgba(0,0,0,.06);
}

.cl-actions{
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}

@media(max-width:900px){
  .cl-case-grid{
    grid-template-columns:1fr;
  }
}


.cl-cases-cta {
  text-align: center;
}

.cl-cases-cta .cl-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cl-cases-cta h2,
.cl-cases-cta p {
  max-width: 720px;
}

.cl-actions {
  margin-top: 24px;
}/* End custom CSS */