.case-hero{position:relative;overflow:hidden;margin:0 0 42px;padding:74px 0 82px;background:linear-gradient(110deg,rgba(7,30,62,.94),rgba(20,86,157,.78)),url('/assets/img/original-products/casebg.png') center/cover;color:#fff}
.case-hero .wrap{position:relative;z-index:1}.case-hero h1{margin:0 0 14px;font-size:clamp(32px,5vw,54px);letter-spacing:1px}.case-hero p{max-width:650px;margin:0;color:#d9e8fb;font-size:17px;line-height:1.9}.case-hero .case-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.case-stat{padding:10px 18px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(255,255,255,.1);font-size:14px}
.case-page-sec{padding-top:0}.case-page-sec .sec-head{text-align:left;margin-bottom:24px}.case-page-sec .sec-head h2{font-size:30px}.case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.case-item{height:150px;padding:20px;align-items:flex-end;transition:transform .25s,box-shadow .25s}.case-item::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,rgba(4,22,48,.78));z-index:0}.case-item>span{position:relative;z-index:1}.case-item>span:first-child{font-size:18px}.case-item>span:last-child{margin-left:auto}.case-item:nth-child(1){background:linear-gradient(135deg,#155bc4,#56a4f5)}.case-item:nth-child(2){background:linear-gradient(135deg,#087f87,#48c4a8)}.case-item:nth-child(3){background:linear-gradient(135deg,#b85c16,#f2a64d)}.case-item:nth-child(4){background:linear-gradient(135deg,#5a3a9d,#a77bea)}.case-item:nth-child(5){background:linear-gradient(135deg,#28725e,#77c98e)}.case-item:nth-child(6){background:linear-gradient(135deg,#17628a,#45b5d2)}.case-item:nth-child(7){background:linear-gradient(135deg,#9c3d55,#e87586)}
.case-client-title{margin:58px 0 18px!important;text-align:left!important;font-size:24px!important}.case-client-wrap{padding:24px;border:1px solid #dce7f4;border-radius:18px;background:linear-gradient(135deg,#f5f9ff,#fff);box-shadow:0 12px 30px rgba(16,66,120,.07)}.case-client-wrap .marquee{border:0;padding:0;background:transparent}.case-client-wrap .client-chip{background:#fff;border:1px solid #dce7f4;box-shadow:0 4px 12px rgba(16,66,120,.05)}
@media(max-width:900px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.case-hero{padding:52px 0 58px}.case-hero p{font-size:15px}.case-grid{grid-template-columns:1fr}.case-item{height:120px}.case-page-sec .sec-head h2{font-size:26px}.case-client-wrap{padding:16px}}