.demo{max-width:1100px;margin:0 auto}.demo-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.demo-tab{min-height:46px;padding:0 20px;border-radius:999px;border:2px solid var(--counter);background:transparent;color:var(--counter);font-weight:700;cursor:pointer}.demo-tab[aria-selected=true]{background:var(--counter);color:var(--felt)}.demo-stage{display:grid;grid-template-columns:minmax(0,1fr) clamp(130px,17%,190px);grid-gap:18px;gap:18px;align-items:end;padding:clamp(14px,2.6vw,28px);border-radius:22px;background:var(--brown);transition:background .3s}.demo-screen{aspect-ratio:16/9;border-radius:14px;background:var(--color-bg);color:var(--color-text);padding:clamp(12px,2.4vw,28px);display:flex;flex-direction:column;gap:clamp(8px,1.6vw,18px);font-family:var(--font-body);transition:background .3s,color .3s;box-shadow:0 18px 40px rgba(0,0,0,.4)}.demo-top{display:flex;justify-content:space-between;gap:12px;font-size:clamp(.7rem,1.3vw,1rem);color:var(--color-muted)}.demo-venue{color:var(--color-primary);font-size:clamp(.9rem,1.8vw,1.35rem)}.demo-q,.demo-venue{font-family:var(--font-display)}.demo-q{margin:0;font-weight:800;font-size:clamp(1rem,2.6vw,2rem);line-height:1.1}.demo-opts{display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(6px,1vw,12px);gap:clamp(6px,1vw,12px);margin-top:auto}.demo-opt{padding:clamp(6px,1.3vw,14px) clamp(8px,1.4vw,16px);border-radius:var(--radius);color:#17110C;font-weight:700;font-size:clamp(.65rem,1.5vw,1.15rem);display:flex;gap:.6em;white-space:nowrap}.demo-phone{aspect-ratio:9/17;border-radius:20px;background:var(--color-bg);border:3px solid #0d0906;padding:10px;display:flex;flex-direction:column;gap:8px;color:var(--color-text);box-shadow:0 18px 40px rgba(0,0,0,.4);transition:background .3s}.demo-phone-team{font-size:.7rem;color:var(--color-muted);text-align:center}.demo-phone-tiles{flex:1 1;display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.demo-phone-tiles div{border-radius:calc(var(--radius) * .7);display:grid;place-items:center;color:#17110C;font-size:1.1rem}.demo-note{margin-top:20px;max-width:62ch;color:#4a3828;line-height:1.5}@media (max-width:600px){.demo-stage{grid-template-columns:1fr}.demo-phone{display:none}}.demo-logo{height:1.4em;width:auto;max-width:6em;object-fit:contain;vertical-align:middle;margin-right:.5em}