/* ===== PREMIUM SVG ICON SYSTEM ===== */
/* Inline SVG icons as CSS backgrounds for premium look */

.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.icon--lg {
    width: 32px;
    height: 32px;
}

.icon--xl {
    width: 48px;
    height: 48px;
}

/* Service card icons */
.icon-marketing,
.icon-ai,
.icon-knowledge,
.icon-web,
.icon-email,
.icon-phone,
.icon-location,
.icon-clock,
.icon-rocket,
.icon-gear,
.icon-code,
.icon-chart,
.icon-mobile,
.icon-crm,
.icon-video,
.icon-social,
.icon-target,
.icon-handshake,
.icon-lightning,
.icon-innovation,
.icon-chat,
.icon-growth,
.icon-graduation,
.icon-package,
.icon-money,
.icon-diamond,
.icon-user,
.icon-pin {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

/* SVG icon component styling */
.sicon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sicon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sicon--filled svg {
    fill: currentColor;
    stroke: none;
}