.services-section{padding:5rem 0;background:linear-gradient(135deg,#f8f9fa,#f3f4f6 50%,#e5e7eb)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:white;padding:2rem;border-radius:1.25rem;box-shadow:0 4px 15px rgba(0,0,0,.08);border:1px solid #e5e7eb;transition:all .3s ease;cursor:pointer;overflow:hidden;position:relative}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.12);border-color:#c7d2fe}.service-image-wrapper{width:100%;height:200px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:3px solid #e2e8f0;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;overflow:hidden;position:relative;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease}.service-image-wrapper:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:#c7d2fe}.service-image{width:100%;height:100%;transition:transform .3s ease}.service-image-wrapper:hover .service-image{transform:scale(1.05)}.service-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.service-description{color:#6b7280;margin-bottom:1.5rem;line-height:1.6}.service-features{list-style:none;padding:0;margin:0}.service-feature{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#374151}.feature-check{color:#10b981;flex-shrink:0}.service-card.erp-card{position:relative;overflow:hidden;background:linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),url(/images/design/erp-pos-system.jpg) 50%/cover}.service-card.erp-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.85) 50%,rgba(240,249,255,.9));z-index:1}.service-card.erp-card>*{position:relative;z-index:2}@media (max-width:1024px){.services-section{padding:4rem 0}.services-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.service-card{padding:1.75rem}.service-title{font-size:1.35rem}}@media (max-width:768px){.services-section{padding:3rem 0}.services-grid{grid-template-columns:1fr;gap:1.25rem;padding:0 1rem}.service-card{padding:1.5rem;border-radius:1rem}.service-image-wrapper{height:180px;margin-bottom:1.5rem}.service-title{font-size:1.25rem;margin-bottom:.75rem}.service-description{font-size:.95rem;margin-bottom:1.25rem}.service-feature{font-size:.9rem}}@media (max-width:480px){.services-section{padding:2.5rem 0}.services-grid{padding:0 .75rem}.service-card{padding:1.25rem}.service-image-wrapper{height:160px}.service-title{font-size:1.15rem}.service-description{font-size:.9rem}}