:root{--marketing-demo-shadow:0 1px 2px #0000000a, 0 24px 48px -16px #0000001a}.dark{--marketing-demo-shadow:0 1px 2px #0006, 0 24px 48px -16px hsl(var(--foreground) / .07)}.marketing-app-demo{min-width:0;margin:0}.marketing-app-demo .blog-app-demo{aspect-ratio:1280/850;background:hsl(var(--background));border:1px solid hsl(var(--border));isolation:isolate;box-shadow:var(--marketing-demo-shadow);border-radius:18px}.marketing-app-demo .blog-app-demo-window{background:hsl(var(--background));box-shadow:none;border-radius:0}.marketing-app-demo .blog-app-demo-controls{z-index:1;width:min(280px,100% - 24px)}.marketing-app-demo .blog-app-demo-cursor svg{width:20px;height:26px}@media (pointer:coarse){.marketing-app-demo .blog-app-demo-controls button{width:44px;height:44px}}.marketing-app-demo .blog-app-demo-expanded{width:min(100vw,150.588dvh)}.marketing-demo-viewport{aspect-ratio:1280/850;background:hsl(var(--background));border-radius:18px;min-width:0}.marketing-demo-viewport:empty{box-shadow:var(--marketing-demo-shadow)}@media not (min-width:48rem){.marketing-demo-viewport,.marketing-app-demo .blog-app-demo{border-radius:6px}}