/* ============================================================
   GLS Tech — Website Creation Page Styles
   ============================================================ */

.hero{padding:120px 20px 60px;text-align:center;background:linear-gradient(rgba(10,14,26,0.82),rgba(10,14,26,0.82)),url('https://images.unsplash.com/photo-1467232004584-a241de8bcf5d?w=1400&h=700&fit=crop') center/cover no-repeat;color:#fff;min-height:60vh;display:flex;align-items:center;justify-content:center}
.hero-content{max-width:800px}
.hero h1{font-size:2.5rem;margin-bottom:20px;font-family:var(--font-primary)}
.hero p{font-size:1.2rem;margin-bottom:30px;opacity:0.95}
.hero-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.hero-badge{background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);color:#fff;padding:6px 16px;border-radius:50px;font-size:0.85rem;font-weight:600}
section{padding:80px 20px;max-width:1200px;margin:0 auto}
h2{font-size:2rem;margin-bottom:16px;color:var(--text-dark);font-family:var(--font-primary)}
.section-intro{font-size:1.1rem;color:var(--text-gray);margin-bottom:40px;max-width:700px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin:40px 0}
.feature{padding:0;border:2px solid var(--border-light);border-radius:12px;transition:all 0.3s;display:flex;flex-direction:column;overflow:hidden}
.feature:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);border-color:var(--primary-color)}
.feature-img{width:100%;height:200px;object-fit:cover;display:block}
.feature-body{padding:24px;display:flex;flex-direction:column;flex:1}
.feature h3{font-size:1.2rem;margin-bottom:10px;color:var(--primary-color);font-family:var(--font-primary)}
.feature p{flex:1;line-height:1.7;color:var(--text-gray);font-size:0.95rem}
.feature-btn{display:inline-block;margin-top:20px;padding:9px 20px;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:50px;font-weight:700;font-size:0.85rem;text-align:center;transition:background 0.3s}
.feature-btn:hover{background:var(--primary-dark)}
.info-block{font-size:1.1rem;line-height:1.8;color:var(--text-gray);margin-bottom:24px;max-width:800px}
@media(max-width:768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}}