.demo__controls{flex-wrap:wrap;gap:16px 40px;padding-bottom:24px;display:flex}.demo__control{flex-direction:column;gap:8px;display:flex}.demo__control-label{font-size:var(--ap-text-small);color:var(--ap-grey-600);font-weight:600}.demo__segments{background:var(--ap-surface);border:1px solid var(--ap-grey-200);border-radius:26px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.demo__segment{min-height:var(--ap-target);border-radius:var(--ap-radius-pill);color:var(--ap-ink);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:flex}.demo__segment[aria-checked=true]{background:var(--ap-ink);color:var(--ap-chalk)}.demo__mark{display:flex}.demo__stage{background:var(--ap-grey-200);border-radius:var(--ap-radius-stage);flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(24px,4vw,56px);padding:clamp(20px,4vw,56px);display:flex}.demo__screen{flex-direction:column;flex:280px;align-items:center;gap:12px;min-width:0;max-width:320px;display:flex}.demo__phone{width:min(320px,100%)}.demo__now{font-size:var(--ap-text-small);color:var(--ap-grey-600);text-align:center;margin:0}.demo__tips{flex-direction:column;flex:260px;gap:14px;max-width:360px;display:flex}.demo__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.demo__list li{border-top:1px solid var(--ap-grey-400);align-items:flex-start;gap:10px;padding-top:10px;display:flex}.demo__list svg{flex-shrink:0;margin-top:2px}.demo__list path{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.demo__note{margin:0}.shot-laptop{width:100%}.shot-laptop__lid{background:var(--ap-ink);box-shadow:var(--ap-shadow-phone);border-radius:14px 14px 4px 4px;margin:0 4.5%;padding:clamp(10px,1.2vw,18px) clamp(6px,.8vw,12px) clamp(6px,.8vw,12px);position:relative}.shot-laptop__lid:before{content:"";background:var(--ap-grey-600);border-radius:50%;width:5px;height:5px;position:absolute;top:clamp(2.5px,.35vw,6.5px);left:50%;transform:translate(-50%)}.shot-laptop__screen{background:#fff;border-radius:3px;overflow:hidden}.shot-laptop__screen img{width:100%;height:auto;display:block}.shot-laptop__base{background:var(--ap-grey-400);border-radius:0 0 10px 10px;height:clamp(8px,1vw,14px);position:relative}.shot-laptop__base:before{content:"";background:var(--ap-grey-600);border-radius:0 0 8px 8px;width:14%;height:45%;position:absolute;top:0;left:50%;transform:translate(-50%)}.tour-jobs{padding-bottom:8px}.tour-jobs__scroll{max-width:var(--ap-max);scrollbar-width:thin;margin:0 auto;overflow-x:auto}.tour-jobs__list{width:max-content;padding:8px var(--ap-gutter) 16px;gap:8px;display:flex}.tour-jobs__tab{min-height:var(--ap-target);border:1px solid var(--ap-grey-200);border-radius:var(--ap-radius-pill);background:var(--ap-surface);color:var(--ap-ink);font:inherit;white-space:nowrap;cursor:pointer;flex-shrink:0;align-items:center;padding:0 18px;font-weight:600;display:flex}.tour-jobs__tab[aria-selected=true]{border-color:var(--ap-ink);background:var(--ap-ink);color:var(--ap-chalk)}.tour{border-radius:var(--ap-radius-stage);background:var(--ap-grey-200);grid-template-columns:minmax(0,1fr);grid-template-areas:"head""show""steps";gap:24px;padding:clamp(20px,4vw,56px);display:grid}.tour__head{flex-direction:column;grid-area:head;gap:8px;display:flex}.tour__intro{max-width:34rem;margin:0}.tour__show{flex-direction:column;grid-area:show;gap:16px;min-width:0;display:flex}.tour__stepper{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.tour__count{font-size:var(--ap-text-small);color:var(--ap-grey-600);flex:auto;font-weight:600}.tour__moves{flex-wrap:wrap;gap:8px;display:flex}.tour__move{min-height:var(--ap-target);padding:8px 18px}.tour__figure{flex-direction:column;align-items:center;gap:20px;margin:0;display:flex}.tour__caption{font-size:var(--ap-text-lead);text-wrap:pretty;align-self:stretch;line-height:1.56}.tour__phone{width:min(288px,100%)}.tour__laptop{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.tour__full{min-height:var(--ap-target);color:var(--ap-ink);align-items:center;font-weight:600;display:inline-flex}.tour__steps{flex-direction:column;grid-area:steps;gap:4px;margin:0;padding:0;list-style:none;display:flex}.tour__step{width:100%;min-height:var(--ap-target);box-sizing:border-box;border-radius:var(--ap-radius-input);color:var(--ap-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.tour__step[aria-current=step]{border-color:var(--ap-ink);background:var(--ap-surface)}.tour__number{border:1.5px solid var(--ap-ink);box-sizing:border-box;width:1.75rem;height:1.75rem;font-size:var(--ap-text-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.tour__step[aria-current=step] .tour__number{background:var(--ap-ink);color:var(--ap-chalk)}.tour__step-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tour__device{font-size:var(--ap-text-small);color:var(--ap-grey-600)}.tour__note{margin:16px 0 0}@media (width>=60em){.tour{grid-template:"show head""show steps"1fr/minmax(0,1fr) minmax(17rem,23rem);column-gap:clamp(32px,4vw,56px)}.tour__caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}}.demo-explore{padding-top:clamp(64px,8vw,104px)}.demo-explore__intro{flex-direction:column;gap:12px;padding-bottom:24px;display:flex}.demo-explore__lead{max-width:38rem;margin:0}.demo-intro[data-astro-cid-soxsnotx]{flex-direction:column;gap:20px;padding-bottom:32px;display:flex}.demo-intro__lead[data-astro-cid-soxsnotx]{max-width:38rem}.demo-next[data-astro-cid-soxsnotx]{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-top:40px;padding-bottom:clamp(64px,8vw,104px);display:flex}.demo-next__action[data-astro-cid-soxsnotx]{width:min(100%,320px)}.demo-next__link[data-astro-cid-soxsnotx]{min-height:var(--ap-target);color:var(--ap-ink);align-items:center;font-weight:600;display:flex}