@media (max-width: 760px) {
    .hero {
        min-height: 100svh;
    }

    .hero-grid {
        min-height: 0;
        padding-top: 38px;
        grid-template-columns: 1fr;
    }

    .hero h1 {
        font-size: 40px;
        line-height: 1.18;
    }

    .intro {
        font-size: 14px;
        line-height: 1.7;
        margin: 19px 0;
    }

    .hero-actions {
        gap: 10px;
    }

    .button {
        padding: 12px 17px;
        font-size: 14px;
    }

    .trust {
        display: none;
    }

    .hero-art {
        height: clamp(248px, 30svh, 336px);
        margin-top: 32px;
    }

    .fairy {
        width: 76px;
        right: 4px;
        top: 0;
    }

    .moon {
        width: 57px;
        height: 57px;
        right: 93px;
        top: 10px;
    }

    .moon:after {
        width: 53px;
        height: 53px;
        left: 16px;
        top: -7px;
    }

    .hero-fox {
        width: 182px;
        right: 31px;
    }

    .hero-card {
        left: 0;
        bottom: 16px;
        width: 166px;
        padding: 11px;
        font-size: 10px;
    }

    .hero-card strong {
        font-size: 12px;
    }

    .orbit-one {
        width: 240px;
        height: 122px;
        left: 11px;
        top: 93px;
    }

    .orbit-two {
        width: 205px;
        height: 104px;
        left: 29px;
        top: 105px;
    }
}