/* Streamcio 1.5.17: publiczny landing z jednym tłem filmowym. */
html[data-surface="marketing"],
html[data-surface="marketing"] body { background: #020612; }

body.landing-preview-page {
    background-color: #020612 !important;
    background-image:
        radial-gradient(circle at 18% 18%, rgba(92, 34, 173, .22), transparent 38%),
        radial-gradient(circle at 82% 20%, rgba(151, 35, 91, .16), transparent 36%),
        linear-gradient(180deg, #030817 0%, #050719 48%, #02040d 100%) !important;
    background-attachment: scroll !important;
}

body.landing-preview-page::before,
body.landing-preview-page::after { content: none !important; display: none !important; }

.lp-media-backdrop {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    background:
        radial-gradient(circle at 25% 20%, rgba(108, 42, 184, .26), transparent 38%),
        radial-gradient(circle at 78% 30%, rgba(178, 48, 98, .16), transparent 40%),
        #020612;
    contain: strict;
}

.lp-media-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    transform: scale(1.015);
    transition: opacity .7s ease;
}

.lp-video-active .lp-media-video { opacity: .72; }

.lp-media-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2, 5, 15, .58) 0%, rgba(2, 5, 15, .74) 54%, rgba(2, 4, 12, .94) 100%),
        radial-gradient(circle at 50% 28%, transparent 0 24%, rgba(2, 5, 15, .30) 62%, rgba(2, 5, 15, .74) 100%);
}

.lp-header,
.landing-preview-page > main,
.lp-footer,
.lp-flash-error { position: relative; z-index: 2; }

.lp-svg-library { position: absolute !important; width: 0 !important; height: 0 !important; overflow: hidden !important; }

/* Stare, kosztowne warstwy nie są już używane. Reguły chronią też stare cache HTML. */
.lp-scroll-progress,
.lp-cursor-glow,
.lp-bg-grid,
.lp-aurora,
.lp-particles,
.lp-stars,
.lp-glow,
.lp-flow-lines { display: none !important; }

.lp-header {
    background: rgba(4, 8, 22, .92) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .22) !important;
}
.lp-header::before { animation: none !important; opacity: .42 !important; }

/* Film zastępuje ciągłe efekty CSS i JS. Zostają tylko lekkie przejścia interfejsu. */
.lp-orbit,
.lp-cta-ring,
.lp-bot-logo i,
.lp-title-line,
.lp-title-wrap h1,
.lp-button-primary,
.lp-pill::after,
.lp-dashboard-mockup::after,
.lp-activity-panel .line { animation: none !important; will-change: auto !important; }

.lp-orbit { opacity: .48; filter: none !important; }
.lp-cta-ring { opacity: .55; }
.lp-interactive-card,
.lp-magnetic { transform: none !important; will-change: auto !important; }
.lp-interactive-card::before { display: none !important; }

@media (max-width: 959px), (prefers-reduced-motion: reduce) {
    .lp-media-video { display: none !important; }
    .lp-media-backdrop {
        background:
            radial-gradient(circle at 20% 16%, rgba(96, 39, 176, .28), transparent 40%),
            radial-gradient(circle at 82% 24%, rgba(170, 44, 96, .17), transparent 42%),
            linear-gradient(180deg, #030817 0%, #050719 50%, #02040d 100%);
    }
}

html[data-effects="off"] .lp-media-video,
html[data-effects="reduced"] .lp-media-video { display: none !important; }

@media (prefers-reduced-motion: reduce) {
    .lp-reveal { transition: none !important; transform: none !important; opacity: 1 !important; }
}