.services-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); gap: 1px; background: var(--border); border: 1px solid var(--border); }
.service-card { background: var(--surface); padding: 32px; position: relative; overflow: hidden; transition: background 0.2s; }
.service-card:hover { background: var(--surface2); }
.service-card::before { content: attr(data-num); position: absolute; top: 20px; right: 24px; font-family: var(--font-display); font-size: 48px; font-weight: 900; color: rgba(249,115,22,0.04); line-height: 1; }
.service-icon { width: 40px; height: 40px; border: 1px solid var(--border); display: flex; align-items: center; justify-content: center; font-size: 18px; margin-bottom: 20px; transition: border-color 0.2s; }
.service-card:hover .service-icon { border-color: var(--orange); }
.service-name { font-family: var(--font-display); font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 12px; letter-spacing: 0.08em; text-transform: uppercase; }
.service-desc { font-size: 19px; font-weight: 300; color: var(--text); line-height: 1.7; }