.case-study-sanfernando[data-astro-cid-tgazphby]{& .hero{color:#fff;background:linear-gradient(135deg,#0552ea,#223554);padding:5rem 0 4rem;position:relative;overflow:hidden;& .hero-content{z-index:1;position:relative}& .hero-text{text-align:center;max-width:900px;margin:0 auto}& .company-logo{filter:drop-shadow(0 4px 20px #0003);width:auto;height:70px;margin-bottom:2rem;display:inline-block}& h1{color:#fff;margin-bottom:1.5rem;font-family:Hind Siliguri,sans-serif;font-size:3.8125rem;font-weight:700;@media (width<=768px){font-size:2.5rem}}& .hero-description{color:#fff;opacity:1;margin-bottom:2rem;font-family:Mulish,sans-serif;font-size:1.25rem;line-height:1.8}& .button{color:#fff;background:#fe7738;border:2px solid #fe7738;border-radius:.5rem;padding:1rem 2.5rem;font-family:Mulish,sans-serif;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;&:hover{color:#fe7738;background:#fff;transform:translateY(-2px)}}}& .section-header{text-align:center;margin-bottom:3rem;& h2{color:#223554;margin-bottom:1rem;font-family:Hind Siliguri,sans-serif;font-size:3.0625rem;font-weight:700}& p{color:#223554;max-width:800px;margin:0 auto;font-family:Mulish,sans-serif;font-size:1.25rem;line-height:1.6}}& .introduction{background:#f8f9fa;padding:5rem 0;& .intro-content{max-width:900px;margin:0 auto;& p{color:#223554;margin-bottom:1.5rem;font-family:Mulish,sans-serif;font-size:1.125rem;line-height:1.8}}}& .challenge{background:#fff;padding:5rem 0;& .challenge-content{max-width:1200px;margin:0 auto;&>p[data-astro-cid-tgazphby]{color:#223554;text-align:center;margin-bottom:3rem;font-family:Mulish,sans-serif;font-size:1.25rem}}& .challenges-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid;@media (width<=768px){grid-template-columns:1fr}}& .challenge-item{background:#f8f9fa;border-left:4px solid #0552ea;border-radius:1rem;padding:2rem;& h3{color:#0552ea;margin-bottom:1rem;font-family:Hind Siliguri,sans-serif;font-size:1.5rem;font-weight:600}& p{color:#223554;font-family:Mulish,sans-serif;font-size:1rem;line-height:1.6}}}& .approach{background:#f8f9fa;padding:5rem 0;& .solution-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;display:grid;@media (width<=768px){grid-template-columns:1fr}}& .solution-card{background:#fff;border-radius:1rem;padding:2rem;transition:all .3s;box-shadow:0 2px 10px #00000014;&:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001f}& .solution-icon{margin-bottom:1.5rem}& h3{color:#223554;margin-bottom:1rem;font-family:Hind Siliguri,sans-serif;font-size:1.5rem;font-weight:600}& p{color:#223554;font-family:Mulish,sans-serif;font-size:1rem;line-height:1.6}}}& .results{background:#fff;padding:5rem 0;& .results-grid{grid-template-columns:2fr 1fr;gap:3rem;max-width:1200px;margin:0 auto;display:grid;@media (width<=968px){grid-template-columns:1fr}}& .results-content{& h2{color:#223554;margin-bottom:1.5rem;font-family:Hind Siliguri,sans-serif;font-size:3.0625rem;font-weight:700}&>p[data-astro-cid-tgazphby]{color:#223554;margin-bottom:2rem;font-family:Mulish,sans-serif;font-size:1.125rem}}& .results-category{margin-bottom:2.5rem;& h3{color:#0552ea;margin-bottom:1rem;font-family:Hind Siliguri,sans-serif;font-size:1.75rem;font-weight:600}& p{color:#223554;margin-bottom:1rem;font-family:Mulish,sans-serif;font-size:1.125rem}& ul{padding:0;list-style:none;& li{color:#223554;margin-bottom:.75rem;padding-left:2rem;font-family:Mulish,sans-serif;font-size:1rem;line-height:1.6;position:relative;&:before{content:"✓";color:#04d1c6;font-size:1.25rem;font-weight:700;position:absolute;left:0}}}}& .results-highlight{align-items:center;display:flex}& .highlight-card{color:#fff;text-align:center;background:linear-gradient(135deg,#0552ea,#223554);border-radius:1rem;padding:3rem;box-shadow:0 10px 30px #0552ea4d;& h3{margin-bottom:2rem;font-family:Hind Siliguri,sans-serif;font-size:2rem;font-weight:700}& .highlight-metric{& .metric-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:600;display:block}& .metric-value{opacity:.9;font-size:1.25rem;display:block}}& .highlight-badge{background:#fff3;border-radius:2rem;margin-top:2rem;padding:.75rem 1.5rem;font-size:1.125rem;font-weight:600;display:inline-block}}}& .conclusion{background:#f8f9fa;padding:5rem 0;& .conclusion-content{max-width:900px;margin:0 auto;& p{color:#223554;margin-bottom:1.5rem;font-family:Mulish,sans-serif;font-size:1.125rem;line-height:1.8}}}}