.cases-page{--bs-dark-rgb:11,15,20;--bs-primary:#51d1a6;--bs-secondary:#5aa0ff;--bs-success:#51d1a6;--bs-info:#5aa0ff;--bs-warning:#ffb14f;--bs-border-color:#203042;--bs-body-bg:#0b0f14;--bs-body-color:#e7edf5;--bs-emphasis-color:#9fb1c6}.cases-page .hero-section{background:linear-gradient(135deg,#0b0f14 0%,#1a2332 50%,#0b0f14 100%);position:relative;overflow:hidden}.cases-page .hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 40% 30%,#51d1a61a 0%,#0000 50%),radial-gradient(circle at 60% 70%,#5aa0ff1a 0%,#0000 50%);position:absolute;inset:0}.cases-page .case-card{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);transition:all var(--transition-base);border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden}.cases-page .case-card:hover{border-color:var(--bs-primary);transform:translateY(-8px);box-shadow:0 20px 40px #0006}.cases-page .case-header{border-bottom:1px solid var(--bs-border-color);background:#51d1a60d;padding:1.5rem}.cases-page .case-industry{border:1px solid var(--bs-info);color:var(--bs-info);background:#5aa0ff1a;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.875rem;display:inline-flex}.cases-page .case-title{color:var(--bs-body-color);margin-bottom:.5rem;font-size:1.25rem;font-weight:600;line-height:1.4}.cases-page .case-meta{color:var(--bs-emphasis-color);align-items:center;gap:1rem;font-size:.875rem;display:flex}.cases-page .case-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.cases-page .case-summary{color:var(--bs-emphasis-color);flex:1;margin-bottom:1.5rem;line-height:1.7}.cases-page .case-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.cases-page .case-tag{color:var(--bs-primary);transition:all var(--transition-base);background:#51d1a61a;border:1px solid #51d1a64d;border-radius:12px;padding:.25rem .5rem;font-size:.75rem}.cases-page .case-tag:hover{background:#51d1a633;transform:translateY(-1px)}.cases-page .case-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin-top:auto;display:grid}.cases-page .metric-item{text-align:center;transition:all var(--transition-base);background:#51d1a60d;border:1px solid #51d1a633;border-radius:12px;flex-direction:column;justify-content:center;min-height:60px;padding:.5rem .4rem;display:flex}.cases-page .metric-item:hover{background:#51d1a61a;transform:translateY(-2px)}.cases-page .metric-value{color:var(--bs-primary);margin-bottom:.15rem;font-weight:600;line-height:1;font-size:.75rem!important}.cases-page .metric-label{color:var(--bs-emphasis-color);text-transform:uppercase;letter-spacing:.1px;margin-top:1px;line-height:.9;font-size:.5rem!important}.cases-page .filter-section{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:16px;margin-bottom:3rem;padding:2rem}.cases-page .filter-tags{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.cases-page .filter-tag{border:1px solid var(--bs-border-color);color:var(--bs-emphasis-color);transition:all var(--transition-base);background:0 0;border-radius:25px;padding:.5rem 1rem;font-weight:500;text-decoration:none}.cases-page .filter-tag:hover,.cases-page .filter-tag.active{background:var(--bs-primary);border-color:var(--bs-primary);color:var(--bs-body-bg);transform:translateY(-2px)}.cases-page .case-gallery{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.cases-page .gallery-item{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);transition:all var(--transition-base);border-radius:16px;position:relative;overflow:hidden}.cases-page .gallery-item:hover{border-color:var(--bs-primary);transform:translateY(-5px);box-shadow:0 15px 35px #0000004d}.cases-page .gallery-image{object-fit:cover;width:100%;height:250px;transition:transform var(--transition-base),opacity .3s ease;opacity:.9}.cases-page .gallery-image.lazy-load{opacity:.7;transition:opacity .3s}.cases-page .gallery-image.loaded{opacity:1}.cases-page .gallery-item:hover .gallery-image{transform:scale(1.05)}.cases-page .gallery-overlay{color:#fff;background:linear-gradient(#0000,#0b0f14e6);padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.cases-page .gallery-title{margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.cases-page .gallery-description{opacity:.9;font-size:.875rem}.cases-page .stats-showcase{background:linear-gradient(135deg,var(--bs-primary),var(--bs-secondary));border-radius:20px;margin:3rem 0;padding:3rem;position:relative;overflow:hidden}.cases-page .stats-showcase:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><defs><pattern id='grain' width='100' height='100' patternUnits='userSpaceOnUse'><circle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/><circle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/></pattern></defs><rect width='100' height='100' fill='url(%23grain)'/></svg>");position:absolute;inset:0}.cases-page .stats-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid;position:relative}.cases-page .stat-card{text-align:center;color:#fff}.cases-page .stat-number{text-shadow:0 2px 10px #0000004d;margin-bottom:.5rem;font-size:3rem;font-weight:700}.cases-page .stat-text{opacity:.9;font-size:1.125rem;font-weight:500}.cases-page .stats-section{background:var(--gradient-dark,#111827);padding:4rem 0;position:relative}.cases-page .stats-container{text-align:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;display:grid}.cases-page .stat-item{padding:1.5rem}.cases-page .stat-value{color:var(--bs-primary);background:var(--gradient-primary,linear-gradient(135deg,#51d1a6,#5aa0ff));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.5rem;font-weight:700}.cases-page .stat-label{color:var(--bs-emphasis-color);font-size:1.125rem;font-weight:500}.cases-page .content-section{padding:3rem 0}.cases-page .section-header{text-align:center;max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto}.cases-page .section-title{color:var(--bs-body-color);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.cases-page .section-subtitle{color:var(--bs-emphasis-color);font-size:1.25rem;line-height:1.7}@media (max-width:768px){.cases-page .case-gallery{grid-template-columns:1fr}.cases-page .filter-tags{justify-content:flex-start}.cases-page .stats-grid{grid-template-columns:repeat(2,1fr)}}
