.services-grid[data-astro-cid-52q5xhqt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
    gap: var(--space-5)
}

.service-card[data-astro-cid-52q5xhqt] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    padding: var(--space-6);
    background: var(--color-surface-ghost);
    border: 1px solid var(--color-border);
    border-top: 3px solid transparent;
    text-decoration: none;
    transition: border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard)
}

.service-card[data-astro-cid-52q5xhqt]:nth-child(1) {
    border-top-color: var(--color-blue-500)
}

.service-card[data-astro-cid-52q5xhqt]:nth-child(2) {
    border-top-color: var(--color-orange-500)
}

.service-card[data-astro-cid-52q5xhqt]:nth-child(3) {
    border-top-color: var(--color-blue-400)
}

.service-card[data-astro-cid-52q5xhqt]:nth-child(4) {
    border-top-color: var(--color-green-500)
}

.service-card[data-astro-cid-52q5xhqt]:hover {
    border-color: var(--color-shadow)
}

.service-card--featured[data-astro-cid-52q5xhqt] {
    border-color: var(--color-blue-wash);
    background: linear-gradient(135deg, var(--color-blue-ghost) 0%, var(--color-surface-ghost) 100%)
}

.service-card--featured[data-astro-cid-52q5xhqt]:hover {
    border-color: var(--color-blue-500)
}

.service-card__title[data-astro-cid-52q5xhqt] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    color: var(--color-text-primary);
    margin: 0
}

.service-card__tagline[data-astro-cid-52q5xhqt] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-blue-500);
    margin: 0
}

.service-card[data-astro-cid-52q5xhqt]:nth-child(2) .service-card__tagline[data-astro-cid-52q5xhqt] {
    color: var(--color-orange-500)
}

.service-card__description[data-astro-cid-52q5xhqt] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0;
    flex: 1
}

.service-card__cta[data-astro-cid-52q5xhqt] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-2);
    transition: color var(--motion-fast) var(--ease-standard)
}

.service-card[data-astro-cid-52q5xhqt]:hover .service-card__cta[data-astro-cid-52q5xhqt] {
    color: var(--color-blue-500)
}

.service-card__cta[data-astro-cid-52q5xhqt] .arrow[data-astro-cid-52q5xhqt] {
    transition: transform var(--motion-fast) var(--ease-standard)
}

.service-card[data-astro-cid-52q5xhqt]:hover .service-card__cta[data-astro-cid-52q5xhqt] .arrow[data-astro-cid-52q5xhqt] {
    transform: translate(4px)
}

.highlights-grid[data-astro-cid-52q5xhqt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    gap: var(--space-4)
}

.highlight-card[data-astro-cid-52q5xhqt] {
    padding: var(--space-5);
    background: var(--color-surface-ghost);
    border: 1px solid var(--color-border);
    transition: border-color var(--motion-fast) var(--ease-standard)
}

.highlight-card[data-astro-cid-52q5xhqt]:hover {
    border-color: var(--color-shadow)
}

.highlight-card[data-astro-cid-52q5xhqt]:first-child:hover {
    border-color: color-mix(in srgb, var(--color-blue-500) 40%, transparent);
    background: color-mix(in srgb, var(--color-blue-500) 3%, transparent)
}

.highlight-card__title[data-astro-cid-52q5xhqt] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    margin: var(--space-3) 0 var(--space-2)
}

.highlight-card__description[data-astro-cid-52q5xhqt] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    line-height: 1.5;
    margin: 0
}

.engagement-grid[data-astro-cid-52q5xhqt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: var(--space-4)
}

.engagement-card[data-astro-cid-52q5xhqt] {
    padding: var(--space-5);
    background: var(--color-surface-ghost);
    border: 1px solid var(--color-border)
}

.engagement-card__title[data-astro-cid-52q5xhqt] {
    font-family: var(--font-display);
    font-size: var(--text-md);
    margin: var(--space-3) 0 var(--space-2)
}

.engagement-card__description[data-astro-cid-52q5xhqt] {
    font-size: var(--text-sm);
    color: var(--color-text-secondary);
    line-height: 1.6;
    margin: 0 0 var(--space-3)
}

.engagement-card__tag[data-astro-cid-52q5xhqt] {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--color-orange-500);
    background: var(--color-orange-subtle);
    padding: var(--badge-padding);
    border-radius: 2px
}

@media(max-width:600px) {
    .services-grid[data-astro-cid-52q5xhqt],
    .highlights-grid[data-astro-cid-52q5xhqt],
    .engagement-grid[data-astro-cid-52q5xhqt] {
        grid-template-columns: 1fr
    }
}