.case-studies-hero{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.case-studies-hero-background{z-index:1;position:absolute;inset:0}.hero-gradient-1{background:radial-gradient(circle,#667eea26 0%,#0000 70%);width:60%;height:140%;animation:8s ease-in-out infinite float;position:absolute;top:-20%;right:-10%}.hero-gradient-2{background:radial-gradient(circle,#764ba21a 0%,#0000 70%);width:50%;height:120%;animation:6s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%}.floating-shapes{position:absolute;inset:0}.shape{background:linear-gradient(135deg,#667eea1a,#764ba20d);border-radius:50%;animation:6s ease-in-out infinite float;position:absolute}.shape-1{width:60px;height:60px;animation-delay:0s;top:10%;left:5%}.shape-2{width:100px;height:100px;animation-delay:2s;top:70%;right:8%}.shape-3{width:80px;height:80px;animation-delay:4s;bottom:20%;left:12%}.shape-4{width:120px;height:120px;animation-delay:1s;top:30%;right:18%}.shape-5{width:70px;height:70px;animation-delay:3s;bottom:15%;right:22%}.shape-6{width:90px;height:90px;animation-delay:5s;top:50%;left:8%}.shape-7{width:110px;height:110px;animation-delay:6s;top:20%;right:30%}.shape-8{width:50px;height:50px;animation-delay:7s;bottom:40%;left:25%}.case-studies-hero-container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid;position:relative}.case-studies-hero-content{text-align:left}.case-studies-hero-title{background:linear-gradient(135deg,#fff 0%,#ffffffe6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:700;line-height:1.1}.case-studies-hero-subtitle{color:#fffc;max-width:500px;margin-bottom:40px;font-size:1.25rem;line-height:1.6}.case-studies-hero-stats{gap:40px;display:flex}.stat-item{text-align:center}.stat-number{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.stat-label{color:#ffffffb3;font-size:.9rem;font-weight:500}.case-studies-hero-visual{justify-content:center;align-items:center;display:flex}.project-showcase{width:100%;max-width:500px;height:400px;position:relative}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;padding:20px;transition:all .3s;position:absolute;box-shadow:0 20px 40px #0000004d}.project-1{width:300px;animation:4s ease-in-out infinite float;top:0;left:0}.project-2{width:200px;animation:4s ease-in-out 1s infinite float;bottom:20px;right:0}.project-3{width:250px;animation:4s ease-in-out 2s infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}.browser-window{background:#1e1e1e;border-radius:12px;overflow:hidden}.browser-header{background:#2d2d2d;border-bottom:1px solid #ffffff1a;padding:12px 16px}.browser-dots{gap:6px;display:flex}.browser-dots span{border-radius:50%;width:10px;height:10px;display:block}.browser-dots span:first-child{background:#ff5f57}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#28ca42}.browser-content{height:180px;padding:20px}.content-grid{grid-template-columns:1fr 1fr;gap:10px;height:100%;display:grid}.content-block{background:#ffffff1a;border-radius:8px}.content-block:first-child{opacity:.7;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);grid-column:1/-1}.mobile-window{background:#1e1e1e;border:2px solid #ffffff1a;border-radius:24px;width:120px;height:200px;overflow:hidden}.mobile-header{background:#2d2d2d;border-bottom:1px solid #ffffff1a;height:20px}.mobile-content{padding:15px 10px}.mobile-list{flex-direction:column;gap:8px;display:flex}.list-item{background:#ffffff1a;border-radius:4px;height:8px}.list-item:first-child{opacity:.7;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.list-item:nth-child(2),.list-item:nth-child(3){background:#ffffff1a}.dashboard-window{background:#1e1e1e;border-radius:12px;overflow:hidden}.dashboard-header{background:#2d2d2d;border-bottom:1px solid #ffffff1a;padding:15px 20px}.dashboard-nav{background:#ffffff1a;border-radius:4px;width:80px;height:8px}.dashboard-content{padding:20px}.metric-cards{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric-card{background:#ffffff1a;border-radius:8px;height:40px}.metric-card:first-child{opacity:.7;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.metric-card:nth-child(2),.metric-card:nth-child(3){background:#ffffff1a}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@media (max-width:968px){.case-studies-hero-container{text-align:center;grid-template-columns:1fr;gap:40px}.case-studies-hero-title{font-size:2.5rem}.case-studies-hero-subtitle{margin:0 auto 40px}.case-studies-hero-stats{justify-content:center}.project-showcase{height:300px}}@media (max-width:768px){.case-studies-hero-title{font-size:2rem}.case-studies-hero-subtitle{font-size:1.1rem}.case-studies-hero-stats{flex-direction:column;gap:30px}.project-card{transform:scale(.8)}}
.case-studies-grid-section{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);padding:100px 0;position:relative;overflow:hidden}.case-studies-grid-section:before{content:"";background:radial-gradient(circle at 80% 20%,#667eea0d 0%,#0000 50%);position:absolute;inset:0}.section-header{text-align:center;margin-bottom:60px}.section-title{background:linear-gradient(135deg,#fff 0%,#fffc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3rem;font-weight:700}.section-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.2rem;line-height:1.6}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:60px;display:flex}.filter-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:none;border-radius:25px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .3s}.filter-tab:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.filter-tab.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#0000;box-shadow:0 8px 20px #667eea4d}.case-studies-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px;margin-bottom:60px;display:grid}.case-studies-grid a{color:inherit;text-decoration:none;display:block}.case-study-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;transition:all .3s;position:relative;overflow:hidden}.case-study-card:before{content:"";background:linear-gradient(90deg,#0000,#667eea80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.case-study-card:hover{border-color:#667eea4d;box-shadow:0 25px 50px #0006}.case-study-link{color:inherit;height:100%;text-decoration:none;display:block}.case-study-image{height:250px;position:relative;overflow:hidden}.case-study-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.case-study-card:hover .case-study-image img{transform:scale(1.1)}.case-study-overlay{background:linear-gradient(135deg,#667eeacc 0%,#764ba2cc 100%);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0;opacity:0!important}.case-study-industry{color:#667eea;z-index:1;background:#ffffffe6;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:600;position:absolute;top:20px;right:20px}.case-study-content{padding:30px}.case-study-title{color:#fff;margin-bottom:12px;font-size:1.5rem;font-weight:600;line-height:1.3}.case-study-description{color:#ffffffb3;margin-bottom:20px;font-size:.95rem;line-height:1.6}.case-study-meta{border-bottom:1px solid #ffffff1a;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;display:flex}.meta-item{align-items:center;gap:8px;display:flex}.meta-label{color:#fff9;font-size:.9rem}.meta-value{color:#fff;font-size:.9rem;font-weight:600}.case-study-results{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.result-tag{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;padding:6px 12px;font-size:.8rem;font-weight:600;box-shadow:0 4px 15px #0003}.grid-cta{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:40px}.grid-cta p{color:#fffc;margin-bottom:20px;font-size:1.2rem}.cta-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:25px;padding:12px 30px;font-weight:600;transition:all .3s;box-shadow:0 8px 20px #667eea4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px #667eea66}@media (max-width:768px){.case-studies-grid-section{padding:80px 0}.case-studies-grid{grid-template-columns:1fr;gap:30px}.filter-tabs{gap:10px}.filter-tab{padding:10px 20px;font-size:.9rem}.case-study-content{padding:25px 20px}.case-study-title{font-size:1.25rem}.grid-cta{padding:30px 20px}}.case-study-cta,.case-study-external-link{color:#fff;cursor:pointer;background:0 0;border:2px solid #667eea80;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:auto;padding:10px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.case-study-cta:hover,.case-study-external-link:hover{color:#fff;background:#667eea33;border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 20px #667eea4d}.case-study-buttons{gap:12px;margin-top:20px;display:flex}.case-study-buttons>*{text-align:center;flex:1}
.case-studies-cta-section{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 100%);padding:120px 0;position:relative;overflow:hidden}.case-studies-cta-background{z-index:1;position:absolute;inset:0}.cta-gradient-1{background:radial-gradient(circle,#667eea26 0%,#764ba21a 50%,#0000 70%);width:70%;height:200%;animation:8s ease-in-out infinite float;position:absolute;top:-50%;right:-20%}.cta-gradient-2{background:radial-gradient(circle,#764ba21a 0%,#667eea0d 50%,#0000 70%);width:70%;height:200%;animation:6s ease-in-out infinite reverse float;position:absolute;bottom:-50%;left:-20%}.floating-elements{position:absolute;inset:0}.element{opacity:.7;font-size:2rem;animation:4s ease-in-out infinite float;position:absolute}.element-1{animation-delay:0s;top:15%;left:8%}.element-2{animation-delay:1s;top:65%;right:12%}.element-3{animation-delay:2s;bottom:25%;left:15%}.element-4{animation-delay:3s;top:35%;right:20%}.case-studies-cta-content{text-align:center;z-index:2;max-width:800px;margin:0 auto;position:relative}.cta-title{background:linear-gradient(135deg,#fff 0%,#ffffffe6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:4rem;font-weight:700;line-height:1.1}.cta-subtitle{color:#fffc;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.3rem;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:50px;display:flex}.cta-button{cursor:pointer;border:none;border-radius:50px;padding:18px 40px;font-size:1.1rem;font-weight:600;transition:all .3s}.cta-button.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 25px #667eea4d}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}.cta-button.secondary{color:#fff;background:0 0;border:2px solid #fff3}.cta-button.secondary:hover{background:#667eea1a;border-color:#667eea;transform:translateY(-2px)}.cta-features{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.feature{color:#fffc;align-items:center;gap:10px;font-weight:500;display:flex}.feature-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:flex}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:968px){.cta-title{font-size:3rem}.cta-subtitle{font-size:1.2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-button{width:100%;max-width:250px}.cta-features{gap:30px}}@media (max-width:768px){.case-studies-cta-section{padding:80px 0}.cta-title{font-size:2.5rem}.cta-subtitle{font-size:1.1rem}.cta-features{flex-direction:column;gap:20px}.element{display:none}}