/* Ajustes de conteúdo e responsividade da página institucional. */
.creator--text-only {
    display: block;
}

.creator--text-only .creator-copy {
    max-width: 960px;
    margin: 0 auto;
}

@media (width <= 720px) {
    .hero h1 {
        font-size: clamp(2.6rem, 11vw, 3.25rem);
    }

    .product-stage {
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    .dashboard-window {
        position: absolute;
        top: 0;
        left: 50%;
        width: calc((100vw - 40px) / .62);
        min-width: 0;
        max-width: 560px;
        transform: translateX(-50%) scale(.62);
        transform-origin: top center;
    }

    .product-stage .floating-card {
        max-width: calc(100% - 18px);
    }
}