.product-hero, .service-hero {
    position: relative;
    background: linear-gradient(to bottom, rgba(0, 113, 220, 0.05), rgba(0, 113, 220, 0.1));
    padding: 4rem 0;
    text-align: center;
}

.product-hero .container, .service-hero .container {
    max-width: 800px;
    margin: 0 auto;
}

.product-hero h1, .service-hero h1 {
    color: #1a1a1a;
    margin-bottom: 1rem;
}

.product-hero p, .service-hero p {
    color: #4b5563;
    font-size: 1.25rem;
    max-width: 600px;
    margin: 0 auto;
}