.cases-page{background:#f8fafc;min-height:100vh}.cases-page .detail-header .logo a{color:#1e293b;letter-spacing:-.5px;font-size:24px;font-weight:700;text-decoration:none}.cases-hero{text-align:center;background:#fff;padding:140px 0 80px}.cases-hero h1{color:#0f172a;margin-bottom:20px;font-size:48px;font-weight:900}.cases-hero p{color:#64748b;max-width:600px;margin:0 auto;font-size:18px}.category-tabs{justify-content:center;gap:15px;margin-top:40px;display:flex}.tab-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:100px;padding:10px 30px;font-weight:600;transition:all .3s}.tab-btn.active{color:#fff;background:#4318ff;border-color:#4318ff;box-shadow:0 10px 20px #4318ff33}.cases-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px;padding:60px 0;display:grid}.case-card{background:#fff;border-radius:24px;flex-direction:column;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden;box-shadow:0 4px 20px #00000008}.case-card:hover{transform:translateY(-10px);box-shadow:0 40px 80px #00000014}.case-thumb{height:240px;position:relative;overflow:hidden}.case-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.case-card:hover .case-thumb img{transform:scale(1.1)}.case-cat{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#4318ff;background:#ffffffe6;border-radius:100px;padding:6px 16px;font-size:12px;font-weight:800;position:absolute;top:20px;left:20px}.case-info{flex-direction:column;flex:1;padding:30px;display:flex}.case-info h3{color:#1e293b;margin-bottom:15px;font-size:22px;font-weight:800;line-height:1.4}.case-info p{color:#64748b;flex:1;margin-bottom:25px;font-size:15px;line-height:1.6}.btn-read-more{color:#4318ff;align-items:center;gap:8px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.case-detail-page{background:#fff}.case-banner{color:#fff;background-position:50%;background-size:cover;align-items:center;height:60vh;min-height:500px;display:flex;position:relative}.case-banner:after{content:"";background:linear-gradient(#0000,#000c);position:absolute;inset:0}.case-banner .container{z-index:10;position:relative}.case-title-area h1{margin-bottom:20px;font-size:56px;font-weight:900}.case-meta{opacity:.9;gap:30px;font-size:16px;font-weight:600;display:flex}.case-content-body{max-width:900px;margin:0 auto;padding:80px 20px}.content-section-text{color:#334155;margin-bottom:40px;font-size:18px;line-height:1.8}.content-section-image{border-radius:24px;margin:60px 0;overflow:hidden;box-shadow:0 30px 60px #0000000d}.content-section-image img{width:100%;display:block}@media (max-width:768px){.cases-hero h1{font-size:36px}.case-banner{height:40vh;min-height:300px}.case-title-area h1{font-size:32px}}.case-title-area .back-link{color:#ffffffb3;font-size:14px;font-weight:600;text-decoration:none;transition:color .3s}.case-title-area .back-link:hover{color:#fff}.case-paragraph{margin-bottom:30px}.section-header.center{text-align:center;margin-bottom:60px}.section-header.center h2{margin-bottom:15px;font-size:36px;font-weight:800}.products-grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;display:grid}.case-product-card{color:inherit;text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:30px;text-decoration:none;transition:all .3s}.case-product-card:hover{border-color:#4318ff;transform:translateY(-5px);box-shadow:0 20px 40px #0000000d}.case-product-card .p-img{height:200px;margin-bottom:20px}.case-product-card .p-img img{object-fit:contain;max-width:100%;height:100%}.case-product-card h4{margin-bottom:10px;font-size:20px;font-weight:800}.case-product-card p{color:#64748b;margin-bottom:20px;font-size:14px}.btn-outline{color:#4318ff;border:1px solid #4318ff;border-radius:100px;padding:8px 25px;font-size:14px;font-weight:700;transition:all .3s;display:inline-block}.case-product-card:hover .btn-outline{color:#fff;background:#4318ff}