/* Local comparison: restored video-background treatment, shared current content. */
.preview-background .home-hero-video { background:#191715; }
.comparison-background-video { position:absolute; inset:-1%; width:102%; height:102%; object-fit:cover; transform:scaleX(-1); filter:blur(4px); pointer-events:none; z-index:0; }
.comparison-background-mask { position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(15,14,13,.84),rgba(15,14,13,.64) 55%,rgba(15,14,13,.38)); }
.preview-background .home-hero-video .hero-video-layout { z-index:2; }
body.preview-background[data-theme="luxe"] .home-hero-video h1 .hero-second-line em { color:#c3a071; }
body.preview-background[data-theme="luxe"] .site-header:not(.is-scrolled) { background:transparent; border-bottom:0; box-shadow:none; backdrop-filter:none; }
.preview-background .hero-demo-real { width:100%; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(255,255,255,.32); border-radius:32px; background:#1c1917; box-shadow:0 28px 80px rgba(0,0,0,.25); }
.preview-background .hero-demo-frame { display:block; flex:none; width:100%; height:420px; aspect-ratio:auto; border:0; border-radius:0; box-shadow:none; }
.preview-background .hero-demo-video { object-fit:contain; min-height:0; max-height:100%; }
.preview-background .hero-demo-caption { width:100%; margin:0; padding:24px 28px; background:#f5eee4; }
.preview-background .hero-demo-caption span { color:#98764c; }
.preview-background .hero-demo-caption strong { color:#2d261f; }
.preview-background .hero-demo-caption p { color:#756c62; }
@media(max-width:860px) { .preview-background .hero-demo-real { max-width:440px; margin-inline:auto; } }
@media(max-width:620px) { .preview-background .hero-demo-frame { height:360px; } .preview-background .hero-demo-caption { padding:20px; } }

.demo-native-link { display:inline-flex; margin-top:8px; color:#8b6d47; font-size:12px; text-decoration:underline; text-underline-offset:3px; }