.front-page-home .front-hero {
    min-height: calc(100vh - 120px);
    display: flex;
    align-items: center;
}

.front-page-about .front-page-hero,
.front-page-product .front-page-hero,
.front-page-why-it-needs .front-page-hero,
.front-page-pricing .front-page-hero,
.front-page-contact .front-page-hero {
    padding-bottom: 3rem;
}

.front-page-about .front-page-hero::after,
.front-page-product .front-page-hero::after,
.front-page-why-it-needs .front-page-hero::after,
.front-page-pricing .front-page-hero::after,
.front-page-contact .front-page-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 140px;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.55));
    pointer-events: none;
}

.front-page-hero-about {
    background:
        radial-gradient(circle at 15% 20%, rgba(200, 108, 51, 0.16), transparent 18%),
        linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.18));
}

.front-page-hero-product {
    background:
        radial-gradient(circle at 80% 20%, rgba(33, 75, 99, 0.18), transparent 20%),
        linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.18));
}

.front-page-hero-why {
    background:
        radial-gradient(circle at 20% 20%, rgba(200, 108, 51, 0.14), transparent 20%),
        radial-gradient(circle at 80% 30%, rgba(33, 75, 99, 0.12), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.18));
}

.front-page-hero-pricing {
    background:
        radial-gradient(circle at 50% 0%, rgba(200, 108, 51, 0.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.18));
}

.front-page-hero-contact {
    background:
        radial-gradient(circle at 85% 15%, rgba(33, 75, 99, 0.14), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.18));
}

.front-page-hero .container {
    position: relative;
    z-index: 1;
}

.front-page-why-it-needs .front-pill-card {
    background: rgba(255, 255, 255, 0.94);
}

.front-page-pricing .front-pricing-card .front-check-list {
    margin: 1.35rem 0 1.6rem;
}

.front-page-contact .front-form-card,
.front-page-contact .front-contact-card {
    min-height: 100%;
}