/* Services Page */
.services-hero-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:48px; }
.service-hero-card { padding:32px; text-align:center; cursor:pointer; }
.service-hero-card .icon { font-size:3rem; margin-bottom:16px; display:block; }
.service-hero-card h3 { font-size:1.1rem; margin-bottom:8px; }
.service-hero-card p { color:var(--gray-400); font-size:0.9rem; }
.service-hero-card .count { color:var(--primary); font-weight:700; font-size:0.85rem; margin-top:12px; }
.service-category { padding:80px 0; }
.service-category:nth-child(even) { background:rgba(255,255,255,0.01); }
.category-header { display:flex; align-items:center; gap:20px; margin-bottom:40px; }
.category-header .cat-icon { width:64px; height:64px; border-radius:var(--radius-sm); background:rgba(227,30,36,0.1); display:flex; align-items:center; justify-content:center; font-size:2rem; flex-shrink:0; }
.category-header h2 { font-size:1.8rem; }
.category-header p { color:var(--gray-400); font-size:0.95rem; }
.services-detail-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(300px,1fr)); gap:24px; }
.service-detail-card { padding:28px; position:relative; overflow:hidden; }
.service-detail-card::before { content:''; position:absolute; top:0; left:0; width:3px; height:0; background:var(--primary); transition:var(--transition); }
.service-detail-card:hover::before { height:100%; }
.service-detail-card .icon { font-size:2rem; margin-bottom:12px; display:block; }
.service-detail-card h3 { font-size:1.05rem; margin-bottom:8px; }
.service-detail-card p { color:var(--gray-400); font-size:0.88rem; }
.service-detail-card .learn-more { display:inline-flex; align-items:center; gap:6px; color:var(--primary); font-weight:500; font-size:0.85rem; margin-top:12px; }
.service-inquiry { background:#f5f5f7; border-radius:var(--radius-lg); padding:60px; margin-top:60px; }
.service-inquiry h2 { text-align:center; margin-bottom:32px; }
.inquiry-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; max-width:800px; margin:0 auto; }
.inquiry-form-grid .full-width { grid-column:1/-1; }
@media(max-width:768px) { .services-hero-cards{grid-template-columns:1fr;} .inquiry-form-grid{grid-template-columns:1fr;} }
