.demo-container{--font-sans:"IBM Plex Sans", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--radius-lg:.25rem;--radius-md:.125rem;--radius-sm:.0625rem;--color-background:#f9fafb;--color-foreground:#1d2530;--color-card:#f8fafb;--color-card-foreground:#1d2530;--color-popover:#f2f5f8;--color-popover-foreground:#1d2530;--color-primary:#344256;--color-primary-foreground:#f8fafc;--color-secondary:#65758b;--color-secondary-foreground:#f8fafc;--color-gauge-end:#7588a3;--color-muted:#e1e6ea;--color-muted-translucent:#e1e6ea80;--color-muted-foreground:#65758b;--color-accent:#f59f0a;--color-accent-foreground:#1d2530;--color-destructive:#dc2828;--color-destructive-foreground:#f8fafc;--color-border:#cfd9e2;--color-input:#cfd9e2;--color-ring:#f59f0a;--color-research:#2680d9;--color-voting:#f59f0a;--color-spec:#7a47d1;--color-building:#22b3c3;--color-shipped:#1fad53;--color-basket:#f47825;--color-rejected:#65758b;--color-waiting:#a347d1;--color-research-light:#e9f2fb;--color-voting-light:#fef5e7;--color-spec-light:#f0ebfa;--color-building-light:#e9f9fb;--color-shipped-light:#e9fbf0;--color-basket-light:#fef0e7;--color-waiting-light:#f5ebfa;--color-success:#1fad53;--color-success-light:#e9fbf0;--color-success-medium:#d4f7e1;--color-success-dark:#17823e;--color-success-foreground:#136c34;--color-error:#dc2828;--color-error-light:#fbe9e9;--color-error-medium:#f8d3d3;--color-error-dark:#9a1919;--color-error-foreground:#6e1212;--color-warning:#f59f0a;--color-warning-light:#fef5e7;--color-warning-medium:#fdecce;--color-warning-dark:#ab6f07;--color-warning-foreground:#624004;--color-pending:#2680d9;--color-pending-light:#e9f2fb;--color-pending-medium:#d4e6f7;--color-pending-dark:#1b5998;--color-pending-foreground:#13406c;--color-user-1:#3670e2;--color-user-2:#1fad8a;--color-user-3:#8c47d1;--color-user-4:#f26c0d;--color-user-5:#e23670;--color-user-default:#566e8f;--landing-fg-dim:#8996a9;--landing-bg-card:#fff;--landing-bg-elevated:#f8fafb;--landing-border:#cfd9e2;--landing-border-subtle:#dfe6ec;--card-min-width:300px;--card-max-width:600px;--card-grid-gap:1rem;background-color:var(--color-background);color:var(--color-foreground);font-family:IBM Plex Sans,Inter,system-ui,sans-serif}.demo-container *{border-color:var(--color-border)}.demo-container .card-blueprint{background:linear-gradient(135deg, var(--color-card) 0%, var(--color-popover) 100%);border:1px solid var(--color-border);box-shadow:0 2px 4px #1d253014,inset 0 1px #f9fafb80}.demo-container .card-grid{grid-template-columns:repeat(auto-fill, minmax(var(--card-min-width), 1fr));gap:var(--card-grid-gap);display:grid}.demo-container .gauge-track{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.demo-container .gauge-fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-gauge-end) 100%);transition:width .3s ease-out;box-shadow:inset 0 1px #f9fafb33}.demo-container .stage-dot{border-radius:var(--radius-md);background:0 0;border:2px solid;width:12px;height:12px;transition:all .2s}.demo-container .stage-dot.completed{background:currentColor}.demo-container .stage-dot.current{background:linear-gradient(135deg,currentColor 50%,#0000 50%);animation:2s ease-in-out infinite pulse-technical}.demo-container .status-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-md);border:1px solid;padding:.25rem .5rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.6875rem;font-weight:600}.demo-container .font-data{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,ui-monospace,monospace}.demo-container .text-status-research{color:var(--color-research)}.demo-container .text-status-voting{color:var(--color-voting)}.demo-container .text-status-spec{color:var(--color-spec)}.demo-container .text-status-building{color:var(--color-building)}.demo-container .text-status-shipped{color:var(--color-shipped)}.demo-container .text-status-basket{color:var(--color-basket)}.demo-container .text-status-rejected{color:var(--color-rejected)}.demo-container .text-status-waiting{color:var(--color-waiting)}.demo-container .bg-status-research{background-color:var(--color-research)}.demo-container .bg-status-voting{background-color:var(--color-voting)}.demo-container .bg-status-spec{background-color:var(--color-spec)}.demo-container .bg-status-building{background-color:var(--color-building)}.demo-container .bg-status-shipped{background-color:var(--color-shipped)}.demo-container .bg-status-basket{background-color:var(--color-basket)}.demo-container .bg-status-rejected{background-color:var(--color-rejected)}.demo-container .bg-status-waiting{background-color:var(--color-waiting)}.demo-container .bg-status-research-light{background-color:var(--color-research-light)}.demo-container .bg-status-voting-light{background-color:var(--color-voting-light)}.demo-container .bg-status-spec-light{background-color:var(--color-spec-light)}.demo-container .bg-status-building-light{background-color:var(--color-building-light)}.demo-container .bg-status-shipped-light{background-color:var(--color-shipped-light)}.demo-container .bg-status-basket-light{background-color:var(--color-basket-light)}.demo-container .bg-status-waiting-light{background-color:var(--color-waiting-light)}.demo-container .border-status-research{border-color:var(--color-research)}.demo-container .border-status-voting{border-color:var(--color-voting)}.demo-container .border-status-spec{border-color:var(--color-spec)}.demo-container .border-status-building{border-color:var(--color-building)}.demo-container .border-status-shipped{border-color:var(--color-shipped)}.demo-container .border-status-basket{border-color:var(--color-basket)}.demo-container .border-status-rejected{border-color:var(--color-rejected)}.demo-container .border-status-waiting{border-color:var(--color-waiting)}.demo-container .bg-user-1{background-color:var(--color-user-1)}.demo-container .bg-user-2{background-color:var(--color-user-2)}.demo-container .bg-user-3{background-color:var(--color-user-3)}.demo-container .bg-user-default{background-color:var(--color-user-default)}.demo-container .from-status-shipped{--tw-gradient-from:var(--color-shipped) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.demo-container .to-status-shipped{--tw-gradient-to:var(--color-shipped) var(--tw-gradient-to-position)}.demo-container .text-state-success{color:var(--color-success)}.demo-container .text-state-error{color:var(--color-error)}.demo-container .text-state-warning{color:var(--color-warning)}.demo-container .text-state-pending{color:var(--color-pending)}.demo-container .bg-state-success{background-color:var(--color-success)}.demo-container .bg-state-error{background-color:var(--color-error)}.demo-container .bg-state-warning{background-color:var(--color-warning)}.demo-container .bg-state-pending{background-color:var(--color-pending)}.demo-container .bg-state-success-light{background-color:var(--color-success-light)}.demo-container .bg-state-error-light{background-color:var(--color-error-light)}.demo-container .bg-state-warning-light{background-color:var(--color-warning-light)}.demo-container .bg-state-pending-light{background-color:var(--color-pending-light)}.demo-container .border-state-success{border-color:var(--color-success)}.demo-container .border-state-error{border-color:var(--color-error)}.demo-container .border-state-warning{border-color:var(--color-warning)}.demo-container .border-state-pending{border-color:var(--color-pending)}