.services{padding:var(--space-24) 0;position:relative}.services-header{text-align:center;margin-bottom:var(--space-16)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-6);gap:var(--space-6)}.services-grid-bottom{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-6);max-width:75%;margin-left:auto;margin-right:auto}.service-card{background:var(--color-surface);border:1px solid var(--color-border-dim);border-radius:var(--radius-lg);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out);position:relative;overflow:hidden;cursor:default}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform:scaleX(0);transition:transform var(--duration-normal) var(--ease-out);transform-origin:left}.service-card:hover{transform:translateY(-4px);border-color:var(--color-border);box-shadow:var(--shadow-glow)}.service-card:hover:before{transform:scaleX(1)}.service-card-icon{width:48px;height:48px;background:var(--color-accent-dim);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-accent);margin-bottom:var(--space-5);transition:all var(--duration-normal) var(--ease-out)}.service-card:hover .service-card-icon{background:var(--color-accent);color:#000;box-shadow:0 0 20px var(--color-accent-glow)}.service-card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3)}.service-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}@media (max-width:1024px){.services-grid,.services-grid-bottom{grid-template-columns:repeat(2,1fr)}.services-grid-bottom{max-width:100%}}@media (max-width:480px){.services-grid,.services-grid-bottom{grid-template-columns:1fr}}