body{color:#333;line-height:1.6}h2{color:#2b92d0;text-align:center;margin:40px 0 24px;font-size:1.8rem;font-weight:600}.project-details{color:#1a1a1a;background-color:#f9fafc;min-height:100vh;padding:120px 5% 60px}.project-section{margin-bottom:2.5rem}.project-section h2{border-bottom:2px solid #e3f2fd;margin-bottom:1rem;padding-bottom:.5rem}.service-hero{text-align:center;background:linear-gradient(135deg,#1c48d499,#4776f399),url(/images/services/hero.webp) 50%/cover no-repeat;justify-content:center;align-items:center;height:450px;padding:0 20px;display:flex;position:relative;overflow:hidden}.hero-overlay{color:#fff;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box;background:#00000080;border-radius:15px;width:100%;max-width:800px;padding:0 26px}.hero-overlay h1{letter-spacing:1px;text-align:center;max-width:100%;margin-bottom:1rem;margin-left:auto;margin-right:auto;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:700}.hero-subtitle{color:#ddd;margin-top:1rem;font-size:1.2rem}.mobile-only{display:none}.desktop-only{display:block}.hero-overlay .hero-subtitle{margin-bottom:15px;font-size:1.2rem;font-style:italic}.service-content{max-width:1200px;margin:0 auto;padding:50px 20px;font-size:1.2rem}.service-intro{text-align:justify;margin-bottom:40px;line-height:1.8}.service-intro p{margin-bottom:20px}.service-benefits ul,.service-usecases ul{padding:0;list-style-type:none}.service-usecases li{color:#1f2937;box-shadow:none;background:0 0;border-radius:0;margin-bottom:12px;padding-left:28px;line-height:1.6;transition:none;position:relative}.service-usecases li:before{content:"➤";color:#2563eb;position:absolute;top:.15em;left:0}.benefits-list{gap:16px;padding-left:0;list-style:none}.features-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:16px;padding-left:0;list-style:none;display:grid}.features-grid li{background:#f3f4f6;border-left:4px solid #3b82f6;border-radius:6px;padding:12px}.service-footer{text-align:center;margin-top:60px}.back-link{color:#0d47a1;text-decoration:none;transition:color .3s}.back-link:hover{color:#004b87}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:20px;padding:10px 0;display:grid}.gallery-image{object-fit:cover;border-radius:12px;width:100%;max-width:400px;height:200px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 12px #00000014}.gallery-image:hover{transform:scale(1.03);box-shadow:0 6px 20px #00000026}.prev-title{text-align:left;flex:1}.next-title{text-align:right;flex:1}@media (max-width:1024px){.service-hero{height:350px}.service-content{padding:30px 15px}}@media screen and (max-width:590px){.features-grid{grid-template-columns:repeat(auto-fit,minmax(252px,1fr))}}@media screen and (max-width:480px){.service-hero{height:300px}}@media (max-width:837px){.desktop-only{display:none}.mobile-only{text-align:justify;color:#333;max-width:800px;margin:20px auto;padding:0 16px;font-size:1.2rem;line-height:1.7;display:block}}@media screen and (max-width:323px){.features-grid{grid-template-columns:1fr;gap:12px}.project-section{opacity:1!important}.hero-overlay{padding:0}}