.demo-intro.app-modal{width:min(34rem,calc(100vw - 2rem))}.demo-intro .app-modal__head{align-items:center}.demo-intro__kicker{margin:0;color:var(--orange);text-transform:uppercase}.demo-intro__kicker,.demo-intro__meta{font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--app-t-xs);font-weight:500;letter-spacing:var(--tracking-meta);line-height:1.4}.demo-intro__meta{display:flex;align-items:center;gap:1rem;color:var(--ink-subtle)}.demo-intro__skip{min-height:var(--app-control-h-touch);margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:uppercase;cursor:pointer}.demo-intro__skip:hover,.demo-intro__title{color:var(--ink-fg)}.demo-intro__title{margin:0;font-size:var(--app-t-metric);font-weight:650;letter-spacing:-.03em;line-height:1.2;text-wrap:balance}.demo-intro__copy{margin:.75rem 0 0;color:var(--ink-muted);font-size:var(--app-t-body);font-weight:400;line-height:1.5;text-wrap:pretty}.demo-intro__facts{margin:1.25rem 0 0;padding:0;list-style:none}.demo-intro__fact{padding:.75rem 0 .75rem .75rem;border-top:1px solid var(--app-line);border-left:2px solid var(--orange)}.demo-intro__fact:last-child{border-bottom:1px solid var(--app-line)}.demo-intro__fact dt{margin:0;color:var(--orange);font-family:var(--font-mono),ui-monospace,monospace;font-size:var(--app-t-xs);font-weight:500;letter-spacing:var(--tracking-meta);line-height:1.4;text-transform:uppercase}.demo-intro__fact dd{margin:.25rem 0 0;color:var(--ink-fg);font-size:var(--app-t-body);font-weight:400;line-height:1.45;text-wrap:pretty}.demo-intro__progress{display:flex;gap:.25rem}.demo-intro__pip{display:block;width:1.75rem;height:2px;background:var(--app-line)}.demo-intro__pip.is-on{background:var(--ink-fg)}.demo-intro__actions{display:flex;align-items:center;gap:.5rem}.demo-intro__actions .app-btn{min-height:var(--app-control-h-touch);text-transform:none;letter-spacing:0}.demo-intro__go{min-width:var(--app-control-h-touch);padding-inline:1.25rem}.demo-intro__go:not(.is-last){width:var(--app-control-h-touch);padding-inline:0}.demo-intro__go.is-last{white-space:nowrap}.demo-intro :is(button):focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}@media (max-width:767px){.demo-intro.app-modal{width:100%}.demo-intro__title{font-size:var(--app-t-metric-sm)}.demo-intro__pip{width:1.25rem}}@media (max-width:359px){.demo-intro .app-modal__foot{flex-wrap:wrap;gap:.75rem}.demo-intro__progress{flex-basis:100%;order:2}.demo-intro__actions{margin-left:auto;order:1}}@media (prefers-reduced-motion:reduce){.demo-intro__actions .app-btn,.demo-intro__skip{transition:none}}