.service-card{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-8);text-decoration:none;display:flex;flex-direction:column;transition:box-shadow var(--duration-normal) var(--ease-default),transform var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.service-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--color-primary-light)}.service-card__icon{width:64px;height:64px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:var(--space-5)}.service-card__icon--dev{background:#F0FDF4;color:#16A34A}.service-card__icon--seo{background:#EEF2FF;color:#4F46E5}.service-card__icon--marketing{background:#FFF7ED;color:#EA580C}.service-card__icon--ppc{background:#FDF2F8;color:#DB2777}.service-card__icon--social{background:#F0F9FF;color:#0284C7}.service-card__icon--content{background:#FEFCE8;color:#CA8A04}.service-card__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-ink);margin-bottom:var(--space-2)}.service-card__desc{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-relaxed);flex-grow:1;margin-bottom:var(--space-5)}.service-card__link{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);display:flex;align-items:center;gap:var(--space-2);transition:gap var(--duration-fast) var(--ease-default)}.service-card:hover .service-card__link{gap:var(--space-3)}.service-card__tag{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:var(--space-3)}