.hytale-page {
    background:
        radial-gradient(ellipse at 12% 28%, rgba(74, 169, 90, 0.08), transparent 36%),
        radial-gradient(ellipse at 88% 34%, rgba(37, 158, 135, 0.09), transparent 34%),
        #f8faf9;
}

.hytale-hero {
    min-height: 620px;
    padding-top: 34px;
    padding-bottom: 34px;
    background:
        radial-gradient(ellipse at 78% 47%, rgba(66, 139, 148, 0.28), transparent 43%),
        linear-gradient(110deg, #dfece8, #b9d3d7 58%, #dce9e4);
}

.hytale-hero::before {
    background:
        linear-gradient(90deg, rgba(248, 250, 249, 0.94) 0%, rgba(248, 250, 249, 0.83) 37%, rgba(248, 250, 249, 0.32) 72%, rgba(248, 250, 249, 0.2) 100%),
        linear-gradient(0deg, rgba(248, 250, 249, 0.88), transparent 37%);
}

.hytale-hero .palworld-hero-copy {
    position: relative;
    z-index: 1;
    width: min(520px, 58%);
}

.hytale-hero-emblem {
    position: absolute;
    z-index: -1;
    top: 5%;
    right: max(0%, calc((100vw - 1450px) / 2));
    width: min(72vw, 820px);
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 24px 28px rgba(22, 48, 56, 0.24));
}

.hytale-hero .palworld-hero-features {
    max-width: 455px;
    gap: 7px;
    margin-top: 16px;
    margin-bottom: 18px;
}

.hytale-hero .palworld-hero-features li {
    min-height: 40px;
}

.hytale-hero h1 {
    font-size: clamp(42px, 4.4vw, 60px);
}

.hytale-plans .minecraft-plans-heading h2 > span:last-child {
    background: linear-gradient(105deg, #19242c 50%, #398f78 50%);
    background-clip: text;
    color: transparent;
    -webkit-background-clip: text;
}

.hytale-plan-card h3 {
    color: #398f78;
    background: none;
    -webkit-text-fill-color: currentColor;
}

.hytale-plan-card .minecraft-plan-price {
    min-height: 76px;
}

@media (max-width: 700px) {
    .hytale-hero {
        min-height: 610px;
        padding-top: 48px;
    }

    .hytale-hero .palworld-hero-copy {
        width: 100%;
    }

    .hytale-hero-emblem {
        top: auto;
        right: -8%;
        bottom: -4%;
        width: 68%;
        height: 48%;
        opacity: 0.62;
    }

    .hytale-hero .palworld-hero-features {
        position: relative;
        z-index: 1;
    }
}