html {
    scroll-behavior: smooth;
}

body {
    background-color: #f8f7f5;
}

.hero-glow {
    background: radial-gradient(circle, rgba(255, 106, 0, 0.16) 0%, rgba(255, 106, 0, 0) 72%);
}

.hero-fade {
    background: linear-gradient(180deg, rgba(248, 247, 245, 0) 0%, #f8f7f5 100%);
}

.service-area-map {
    background-image: url('/assets/images/service-area.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}