.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 2rem;
}

.service-card,
.result-card {
    background: linear-gradient(180deg, #fffaf3, #f8eee2);
    border-radius: calc(var(--radius) * 1.05);
    padding: 2rem;
    box-shadow: var(--shadow);
    transition: transform 0.28s ease, box-shadow 0.28s ease;
    border: 1px solid rgba(117, 95, 72, 0.12);
}

.service-card:hover,
.result-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 80px rgba(57, 45, 33, 0.16);
}

.service-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(211, 135, 66, 0.14), rgba(139, 184, 146, 0.14));
    margin-bottom: 1.25rem;
    font-size: 1.9rem;
}

.service-card h3,
.result-card h3 {
    margin-bottom: 1.1rem;
    color: var(--color-primary);
}

.result-card p {
    font-size: 1.9rem;
    font-weight: 700;
    margin: 0;
}