.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.svc-card{position:relative;overflow:hidden;border:1px solid var(--line-2);border-radius:10px;padding:30px;background:var(--surface);transition:border-color .35s,transform .35s,box-shadow .35s;display:flex;flex-direction:column}
.svc-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .4s;box-shadow:0 0 12px var(--glow)}
.svc-card:hover{border-color:rgba(47,224,160,.4);transform:translateY(-4px);box-shadow:0 22px 50px -30px var(--glow)}
.svc-card:hover::before{transform:scaleX(1)}
.svc-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),rgba(47,224,160,.13),transparent 60%)}
.svc-card:hover::after{opacity:1}
.svc-num{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--accent);margin-bottom:14px}
.svc-card h3{font-family:var(--serif);font-size:23px;font-weight:460;letter-spacing:-.01em;margin-bottom:11px}
.svc-card p{font-size:14.5px;color:var(--text-dim);font-weight:340;line-height:1.55;flex:1;margin-bottom:18px}
.svc-for{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}
.svc-for b{color:var(--accent);font-weight:400}