.caseStudies{background:#f5f7fb;min-height:100vh;padding:40px}.caseStudies__hero{text-align:center;margin-bottom:40px}.caseStudies__hero h1{background:linear-gradient(90deg,#6366f1,#9333ea);color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:40px;font-weight:700}.caseStudies__hero p{color:#6b7280;margin-bottom:20px}.caseStudies__hero .searchBox input{border:1px solid #e5e7eb;border-radius:10px;outline:none;width:320px;padding:12px 18px;transition:all .2s}.caseStudies__hero .searchBox input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.caseStudies__stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-bottom:30px;display:grid}.caseStudies__stats .stat{text-align:center;background:#fff;border-radius:14px;padding:20px;box-shadow:0 10px 25px rgba(0,0,0,.05)}.caseStudies__stats .stat h3{color:#111827;font-size:26px}.caseStudies__stats .stat span{color:#6b7280;font-size:14px}.caseStudies__filters{justify-content:center;gap:12px;margin-bottom:30px;display:flex}.caseStudies__filters button{cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;padding:10px 18px}.caseStudies__filters button.active{color:#fff;background:#6366f1}.caseStudies__grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.caseStudies__card{background:#fff;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 15px 40px rgba(0,0,0,.05)}.caseStudies__card:hover{transform:translateY(-8px)}.caseStudies__card .card__header h3{margin-bottom:4px}.caseStudies__card .card__header span{color:#6366f1;font-size:14px}.caseStudies__card .desc{color:#6b7280;margin:12px 0}.caseStudies__card .tags{margin-bottom:16px}.caseStudies__card .tags span{color:#6366f1;background:#eef2ff;border-radius:6px;margin-right:8px;padding:6px 10px;font-size:12px}.caseStudies__card .metrics{justify-content:space-between;margin-bottom:16px;display:flex}.caseStudies__card .metrics div{flex-direction:column;display:flex}.caseStudies__card .metrics div strong{font-size:18px}.caseStudies__card .metrics div span{color:#9ca3af;font-size:12px}.caseStudies__card button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;width:100%;padding:10px}.caseStudies__modal{background:rgba(0,0,0,.4);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.caseStudies__modal .modal__content{background:#fff;border-radius:16px;width:400px;padding:30px}.caseStudies__modal .modal__content h2{margin-bottom:12px}.caseStudies__modal .modal__content ul{margin:20px 0}.caseStudies__modal .modal__content button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 16px}@media (max-width:1024px){.caseStudies .caseStudies{padding:30px}.caseStudies .caseStudies__hero h1{font-size:32px}.caseStudies .caseStudies__stats{grid-template-columns:repeat(2,1fr)}.caseStudies .caseStudies__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.caseStudies .caseStudies{padding:24px}.caseStudies .caseStudies__hero h1{font-size:28px}.caseStudies .caseStudies__hero p{font-size:14px}.caseStudies .caseStudies__hero .searchBox input{width:100%}.caseStudies .caseStudies__stats{grid-template-columns:1fr 1fr;gap:16px}.caseStudies .caseStudies__stats .stat{padding:16px}.caseStudies .caseStudies__stats .stat h3{font-size:22px}.caseStudies .caseStudies__filters{flex-wrap:wrap;gap:8px}.caseStudies .caseStudies__filters button{flex:1;min-width:120px}.caseStudies .caseStudies__grid{grid-template-columns:1fr;gap:18px}.caseStudies .caseStudies__card{padding:20px}.caseStudies .caseStudies__card .metrics{flex-wrap:wrap;gap:10px}.caseStudies .caseStudies__modal{padding:16px}.caseStudies .caseStudies__modal .modal__content{width:100%;max-width:420px}}@media (max-width:480px){.caseStudies .caseStudies{padding:18px}.caseStudies .caseStudies__hero h1{font-size:24px}.caseStudies .caseStudies__stats{grid-template-columns:1fr}.caseStudies .caseStudies__stats .stat h3{font-size:20px}.caseStudies .caseStudies__filters button{padding:8px 12px;font-size:14px}.caseStudies .caseStudies__card{padding:16px}.caseStudies .caseStudies__card .card__header h3{font-size:16px}.caseStudies .caseStudies__card .desc{font-size:13px}.caseStudies .caseStudies__card .metrics div strong{font-size:16px}.caseStudies .caseStudies__modal .modal__content{padding:20px}}