/* Streamcio 1.6.1 hotfix: crisp landing preview and SEO-ready public surface. */
.lp-hero-visual-dom {
    perspective: none;
}

/* Desktop: render the HTML mockup at native CSS size. Avoid scaling text and SVGs above 100%. */
.lp-preview-stage {
    --lp-preview-scale: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: none;
}
.lp-preview-stage .lp-dashboard-mockup {
    transform: none;
    transform-origin: center;
}
.lp-preview-stage .lp-floating-card {
    transform: none;
}
.lp-preview-stage,
.lp-preview-stage * {
    text-rendering: geometricPrecision;
}

/* Smaller columns still fit the full stage, but never upscale it. */
@container (max-width: 879px) {
    .lp-preview-stage {
        left: 50%;
        right: auto;
        top: 50%;
        bottom: auto;
        margin: 0;
        transform: translate(-50%, -50%) scale(.92);
    }
}
@container (max-width: 799px) {
    .lp-preview-stage { transform: translate(-50%, -50%) scale(.82); }
}
@container (max-width: 719px) {
    .lp-preview-stage { transform: translate(-50%, -50%) scale(.73); }
}
@container (max-width: 639px) {
    .lp-preview-stage { transform: translate(-50%, -50%) scale(.68); }
}

@media (min-width: 1260px) {
    .lp-hero-visual-dom { min-height: 380px; }
}