.demo-header{justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.demo-header,.demo-logo{display:flex;align-items:center;gap:12px}.demo-logo{font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.03em;color:var(--text)}.demo-logo-mark{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--bg);box-shadow:var(--shadow-glow)}.demo-logo-mark svg{width:16px;height:16px}.demo-tag{font-size:11px;background:var(--surface);padding:4px 10px;border-radius:999px;border:1px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.demo-hero{padding:40px 24px 8px;text-align:center;max-width:900px;margin:0 auto}.demo-hero h1{font-family:var(--font-display);font-size:clamp(28px,5vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-bottom:12px}.demo-hero h1 em{font-style:italic;color:var(--accent);font-weight:600}.demo-hero p{font-size:16px;color:var(--text-muted);max-width:620px;margin:0 auto}.demo-stage-wrap{max-width:960px;margin:28px auto 60px;padding:0 24px}.demo-stage{background:var(--bg-elevated);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg)}.demo-video-wrap{position:relative;aspect-ratio:16/9;background:#000}.demo-video-wrap iframe,.demo-video-wrap video{width:100%;height:100%;display:block;border:0;background:#000}.demo-note{text-align:center;color:var(--text-muted);font-size:13px;margin-top:16px}.demo-note code{font-family:var(--font-mono);font-size:12px;background:var(--surface);border:1px solid var(--border);padding:2px 6px;border-radius:6px}