/* Services Hero Section */
.services-hero {
    background: var(--gradient-hero);
    padding-top: 10rem;
    padding-bottom: 6rem;
    position: relative;
}

.services-hero h1 {
    font-size: 3.5rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}

.services-intro {
    padding: 4rem 0;
    background: var(--bg-body);
}

.services-intro p {
    font-size: 1.1rem;
    color: var(--text-muted);
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    line-height: 1.8;
}

@media (max-width: 768px) {
    .services-hero h1 {
        font-size: 2.5rem;
    }
}