.demo-head{padding-block:clamp(64px,9vw,128px) clamp(48px,6vw,88px)}.demo-h1{font-size:var(--t-hero);max-width:14em;font-stretch:125%}.demo-walk{padding-block:clamp(48px,6vw,96px);transition:background-color .25s ease-out}.demo-stage{outline-offset:8px;border-radius:var(--r-window);scroll-margin-top:88px}.demo-timeline{grid-template-columns:repeat(10,minmax(0,1fr));margin:0 0 clamp(28px,4vw,48px);padding:0;list-style:none;display:grid;position:relative}.demo-timeline:before{content:"";background:var(--rule-strong);height:1px;position:absolute;top:19px;left:19px;right:calc(10% - 19px)}.demo-tick{cursor:pointer;width:100%;color:var(--ink-3);font:500 var(--t-14)/1.2 var(--font-text);text-align:left;border-radius:var(--r-chip);background:0 0;border:0;justify-items:start;gap:8px;padding:0 6px 6px 0;display:grid;position:relative}.demo-tick-n{background:var(--paper);border:1px solid var(--rule-strong);width:38px;height:38px;color:var(--ink-2);transition:background-color var(--settle), color var(--settle), border-color var(--settle);border-radius:50%;place-items:center;font-weight:600;display:inline-grid}.demo-tick:hover .demo-tick-n{background:var(--panel-strong)}.demo-tick[aria-current=step]{color:var(--ink)}.demo-tick[aria-current=step] .demo-tick-n{background:var(--ink);border-color:var(--ink);color:var(--paper)}.demo-tick-t{white-space:nowrap}@media (max-width:767px){.demo-timeline{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:18px}.demo-timeline:before{display:none}.demo-timeline li{position:relative}.demo-timeline li:before{content:"";background:var(--rule-strong);height:1px;position:absolute;top:19px;left:0;right:0}.demo-tick-n{width:36px;height:36px}.demo-tick{font-size:13px}}@media (max-width:359px){.demo-tick{font-size:12px}.demo-tick-t{white-space:normal}}.demo-grid{grid-template-areas:"text""screen""controls";gap:24px;display:grid}.demo-text{grid-area:text}.demo-screen{grid-area:screen;min-width:0}.demo-controls{grid-area:controls;align-content:start;gap:10px;display:grid}@media (min-width:1024px){.demo-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"text controls""screen screen";gap:32px clamp(32px,3vw,48px)}.demo-controls{text-align:right;align-content:end;justify-items:end}.demo-text{min-height:11.5rem}}@container (max-width:480px){.demo-screen .pu-agent-row{grid-template-columns:minmax(0,1fr)}}.demo-count{color:var(--ink-3);font-size:var(--t-14);margin:0 0 12px;font-weight:500}.demo-caption{font-family:var(--font-display);font-stretch:var(--display-stretch);color:var(--ink);font-weight:680;font-size:clamp(var(--t-26), 1rem + 1.4vw, var(--t-33));letter-spacing:-.015em;text-wrap:balance;margin:0;line-height:1.12}.demo-expl{max-width:34em;margin:16px 0 0}.demo-hint{border-left:3px solid var(--advisory);color:var(--ink);max-width:30em;margin:16px 0 0;padding-left:14px}.demo-controls .btn[data-off]{opacity:.45;cursor:default}.demo-controls .btn-primary[data-off]:hover{background:var(--ink)}.demo-controls .btn-secondary[data-off]:hover{background:0 0}@keyframes demo-settle{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.demo-screen,.demo-caption,.demo-expl{animation:.22s cubic-bezier(.215,.61,.355,1) both demo-settle}.demo-video{aspect-ratio:16/9;background:var(--panel);border-radius:var(--r-window);width:100%;max-width:1080px;display:block}.demo-ask-grid{gap:28px;display:grid}@media (min-width:1024px){.demo-ask-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,3vw,48px)}}.demo-ask-panel{background:var(--panel);border-radius:var(--r-window);align-content:start;gap:16px;min-width:0;padding:clamp(14px,2vw,22px);display:grid}.demo-answer:empty{display:none}.demo-answer-body{gap:14px;animation:.22s cubic-bezier(.215,.61,.355,1) both demo-settle;display:grid}.demo-answer-text{color:var(--ink);font-size:var(--t-17);max-width:38em;line-height:1.55}.demo-answer .pu-gen-note:empty{display:none}