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