.site-top{gap:16px;position:relative}.site-nav{flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.nav-toggle{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--control-border);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:14px;font-weight:600;display:none}.nav-toggle-bars{border-top:2px solid;border-bottom:2px solid;width:16px;height:12px;position:relative}.nav-toggle-bars:after{content:"";border-top:2px solid;position:absolute;top:3px;left:0;right:0}.demo-start{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.demo-start.compact .outline{padding:6px 12px;font-size:14px}.site-nav a.nav-cta{background:var(--accent);min-height:40px;color:var(--accent-ink);border-radius:999px;align-items:center;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.site-nav a.nav-cta:hover{background:var(--accent-hover)}.demo-start-error{color:var(--crit);flex-basis:100%;font-size:14px}@media (max-width:860px){.site-top{flex-wrap:nowrap}.nav-toggle{display:inline-flex}.site-nav,.site-nav.open{display:none}.site-nav.open{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;padding:8px 0 16px;animation:.18s ease-out nav-drop;display:flex;position:absolute;top:100%;left:0;right:0}.site-nav.open a{border-bottom:1px solid var(--border);padding:12px 4px;font-size:16px}.site-nav.open a.nav-cta{border-bottom:0;justify-content:center;min-height:48px;margin-top:12px}.site-nav.open .badge{display:none}}@keyframes nav-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.demo-mode{--text:var(--paper-text);--text-muted:var(--paper-muted);--surface:var(--paper);--border:var(--paper-border);--control-border:var(--paper-border-strong);--accent:var(--paper-accent);--accent-ink:var(--paper-accent-ink);--accent-hover:var(--paper-accent);--accent-text:var(--paper-accent-text);border:1px solid var(--warn);border-radius:var(--radius);background:var(--warn-soft);color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin:12px 0 0;padding:8px 8px 8px 14px;font-size:14px;line-height:1.4;display:flex}.demo-mode p{margin:0}.demo-mode-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--warn);border:1px solid var(--warn);border-radius:999px;margin-right:6px;padding:2px 8px;font-size:12px}.demo-mode-actions{gap:8px;display:flex}.demo-mode-actions button{min-height:36px;padding:0 14px;font-size:14px}.demo-mode-actions .secondary{color:var(--text)}@media (prefers-reduced-motion:reduce){.site-nav.open{animation:none}}.demo-note{color:var(--text-muted);margin:12px 0 0;font-size:14px}