.services{background:var(--bg-primary);position:relative}.services:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed0f 0%,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.services-grid{gap:var(--space-xl);grid-template-columns:repeat(4,1fr);display:grid}.service-card{padding:var(--space-2xl);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-base);cursor:pointer;gap:var(--space-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--gradient-primary);transform-origin:0;height:3px;transition:transform var(--transition-base);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover:before{transform:scaleX(1)}.service-card:after{content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #7c3aed0f 0%, transparent 50%);opacity:0;transition:opacity var(--transition-base);position:absolute;inset:0}.service-card:hover:after{opacity:1}.service-card:hover{border-color:var(--border-glow);box-shadow:0 20px 60px #0006, var(--glow-purple);transform:translateY(-8px)}.service-icon{border-radius:var(--radius-md);z-index:1;justify-content:center;align-items:center;width:56px;height:56px;font-size:24px;display:flex;position:relative}.service-icon-bg{border-radius:var(--radius-md);opacity:.15;transition:opacity var(--transition-base);position:absolute;inset:0}.service-card:hover .service-icon-bg{opacity:.25}.service-title{font-size:var(--fs-xl);z-index:1;font-weight:600;position:relative}.service-desc{font-size:var(--fs-sm);color:var(--text-secondary);z-index:1;flex:1;line-height:1.7;position:relative}.service-link{align-items:center;gap:var(--space-sm);font-size:var(--fs-sm);color:var(--accent-purple-light);z-index:1;transition:all var(--transition-fast);font-weight:600;display:inline-flex;position:relative}.service-price{font-size:var(--fs-xs);letter-spacing:.3px;color:var(--accent-blue);z-index:1;background:#00d4ff14;border:1px solid #00d4ff40;border-radius:999px;align-self:flex-start;padding:4px 12px;font-weight:600;position:relative}.service-link svg{transition:transform var(--transition-fast)}.service-card:hover .service-link{color:var(--accent-blue)}.service-card:hover .service-link svg{transform:translate(4px)}@media (max-width:1200px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.services-grid{grid-template-columns:1fr}.service-card{padding:var(--space-xl)}}.services-marquee .service-card{flex:0 0 320px;width:320px}.services-marquee .service-desc{flex:1}@media (max-width:640px){.services-marquee .service-card{flex-basis:280px;width:280px}}.services-more{margin-top:var(--space-2xl);justify-content:center;display:flex}