.demo-index{min-height:100vh;background:var(--paper)}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--page);margin-inline:auto;padding:.9rem var(--gutter)}.demo-brand{display:inline-flex;align-items:center;gap:.5rem}.demo-brand-word{font-size:1.15rem;font-weight:600}.demo-chip{font-size:.66rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:.16rem .4rem;border-radius:var(--r-sm,4px);background:var(--paper-sunk);color:var(--ink-soft)}.demo-main{max-width:var(--page);margin-inline:auto;padding:.5rem var(--gutter) clamp(3rem,7vw,5.5rem);display:grid;grid-gap:clamp(1.8rem,4vw,2.8rem);gap:clamp(1.8rem,4vw,2.8rem)}.demo-hero{display:grid;grid-gap:.6rem;gap:.6rem;justify-items:start}.demo-title{font-size:clamp(1.9rem,5vw,3rem)}.demo-lede{font-size:clamp(1rem,2vw,1.15rem);color:var(--ink-soft);max-width:52ch}.demo-mock{font-size:.86rem;color:var(--ink-soft);background:var(--paper-sunk);padding:.6rem .8rem;border-radius:var(--r-md);max-width:64ch}.demo-locales{display:grid;grid-gap:.35rem;gap:.35rem;-webkit-margin-before:.4rem;margin-block-start:.4rem}.demo-group{display:grid;grid-gap:.9rem;gap:.9rem}.demo-group-head{display:grid;grid-gap:.2rem;gap:.2rem}.demo-group-title{font-size:clamp(1.2rem,2.6vw,1.5rem)}.demo-group-blurb{color:var(--ink-soft);font-size:.92rem;max-width:60ch}.demo-cards{list-style:none;margin:0;padding:0;display:grid;grid-gap:.6rem;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}.demo-card{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name arrow" "note arrow";align-content:start;align-items:center;grid-column-gap:.7rem;column-gap:.7rem;grid-row-gap:.15rem;row-gap:.15rem;height:100%;padding:.8rem .9rem;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--r-lg);color:inherit;text-decoration:none}.demo-card:hover{border-color:var(--brand)}.demo-card:hover .demo-card-arrow{transform:translateX(2px)}.demo-card-name{grid-area:name;font-weight:650;font-size:.95rem}.demo-card-note{grid-area:note;color:var(--ink-soft);font-size:.83rem}.demo-card-arrow{grid-area:arrow;color:var(--ink-faint);transition:transform .15s ease}.demo-group.is-seller .demo-card:hover{border-color:var(--ink)}.demo-group.is-admin .demo-card:hover{border-color:var(--brand-deep)}.demo-group.is-admin .demo-group-title,.demo-group.is-seller .demo-group-title{display:inline-flex;align-items:center;gap:.5rem}.demo-packages{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.demo-packages li{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .5rem .3rem .6rem;background:var(--paper-raised);border:1px solid var(--rule);border-radius:999px;font-size:.8rem}.demo-packages code{font-size:.8rem;color:var(--ink-soft)}.demo-tests{min-width:1.4rem;padding:0 .3rem;border-radius:999px;background:var(--brand-tint);color:var(--brand);font-weight:700;font-size:.72rem;text-align:center}.demo-note{font-size:.86rem;color:var(--ink-soft);max-width:72ch}@media (prefers-reduced-motion:reduce){.demo-card-arrow{transition:none}}.signin{min-height:100vh;background:var(--paper)}.signin-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem var(--gutter)}.signin-bar,.signin-main{max-width:900px;margin-inline:auto}.signin-main{padding:clamp(1rem,4vw,2.4rem) var(--gutter) clamp(3rem,7vw,5rem);display:grid;grid-gap:1.4rem;gap:1.4rem}.signin-head{display:grid;grid-gap:.4rem;gap:.4rem}.signin-title{font-size:clamp(1.8rem,5vw,2.6rem)}.signin-lede{color:var(--ink-soft);max-width:52ch;font-size:1.02rem}.role-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.7rem;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.role-card{display:grid;grid-gap:.2rem;gap:.2rem;justify-items:start;width:100%;height:100%;text-align:start;padding:1rem 1.05rem;background:var(--paper-raised);border:1.5px solid var(--rule);border-radius:var(--r-lg);font:inherit;color:inherit;cursor:pointer}.role-card:hover{border-color:var(--brand)}.role-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.role-card.is-busy{border-color:var(--brand);background:var(--brand-tint)}.role-name{font-weight:700;font-size:1.02rem}.role-person{font-size:.86rem;color:var(--ink-soft)}.role-note{font-size:.84rem;color:var(--ink-soft);-webkit-margin-before:.25rem;margin-block-start:.25rem}.role-scope{-webkit-margin-before:.5rem;margin-block-start:.5rem;font-size:.75rem;font-weight:650;padding:.18rem .45rem;border-radius:var(--r-sm,4px);border:1px solid var(--rule);color:var(--ink-soft)}.role-scope.is-wide{border-color:var(--brand);background:var(--brand-tint);color:var(--brand)}.signin-demo{font-size:.84rem;color:var(--ink-soft);background:var(--paper-sunk);padding:.6rem .8rem;border-radius:var(--r-md);max-width:64ch}.signin-alt{display:grid;grid-gap:.3rem;gap:.3rem;justify-items:start;padding:1rem 1.1rem;border:1px dashed var(--rule);border-radius:var(--r-lg)}.signin-alt-title{font-weight:650}.signin-alt-note{font-size:.86rem;color:var(--ink-soft);-webkit-margin-after:.4rem;margin-block-end:.4rem}.signin-locales{display:grid;grid-gap:.35rem;gap:.35rem;-webkit-margin-before:.7rem;margin-block-start:.7rem}