/* Icon System - Professional SVG Icons */
.icon {
width: 24px;
height: 24px;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
}

.icon-lg { width: 32px; height: 32px; }
.icon-xl { width: 48px; height: 48px; }
.icon-sm { width: 20px; height: 20px; stroke-width: 2; }

/* Service Icons Gradient */
.service-icon-svg {
width: 48px;
height: 48px;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
}

.service-card:nth-child(1) .service-icon-svg { stroke: url(#iconGrad1); }
.service-card:nth-child(2) .service-icon-svg { stroke: url(#iconGrad2); }
.service-card:nth-child(3) .service-icon-svg { stroke: url(#iconGrad3); }

/* Process Icons */
.process-icon {
width: 40px;
height: 40px;
stroke: var(--primary);
stroke-width: 1.5;
fill: none;
margin-bottom: 1rem;
}

/* Stats Icons */
.stat-icon-svg {
width: 36px;
height: 36px;
stroke: var(--primary);
stroke-width: 1.5;
fill: none;
}

/* Feature Check Icons */
.feature-check {
width: 18px;
height: 18px;
stroke: var(--success);
stroke-width: 2.5;
fill: none;
margin-right: 0.5rem;
flex-shrink: 0;
}

/* Navigation Icons */
.nav-icon {
width: 20px;
height: 20px;
stroke: currentColor;
stroke-width: 2;
fill: none;
}

/* Button Icons */
.btn-icon {
width: 20px;
height: 20px;
stroke: currentColor;
stroke-width: 2;
fill: none;
margin-left: 0.5rem;
}

/* Team Social Icons */
.social-icon {
width: 22px;
height: 22px;
stroke: currentColor;
stroke-width: 1.5;
fill: none;
transition: stroke 0.3s;
}

.social-icon:hover { stroke: var(--primary); }

/* Arrow Icons */
.arrow-right {
width: 16px;
height: 16px;
stroke: currentColor;
stroke-width: 2;
fill: none;
}

/* Star Rating Icons */
.star-icon {
width: 16px;
height: 16px;
fill: #fbbf24;
stroke: none;
}

/* Logo Icon */
.logo-icon-svg {
width: 28px;
height: 28px;
stroke: white;
stroke-width: 2;
fill: none;
}