.case-studies-page{background:var(--color-bg-secondary);min-height:100vh}.case-studies-hero{background:linear-gradient(135deg,var(--navy-900)0%,var(--navy-800)100%);padding:160px var(--section-padding-x)var(--space-20);text-align:center}.case-studies-hero .hero-content{max-width:var(--container-sm);margin:0 auto}.case-studies-hero .hero-label{color:var(--color-primary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-6);background:#22c55e26;display:inline-block}.case-studies-hero h1{font-size:var(--text-display-lg);font-weight:var(--font-bold);color:var(--color-text-inverse);margin:0 0 var(--space-4);line-height:var(--leading-tight)}.case-studies-hero p{font-size:var(--text-xl);color:var(--color-text-inverse-muted);margin:0}.case-studies-grid-section{padding:60px var(--section-padding-x)var(--space-20);max-width:var(--container-xl);margin:0 auto}.case-studies-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.case-study-card{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition-slow);text-decoration:none;overflow:hidden}.case-study-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.case-study-card .card-image{height:280px;position:relative;overflow:hidden}.case-study-card .card-image img{transition:var(--transition-slower)}.case-study-card:hover .card-image img{transform:scale(1.05)}.case-study-card .card-overlay{padding:var(--space-5);opacity:0;transition:var(--transition-slow);background:linear-gradient(#0000 50%,#000000b3 100%);justify-content:flex-end;align-items:flex-end;display:flex;position:absolute;inset:0}.case-study-card:hover .card-overlay{opacity:1}.case-study-card .view-story{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2)var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.case-study-card .card-content{padding:var(--space-6)}.case-study-card .card-meta{margin-bottom:var(--space-2)}.case-study-card .card-location{font-size:var(--text-xs);color:var(--color-text-muted)}.case-study-card .card-title{font-size:1.4rem;font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-4)}.case-study-card .card-metrics{gap:var(--space-4);display:flex}.case-study-card .metric-badge{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);flex-direction:column;gap:2px;display:flex}.case-study-card .metric-value{font-size:1.5rem;font-weight:var(--font-bold);color:var(--color-text-inverse)}.case-study-card .metric-label{font-size:var(--text-2xs);color:var(--color-text-inverse-muted)}.case-studies-cta{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);padding:var(--space-20)var(--section-padding-x);text-align:center}.case-studies-cta .cta-content{max-width:600px;margin:0 auto}.case-studies-cta h2{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--color-text-inverse);margin:0 0 var(--space-3)}.case-studies-cta p{font-size:var(--text-lg);color:#ffffffe6;margin:0 0 var(--space-8)}.case-studies-cta .cta-button{background:var(--color-bg);color:var(--color-primary);padding:var(--space-4)var(--space-10);border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);transition:var(--transition-slow);text-decoration:none;display:inline-block}.case-studies-cta .cta-button:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}.case-study-detail{background:var(--color-bg-secondary);min-height:100vh}.detail-hero{align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.detail-hero .hero-background{z-index:0;position:absolute;inset:0}.detail-hero .hero-background:after{content:"";background:linear-gradient(135deg,#0a1628f2 0%,#0a1628b3 100%);position:absolute;inset:0}.detail-hero .hero-inner{z-index:1;max-width:var(--container-xl);padding:160px var(--section-padding-x)var(--space-20);grid-template-columns:1fr 1fr;align-items:center;gap:60px;margin:0 auto;display:grid;position:relative}.detail-hero .hero-text{color:var(--color-text-inverse)}.detail-hero .back-link{align-items:center;gap:var(--space-2);color:var(--color-text-inverse-muted);font-size:var(--text-sm);margin-bottom:var(--space-6);transition:var(--transition-base);text-decoration:none;display:inline-flex}.detail-hero .back-link:hover{color:var(--color-text-inverse)}.detail-hero .hero-label{color:var(--color-primary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-4);background:#22c55e33;display:inline-block}.detail-hero h1{font-size:var(--text-h1);font-weight:var(--font-bold);line-height:var(--leading-snug);margin:0 0 var(--space-6)}.detail-hero .hero-meta{gap:var(--space-6);font-size:var(--text-sm);color:var(--color-text-inverse-muted);display:flex}.detail-hero .hero-meta a{color:var(--color-primary);text-decoration:none}.detail-hero .hero-meta a:hover{text-decoration:underline}.detail-hero .metrics-grid{gap:var(--space-5);display:flex}.detail-hero .metric-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:28px var(--space-8);text-align:center;background:#ffffff1a;border:1px solid #ffffff26;flex:1}.detail-hero .metric-card .value{font-size:var(--text-display-lg);font-weight:var(--font-bold);color:var(--color-primary);line-height:var(--leading-none);display:block}.detail-hero .metric-card .label{font-size:var(--text-sm);color:var(--color-text-inverse-muted);margin-top:var(--space-2);display:block}.story-section{padding:var(--space-20)var(--section-padding-x);max-width:var(--container-xl);margin:0 auto}.story-section h2{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-6)}.story-section h2 span{color:var(--color-primary)}.story-section .section-content{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.story-section .text-content p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin:0 0 var(--space-6)}.story-section .points-list{margin:0;padding:0;list-style:none}.story-section .points-list li{margin-bottom:var(--space-4);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);padding-left:28px;position:relative}.story-section .points-list li:before{content:"✓";color:var(--color-primary);font-weight:var(--font-semibold);position:absolute;left:0}.challenge-section .points-list li:before{content:"×";color:var(--color-error)}.before-after-section{background:var(--color-bg);padding:var(--space-20)var(--section-padding-x)}.before-after-section .section-header{text-align:center;max-width:600px;margin:0 auto var(--space-12)}.before-after-section h2{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-3)}.before-after-section p{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}.showcase-grid{max-width:var(--container-xl);gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.showcase-item{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.showcase-item.before-after,.showcase-item.single{aspect-ratio:16/10;position:relative}.showcase-item.single img{object-fit:cover}.testimonial-section{background:linear-gradient(135deg,var(--navy-900)0%,var(--navy-800)100%);padding:var(--section-padding-y)var(--section-padding-x);position:relative;overflow:hidden}.testimonial-section:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#22c55e1a 0%,#0000 50%);position:absolute;inset:0}.testimonial-content{max-width:var(--container-sm);text-align:center;z-index:1;margin:0 auto;position:relative}.testimonial-content .quote-icon{color:var(--color-primary);opacity:.3;font-family:Georgia,serif;font-size:6rem;line-height:var(--leading-none);margin-bottom:-20px}.testimonial-quote{margin:0 0 var(--space-10);padding:0;position:relative}.testimonial-quote p{font-size:1.5rem;line-height:var(--leading-relaxed);color:var(--color-text-inverse);margin:0;font-style:italic}.testimonial-author{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.testimonial-author .author-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);width:56px;height:56px;font-size:1.5rem;font-weight:var(--font-bold);color:var(--color-text-inverse);justify-content:center;align-items:center;display:flex}.testimonial-author .author-info{align-items:flex-start;gap:var(--space-1);flex-direction:column;display:flex}.testimonial-author .name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-primary)}.testimonial-author .title{font-size:var(--text-sm);color:var(--color-text-inverse-muted)}.video-section{padding:var(--space-20)var(--section-padding-x);background:var(--color-bg-tertiary)}.video-section .section-header{text-align:center;margin-bottom:var(--space-10)}.video-section h2{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--color-text);margin:0}.video-wrapper{border-radius:var(--radius-xl);max-width:900px;box-shadow:var(--shadow-xl);margin:0 auto;overflow:hidden}.video-wrapper video{width:100%;display:block}.results-showcase{background:linear-gradient(180deg,#f8fafb 0%,var(--color-bg)100%);padding:var(--section-padding-y)var(--section-padding-x)}.results-inner{max-width:var(--container-md);margin:0 auto}.results-header{text-align:center;margin-bottom:60px}.results-header .section-label{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);color:var(--color-text-inverse);padding:var(--space-2)var(--space-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-4);display:inline-block}.results-header h2{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--color-text);margin:0 0 var(--space-3)}.results-header p{font-size:var(--text-h5);color:var(--color-text-muted);margin:0}.results-metrics-row{gap:var(--space-8);justify-content:center;margin-bottom:60px;display:flex}.result-metric-card{background:var(--color-bg);border-radius:var(--radius-3xl);padding:var(--space-10)var(--space-12);text-align:center;box-shadow:var(--shadow-lg);max-width:280px;transition:var(--transition-slow);border:1px solid #22c55e1a;flex:1}.result-metric-card:hover{transform:translateY(-4px);box-shadow:0 12px 48px #22c55e26}.result-metric-card .metric-icon{font-size:var(--text-h1);margin-bottom:var(--space-4)}.result-metric-card .metric-value-large{font-size:4rem;font-weight:var(--font-extrabold);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);-webkit-text-fill-color:transparent;line-height:var(--leading-none);margin-bottom:var(--space-3);-webkit-background-clip:text;background-clip:text}.result-metric-card .metric-label-large{font-size:var(--text-base);color:var(--color-text-muted);font-weight:var(--font-medium)}.results-benefits{background:var(--color-bg);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-md)}.results-benefits h3{font-size:1.3rem;font-weight:var(--font-semibold);color:var(--color-text);margin:0 0 var(--space-6);text-align:center}.benefits-grid{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.benefit-item{align-items:center;gap:var(--space-3);background:var(--color-bg-secondary);padding:var(--space-4)var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);display:flex}.benefit-check{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-inverse);font-weight:var(--font-semibold);font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.benefit-item span{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:var(--font-medium)}.detail-cta-premium{padding:120px var(--section-padding-x);position:relative;overflow:hidden}.detail-cta-premium .cta-background{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)50%,var(--green-700)100%);position:absolute;inset:0}.detail-cta-premium .cta-pattern{background-image:radial-gradient(circle at 1px 1px,#ffffff1a 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.detail-cta-premium .cta-content{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.detail-cta-premium .cta-label{color:var(--color-text-inverse);padding:var(--space-2)var(--space-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;display:inline-block}.detail-cta-premium h2{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--color-text-inverse);margin:0 0 var(--space-4);line-height:var(--leading-tight)}.detail-cta-premium p{font-size:var(--text-xl);color:#ffffffe6;margin:0 0 var(--space-10);line-height:var(--leading-relaxed)}.detail-cta-premium .cta-actions{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.detail-cta-premium .cta-button-primary{align-items:center;gap:var(--space-2);background:var(--color-bg);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-semibold);transition:var(--transition-slow);box-shadow:var(--shadow-lg);padding:18px 36px;text-decoration:none;display:inline-flex}.detail-cta-premium .cta-button-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)scale(1.02)}.detail-cta-premium .cta-button-primary svg{transition:var(--transition-slow)}.detail-cta-premium .cta-button-primary:hover svg{transform:translate(4px)}.detail-cta-premium .cta-button-secondary{color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-semibold);transition:var(--transition-slow);background:0 0;border:2px solid #ffffff80;align-items:center;padding:18px 36px;text-decoration:none;display:inline-flex}.detail-cta-premium .cta-button-secondary:hover{border-color:var(--color-text-inverse);background:#ffffff1a}.detail-cta-premium .cta-trust{gap:var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.detail-cta-premium .cta-trust span{font-size:var(--text-sm);color:var(--color-text-inverse-muted);font-weight:var(--font-medium)}@media (max-width:1024px){.case-studies-grid{grid-template-columns:1fr}.detail-hero .hero-inner{gap:var(--space-10);grid-template-columns:1fr}.story-section .section-content{grid-template-columns:1fr}.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.case-studies-hero h1{font-size:var(--text-h2)}.case-studies-hero p{font-size:var(--text-base)}.case-study-card .card-image{height:200px}.case-study-card .card-metrics{gap:var(--space-3);flex-direction:column}.detail-hero h1{font-size:1.8rem}.detail-hero .metrics-grid{gap:var(--space-4);flex-direction:column}.showcase-grid{grid-template-columns:1fr}.testimonial-quote p{font-size:var(--text-xl)}.story-section h2,.before-after-section h2,.video-section h2,.results-header h2,.detail-cta-premium h2,.case-studies-cta h2{font-size:1.6rem}.results-metrics-row{gap:var(--space-5);flex-direction:column;align-items:center}.result-metric-card{max-width:100%;padding:var(--space-8)}.result-metric-card .metric-value-large{font-size:var(--text-display-lg)}.benefits-grid{flex-direction:column}.benefit-item{justify-content:flex-start;width:100%}.detail-cta-premium{padding:var(--space-20)var(--section-padding-x)}.detail-cta-premium h2{font-size:1.8rem}.detail-cta-premium p{font-size:var(--text-base)}.detail-cta-premium .cta-actions{flex-direction:column;align-items:center}.detail-cta-premium .cta-button-primary,.detail-cta-premium .cta-button-secondary{justify-content:center;width:100%;max-width:300px}.detail-cta-premium .cta-trust{gap:var(--space-3);flex-direction:column}.testimonial-content .quote-icon{font-size:4rem}.testimonial-author{text-align:center;flex-direction:column}.testimonial-author .author-info{align-items:center}}
