.product-demo{width:100%;min-width:0}.real-demo-frame{border:1px solid var(--border);background:var(--background);box-shadow:var(--marketing-shadow);border-radius:8px;overflow:hidden}.real-demo-viewport,.real-demo-skeleton{height:540px;overflow:auto}.real-demo-caption{border-top:1px solid var(--border);background:var(--card);color:var(--muted-foreground);padding:8px 12px;font-size:12px}.real-demo-scale{letter-spacing:0;min-height:900px}.buzzo-marketing .real-demo-scale h1{font-size:30px;line-height:36px}.buzzo-marketing .real-demo-scale h2,.buzzo-marketing .real-demo-scale h3{font-size:24px;line-height:32px}.real-demo-scale button:disabled{opacity:.7}.real-demo-page button,.real-demo-page input,.real-demo-page textarea{pointer-events:none}.story-visual .real-demo-viewport,.story-visual .real-demo-skeleton{height:330px;overflow:hidden}.hero-dashboard .real-demo-viewport,.hero-dashboard .real-demo-skeleton{height:350px;overflow:hidden}.story-visual{padding:12px}@media (width<=760px){.real-demo-viewport,.real-demo-skeleton{height:300px;overflow:hidden}.real-demo-scale{pointer-events:none}.hero-dashboard{max-width:600px;margin-block:20px;padding:0}.story-visual .real-demo-viewport,.story-visual .real-demo-skeleton{height:260px}.real-demo-caption{font-size:11px}.real-demo-page{pointer-events:none}}@media (width<=767px){.buzzo-marketing .builder-demo{display:block}.buzzo-marketing .hero-dashboard .hcard-main{transform:none}.buzzo-marketing .hero-dashboard{padding:0}}.real-demo-scale{container-type:inline-size}.real-demo-scale>div>nav{display:flex!important}.real-demo-scale .overview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.real-demo-scale .overview-shortcuts{grid-template-columns:repeat(8,minmax(0,1fr))}.real-demo-scale .real-demo-page table{display:table}.real-demo-scale .real-demo-page ul.divide-y{display:none}.real-demo-scale .real-demo-page .flex-wrap{flex-wrap:wrap}.real-demo-scale .overview-kpis>*{grid-column:auto!important}.real-demo-scale{will-change:transform}.real-demo-scale,.real-demo-scale *{-webkit-hyphens:none!important;hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important}.real-demo-scale .truncate{text-overflow:clip;overflow:visible}.real-demo-scale .real-demo-page .sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.real-demo-scale .real-demo-page [inert]>*{flex-wrap:wrap;row-gap:8px}