.demo-welcome{background:radial-gradient(60rem 30rem at 85% -10%, var(--clavian-accent-soft), transparent 70%), var(--clavian-bg);min-height:100svh;color:var(--clavian-ink);font-family:var(--clavian-font-body);flex-direction:column;display:flex}.demo-welcome__header{justify-content:space-between;align-items:center;gap:var(--clavian-space-4);padding:var(--clavian-space-4);display:flex}.demo-welcome__brand{font-family:var(--clavian-font-display);font-size:var(--clavian-text-lg);font-weight:var(--clavian-weight-bold);letter-spacing:var(--clavian-tracking-tight)}.demo-welcome__main{gap:var(--clavian-space-8);box-sizing:border-box;width:100%;max-width:72rem;padding:var(--clavian-space-6) var(--clavian-space-4) var(--clavian-space-16);margin:0 auto;display:grid}.demo-welcome__hero{gap:var(--clavian-space-4);flex-direction:column;display:flex}.demo-welcome__eyebrow{color:var(--clavian-accent-ink);font-size:var(--clavian-text-sm);font-weight:var(--clavian-weight-semibold);letter-spacing:var(--clavian-tracking-label);text-transform:uppercase;margin:0}.demo-welcome__hero h1{font-family:var(--clavian-font-display);font-size:clamp(2rem,6vw,3.5rem);line-height:var(--clavian-leading-tight);text-wrap:balance;margin:0}.demo-welcome__intro{max-width:var(--clavian-measure);color:var(--clavian-muted);font-size:var(--clavian-text-lg);margin:0}.demo-welcome__points{gap:var(--clavian-space-3);max-width:var(--clavian-measure);color:var(--clavian-ink);margin:0;padding-inline-start:var(--clavian-space-6);display:grid}.demo-welcome__pretend{max-width:var(--clavian-measure);color:var(--clavian-subtle);font-size:var(--clavian-text-sm);margin:0}.demo-welcome__card{align-self:start;gap:var(--clavian-space-4);padding:var(--clavian-space-6);border:1px solid var(--clavian-line);border-radius:var(--clavian-radius-lg);background-color:var(--clavian-surface);box-shadow:var(--clavian-shadow-2);flex-direction:column;display:flex}.demo-welcome__who{color:var(--clavian-muted);font-size:var(--clavian-text-sm);margin:0}.demo-welcome__status{font-size:var(--clavian-text-base);font-weight:var(--clavian-weight-medium);margin:0}.demo-welcome__actions{gap:var(--clavian-space-3);flex-direction:column;display:flex}.demo-welcome__desktop{color:var(--clavian-subtle);font-size:var(--clavian-text-xs);margin:0}@media (width>=56rem){.demo-welcome__main{padding-top:var(--clavian-space-16);grid-template-columns:minmax(0,1.4fr) minmax(18rem,1fr);align-items:start}.demo-welcome__desktop{display:none}}.demo-both{background-color:var(--clavian-bg);flex-direction:column;height:100vh;display:flex}.demo-both__tip{color:var(--clavian-muted)}.demo-both__panes{gap:var(--clavian-space-2);min-height:0;padding:var(--clavian-space-2);flex:1;grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.demo-both__pane{border:1px solid var(--clavian-line);border-radius:var(--clavian-radius-md);background-color:var(--clavian-surface);min-height:0;overflow:hidden}.demo-both__pane--kiosk{align-self:start}.demo-both__frame{border:0;width:100%;height:100%;display:block}.demo-scaled{width:100%;position:relative;overflow:hidden}.demo-scaled__frame{transform-origin:0 0;border:0;position:absolute;top:0;left:0}@media (width<=56rem){.demo-both__panes{grid-template-columns:minmax(0,1fr);overflow-y:auto}.demo-both__pane{min-height:60vh}}