@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:.6s ease-out forwards fadeInUp}.scale-fade-in{opacity:0;animation:.7s ease-out forwards scaleFadeIn}.slide-in-up{opacity:0;animation:.6s ease-out forwards slideInUp}*{box-sizing:border-box;margin:0;padding:0}.case-studies-page{background:var(--bg-dark);color:var(--foreground);font-family:var(--font-main);overflow-x:hidden}.eyebrow{font-size:var(--eyebrow-size);letter-spacing:.12em;color:#a1a1aa;text-transform:uppercase;margin-bottom:16px;font-weight:600;line-height:1.4;display:inline-block}.btn-primary{color:#000;cursor:pointer;font-weight:500;font-size:var(--button-size);letter-spacing:.02em;font-family:var(--font-main);background:#fff;border:1px solid #fff;border-radius:10px;width:fit-content;margin-top:24px;padding:10px 24px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.btn-primary:before{content:"";z-index:-1;background:#000;border-radius:12px;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn-primary:hover{background:var(--foreground);color:#000;transform:translateY(-3px);box-shadow:0 5px 20px #ffffff4d}.btn-primary:active{transform:translateY(-1px)}.hero-section{max-width:1600px;margin:0 auto;padding:160px 8% 0}.hero-container{flex-direction:column;gap:32px;display:flex}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:50px;width:fit-content;padding:10px 20px;animation:.6s ease-out fadeInUp}.hero-badge span{color:#a1a1aa;font-size:var(--eyebrow-size);letter-spacing:.06em;font-weight:500}.hero-title{font-size:var(--h1-size);font-weight:300;line-height:var(--leading-tight);letter-spacing:var(--tracking-hero);max-width:1600px}.hero-subtitle{font-size:var(--p-size);color:var(--text-muted);font-weight:400;line-height:var(--leading-body);max-width:800px}.hero-image{border-radius:24px;width:100%;height:500px;margin:16px 0;overflow:hidden}.hero-image img{object-fit:cover;opacity:1;filter:none;width:100%;height:100%;transition:filter .5s,transform .5s;display:block}.hero-image:hover img{filter:brightness(1.1)contrast(1.05);transform:scale(1.02)}.results-section{max-width:1600px;margin:0 auto;padding:80px 8%}.results-container{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.result-card{text-align:center;background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:16px;padding:40px 28px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.result-card:before{content:"";background:radial-gradient(circle, rgba(var(--accent-blue-rgb), .1), transparent);opacity:0;pointer-events:none;width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;right:-50%}.result-card:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 20px 50px #0000004d}.result-card:hover:before{opacity:1}.result-number{background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(2.25rem,3vw,2.625rem);font-weight:400;line-height:1.1}.result-label{font-size:var(--secondary-size);color:var(--text-muted);font-weight:400;line-height:1.55}.case-studies-grid-section{max-width:1600px;margin:0 auto;padding:100px 8%}.section-header{text-align:left;margin-bottom:60px}.section-header h2{font-size:var(--h2-size);font-weight:300;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);text-align:left;max-width:900px;margin-top:16px;margin-left:0;margin-right:auto}.studies-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;display:grid}.study-card{height:auto;min-height:380px;color:inherit;cursor:pointer;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden}.card-image{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.card-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:filter .5s,transform .5s;display:block}.card-image img.portrait{object-position:top center}.card-overlay{background:linear-gradient(#0003 0%,#000000b3 100%);transition:background .4s;position:absolute;inset:0}.study-card:hover .card-image img{filter:brightness(1.15)saturate(1.1);transform:scale(1.05)}.study-card:hover .card-overlay{background:linear-gradient(#0000004d 0%,#000000d9 100%)}.card-content{z-index:2;background:linear-gradient(#0000 0%,#000000f2 100%);flex-direction:column;gap:12px;margin-top:auto;padding:32px;display:flex;position:relative}.card-number{font-size:var(--eyebrow-size);color:#a1a1aa;letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.4;transition:color .3s}.study-card:hover .card-number{color:#fff}.card-content h3{font-size:var(--h3-size);letter-spacing:var(--tracking-card);font-weight:500;line-height:1.3;transition:color .3s}.study-card:hover .card-content h3{color:#fff}.company-name{font-size:var(--eyebrow-size);color:#888;letter-spacing:.06em;text-transform:uppercase;font-weight:600;line-height:1.4;transition:color .3s}.study-card:hover .company-name{color:#b0b0b0}.challenge-text{font-size:var(--secondary-size);color:#c7c7cc;margin:0;font-weight:400;line-height:1.6;transition:color .3s}.study-card:hover .challenge-text{color:var(--foreground)}.result-badge{font-size:var(--eyebrow-size);color:#fff;letter-spacing:.06em;background:#ffffff26;border-radius:20px;width:fit-content;margin-top:8px;padding:6px 12px;font-weight:600;transition:all .3s;display:inline-block}.study-card:hover .result-badge{background:#ffffff40;transform:scale(1.05)}.highlight-section{max-width:1600px;margin:0 auto;padding:100px 8%}.highlight-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.highlight-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0f 0%,#ffffff03 100%);border:1px solid #ffffff1a;border-radius:24px;padding:48px;transition:all .5s cubic-bezier(.23,1,.32,1)}.highlight-card:hover{background:linear-gradient(135deg,#ffffff1a 0%,#ffffff05 100%);border-color:#fff3;transform:translateY(-8px);box-shadow:0 25px 60px #0006}.highlight-header{margin-bottom:36px}.highlight-card h3{font-size:var(--h2-compact-size);font-weight:300;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:16px 0 12px}.highlight-subtitle{font-size:var(--p-size);color:var(--text-muted);font-weight:400;line-height:var(--leading-body)}.highlight-list{gap:16px;list-style:none;display:grid}.highlight-list li{font-size:var(--p-size);color:#c7c7cc;padding-left:28px;font-weight:400;line-height:1.6;transition:all .3s;position:relative}.highlight-list li:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;transition:all .3s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.highlight-list li:hover{color:#fff;padding-left:36px}.highlight-list li:hover:before{width:8px;height:8px}.highlight-image{border-radius:20px;height:100%;min-height:400px;overflow:hidden}.highlight-image img{object-fit:cover;width:100%;height:100%;transition:filter .5s,transform .5s;display:block}.highlight-image:hover img{filter:brightness(1.1);transform:scale(1.03)}.impact-section{max-width:1600px;margin:0 auto;padding:120px 8%}.impact-container{flex-direction:column;gap:60px;display:flex}.impact-header{max-width:100%}.impact-header h2{font-size:var(--h2-size);font-weight:300;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin-top:16px}.impact-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.benefit-card{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:18px;padding:40px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.benefit-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff14 0%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.benefit-card:hover{background:linear-gradient(135deg,#ffffff14 0%,#ffffff05 100%);border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 20px 50px #0000004d}.benefit-card:hover:before{opacity:1}.benefit-number{opacity:.12;margin-bottom:16px;font-size:clamp(2.25rem,4vw,3rem);font-weight:300;line-height:1;transition:opacity .3s;display:block}.benefit-card:hover .benefit-number{opacity:.25}.benefit-card h3{font-size:var(--card-title-size);letter-spacing:var(--tracking-card);margin-bottom:12px;font-weight:500;line-height:1.4;transition:color .3s}.benefit-card:hover h3{color:#fff}.benefit-card p{font-size:var(--secondary-size);color:var(--text-muted);margin:0;font-weight:400;line-height:1.7;transition:color .3s}.benefit-card:hover p{color:#c7c7cc}.cta-section{text-align:center;max-width:1600px;margin:0 auto;padding:100px 8% 60px}.cta-content{flex-direction:column;align-items:center;gap:24px;display:flex}.cta-section h2{font-size:var(--h2-size);font-weight:300;line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);max-width:800px}.cta-section p{font-size:var(--p-size);color:var(--text-muted);font-weight:400;line-height:var(--leading-body);max-width:700px}@media (max-width:1400px){.studies-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width:1200px){.hero-section{padding:100px 6% 0}.results-section{padding:60px 6%}.results-container{grid-template-columns:repeat(2,1fr);gap:20px}.case-studies-grid-section{padding:100px 6%}.section-header{margin-bottom:60px}.studies-grid{grid-template-columns:repeat(3,1fr)}.highlight-section{padding:80px 6%}.highlight-container{gap:40px}.impact-section{padding:100px 6%}.impact-grid{grid-template-columns:repeat(2,1fr)}.benefit-card:last-child{grid-column:1/-1;max-width:50%;margin:0 auto}.cta-section{padding:80px 6%}}@media (max-width:1024px){.studies-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero-section{padding:80px 5% 0}.hero-image{height:350px}.results-section{padding:50px 5%}.results-container{grid-template-columns:repeat(2,1fr);gap:16px}.result-card{padding:32px 20px}.case-studies-grid-section{padding:80px 5%}.section-header{margin-bottom:50px}.studies-grid{grid-template-columns:repeat(2,1fr);gap:20px}.study-card{min-height:350px}.study-card.col-span-2{grid-column:span 1}.card-content{padding:24px}.highlight-section{padding:60px 5%}.highlight-container{grid-template-columns:1fr;gap:30px}.highlight-card{padding:36px}.highlight-image{min-height:300px}.impact-section{padding:80px 5%}.impact-grid{grid-template-columns:1fr}.benefit-card{padding:32px}.benefit-card:last-child{max-width:100%}.cta-section{padding:60px 5%}.btn-primary{width:100%}}@media (max-width:640px){.hero-section{padding:110px 4% 0}.hero-badge{padding:8px 16px}.hero-image{height:280px}.results-section{padding:40px 4%}.results-container{grid-template-columns:1fr;gap:16px}.result-card{padding:28px 20px}.case-studies-grid-section{padding:60px 4%}.section-header{margin-bottom:40px}.studies-grid{grid-template-columns:1fr}.study-card{min-height:300px}.card-content{padding:20px}.card-content h3{font-size:var(--h3-size)}.highlight-section{padding:50px 4%}.highlight-card{padding:28px}.highlight-header{margin-bottom:24px}.impact-section{padding:60px 4%}.benefit-card{padding:24px}.cta-section{padding:50px 4%}.btn-primary{font-size:var(--button-size);margin-top:20px;padding:10px 24px}}
