/* ============================================================
   GLS Tech — Open Source Consultancy Page Styles
   Note: This page uses --primary-color:#27ae60 (green) overriding the default red.
   ============================================================ */

:root {
  --primary-color: #27ae60;
  --primary-dark: #229954;
}

section{padding:120px 20px 80px;max-width:1200px;margin:0 auto}
h1{font-size:2.5rem;margin-bottom:30px;font-family:var(--font-primary);color:var(--text-dark);text-align:center}
h2{font-size:2rem;margin:60px 0 30px;font-family:var(--font-primary);color:var(--text-dark);text-align:center}
.hero-img{width:100%;max-width:900px;height:400px;object-fit:cover;border-radius:12px;margin:30px auto;display:block;box-shadow:0 10px 40px rgba(0,0,0,0.15)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}
.card{padding:30px;border:2px solid #e9ecef;border-radius:12px;transition:all 0.3s}
.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);border-color:var(--primary-color)}
.card h3{font-size:1.3rem;margin-bottom:15px;color:var(--primary-color)}
.btn{display:inline-block;padding:14px 32px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;transition:all 0.3s;margin-top:30px}
.btn:hover{background:var(--primary-dark);transform:translateY(-2px)}
.highlight{background:var(--primary-color);color:#fff;padding:40px;border-radius:12px;text-align:center;margin:50px 0}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}
@media(max-width:768px){.comparison{grid-template-columns:1fr}h1{font-size:2rem}}