/* =============================================
   SERVICES — services.css
   ============================================= */
.services { background: var(--gray-light); padding: var(--section-pad); }
.services-header { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:52px; flex-wrap:wrap; gap:20px; }
.services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; }
.service-card { display:block; color:inherit; text-decoration:none; background:var(--white); border:1px solid var(--gray-mid); border-radius:var(--radius-md); padding:32px 28px; transition:border-color .2s,transform .2s; position:relative; overflow:hidden; cursor:pointer; }
.service-card::before { content:''; position:absolute; top:0;left:0;right:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease; }
.service-card:hover { border-color:var(--accent); transform:translateY(-4px); }
.service-card:hover::before { transform:scaleX(1); }
.service-icon { width:48px;height:48px;background:rgba(26,111,212,.08);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px; }
.service-icon svg { width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.service-card h3 { font-size:17px;font-weight:600;color:var(--black);margin-bottom:10px; }
.service-card p { font-size:14px;color:var(--gray-text);line-height:1.75; }
.service-link { display:inline-block;margin-top:12px;color:var(--accent);font-size:14px;font-weight:600; }