#agent .pin-body{max-width:24rem}@media (min-width:1240px){#agent .pin{--pin-tracks:minmax(0, 1fr) minmax(0, 1.25fr)}#agent .pin-plate-draw{width:100%;transform:none}}#agent .pin-plate,#agent .pin-plate-draw{place-items:stretch stretch}#agent .pin-plate{background-image:none;padding:0}#agent .ag-plate{align-content:center;justify-items:center;gap:var(--space-sm);width:100%;padding:var(--space-lg) var(--shell-inset);grid-template-columns:minmax(0,1fr);display:grid}#agent .ag-layer{width:100%;max-width:25rem}#agent .ag-layer[data-layer=phone]{max-width:15rem}#agent .ag-layer:not([data-in]){display:none}#agent .ag-layer img{width:100%;height:auto;display:block}@media (max-width:991px){#agent .pin-plate{border-top:var(--layout-hairline) solid var(--border-subtle)}}@media (min-width:992px){#agent .ag-plate{padding:var(--space-xl)}#agent .pin[data-live] .pin-plate,#agent .pin[data-live] .pin-plate[data-on]{transition:none;transform:none}#agent .pin[data-live] .pin-plate-draw{width:auto;position:absolute;inset:0;transform:none}#agent .pin[data-live] .ag-plate{--cw:min(25rem, calc(100cqi - 2 * var(--space-lg)));--ph:calc(var(--cw) * .4525);--lh:calc(var(--cw) * .635);--g:var(--space-sm);--prompt-y:calc(-1 * (var(--g) + var(--lh)) / 2);--list-y:calc((var(--ph) + var(--g)) / 2);--pw:min(15rem, calc((100cqb - 2 * var(--space-lg)) * .4613));--recede:.8;--ov:max(var(--space-2xl), calc(var(--cw) * var(--recede) + var(--pw) - 100cqi + 2 * var(--space-lg)));--cards-x:calc((var(--ov) - var(--pw)) / 2);--phone-x:calc((var(--cw) * var(--recede) - var(--ov)) / 2);background-image:none;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;height:100%;padding:0;container-type:size}#agent .pin[data-live] .ag-layer{width:var(--cw);max-width:none;translate:var(--x,0) var(--y,0);scale:var(--s,1);opacity:var(--o,1);grid-area:1/1;display:block}#agent .pin[data-live] .ag-layer[data-layer=phone]{z-index:1;width:var(--pw)}#agent .pin[data-live] .ag-layer[data-layer=list]{--y:calc(var(--list-y) + var(--space-xl));--s:.96;--o:0}#agent .pin[data-live] .ag-layer[data-layer=phone]{--x:var(--phone-x);--y:var(--space-xl);--s:.96;--o:0}#agent .pin[data-live]:has(>.pin-plate:nth-of-type(2)[data-on]) .ag-layer[data-layer=prompt]{--y:var(--prompt-y)}#agent .pin[data-live]:has(>.pin-plate:nth-of-type(2)[data-on]) .ag-layer[data-layer=list]{--y:var(--list-y);--s:1;--o:1}#agent .pin[data-live]:has(>.pin-plate:nth-of-type(3)[data-on]) .ag-layer:is([data-layer=prompt],[data-layer=list]){--x:var(--cards-x);--s:var(--recede);--o:.45}#agent .pin[data-live]:has(>.pin-plate:nth-of-type(3)[data-on]) .ag-layer[data-layer=prompt]{--y:calc(var(--prompt-y) * var(--recede))}#agent .pin[data-live]:has(>.pin-plate:nth-of-type(3)[data-on]) .ag-layer[data-layer=list]{--y:calc(var(--list-y) * var(--recede))}#agent .pin[data-live]:has(>.pin-plate:nth-of-type(3)[data-on]) .ag-layer[data-layer=phone]{--y:0;--s:1;--o:1}}@media (min-width:992px) and (prefers-reduced-motion:no-preference){#agent .pin[data-live] .ag-layer{transition:translate var(--motion-default) var(--d,0s), scale var(--motion-default) var(--d,0s), opacity var(--motion-enter) var(--d,0s)}#agent .pin[data-live] .ag-layer:is([data-layer=list],[data-layer=phone]){transition:translate var(--motion-default), scale var(--motion-default), opacity var(--motion-exit)}:is(#agent .pin[data-live]:has(>.pin-plate:nth-of-type(2)[data-on]) .ag-layer[data-layer=list],#agent .pin[data-live]:has(>.pin-plate:nth-of-type(3)[data-on]) .ag-layer[data-layer=phone]){--d:var(--dur-fast);transition:translate var(--motion-default) var(--d), scale var(--motion-default) var(--d), opacity var(--motion-enter) var(--d)}#agent .pin[data-live]:has(>.pin-plate:nth-of-type(3)[data-on]) .ag-layer[data-layer=list]{transition:translate var(--motion-default), scale var(--motion-default), opacity var(--motion-enter)}}
.closing-figure{width:100%;margin-bottom:var(--space-md)}.cd{--cd-cascade:var(--dur-slow);--cd-open-at:var(--dur-base);--cd-type-at:calc(2 * var(--dur-base));--cd-stagger:calc(var(--dur-fast) / 6);--cd-ink:var(--text-on-color);width:100%;max-width:calc(var(--cd-cols) * 1ch + 2 * var(--space-sm));border:var(--layout-hairline) solid color-mix(in srgb, var(--cd-ink) 14%, transparent);border-radius:var(--radius-xl);background-color:color-mix(in srgb, var(--cd-ink) 4%, var(--bg-canvas));font-family:var(--font-mono);font-size:var(--font-size-body-xs);font-variant-ligatures:none;text-align:left;margin:0 auto;overflow:hidden}.cd-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-2xs) var(--space-sm);border-bottom:var(--layout-hairline) solid color-mix(in srgb, var(--cd-ink) 10%, transparent);color:color-mix(in srgb, var(--cd-ink) 60%, transparent);line-height:var(--font-line-height-body-xs);display:flex}.cd-dots{align-items:center;gap:var(--space-2xs);display:flex}.cd-dot{width:var(--space-2xs);height:var(--space-2xs);border-radius:var(--radius-full);background-color:var(--swatch);outline:var(--layout-hairline) solid transparent;outline-offset:var(--layout-hairline);opacity:.5}.cd-dot[data-on]{outline-color:color-mix(in srgb, var(--cd-ink) 70%, transparent);opacity:1}.cd-body{padding-block:var(--space-xs);display:grid}.cd-pre{color:var(--cd-ink);font:inherit;line-height:var(--font-line-height-prose);white-space:pre-wrap;overflow-wrap:anywhere;grid-area:1/1;align-self:start;margin:0}.cd-pre[data-reserve]{visibility:hidden}.cd-pre code{font:inherit;flex-direction:column;display:flex}.cd-row{order:var(--o);grid-template-rows:1fr;display:grid}.cd-row-in{min-height:0;padding-inline:var(--space-sm);display:flex;overflow:hidden}.cd-sign{width:2ch;color:color-mix(in srgb, var(--cd-ink) 60%, transparent);-webkit-user-select:none;user-select:none;flex:none}.cd-text{min-width:0;text-indent:calc((var(--in) + 2) * -1ch);color:color-mix(in srgb, var(--cd-ink) 78%, transparent);flex:auto;padding-inline-start:calc((var(--in) + 2) * 1ch)}.cd-code{text-decoration-line:line-through;text-decoration-color:#0000}.cd-swatch{width:var(--space-xs);height:var(--space-xs);border-radius:var(--radius-xs);background-color:var(--swatch);box-shadow:inset 0 0 0 var(--layout-hairline) color-mix(in srgb, var(--cd-ink) 20%, transparent);vertical-align:middle;text-indent:0;margin-inline-start:1ch;display:inline-block}.cd-row[data-state=gone]{opacity:0;visibility:hidden;grid-template-rows:0fr}.cd-row[data-state=ctx] .cd-sign{opacity:0}.cd-row[data-state=del] .cd-text{color:color-mix(in srgb, var(--cd-ink) 50%, transparent)}.cd-row[data-state=del] .cd-code{-webkit-text-decoration-color:color-mix(in srgb, var(--cd-ink) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--cd-ink) 45%, transparent)}.cd-row[data-state=del] .cd-run[data-c]{background-color:color-mix(in srgb, var(--cd-ink) 8%, transparent)}.cd-row[data-state=add] .cd-row-in{background-color:color-mix(in srgb, var(--cd-ink) 7%, transparent)}.cd-row[data-state=add] .cd-sign,.cd-row[data-state=add] .cd-text{color:var(--cd-ink)}.cd-row[data-state=add] .cd-run[data-c]{background-color:color-mix(in srgb, var(--cd-ink) 16%, transparent)}.cd[data-motion] .cd-row{--cd-at:0s;transition:grid-template-rows var(--motion-default) var(--cd-at), opacity var(--motion-exit) var(--cd-at), visibility 0s linear var(--dur-slower)}.cd[data-motion] .cd-row[data-state=del]{--cd-at:calc(var(--s) * var(--cd-cascade))}.cd[data-motion] .cd-row[data-state=add]{--cd-at:calc(var(--cd-open-at) + var(--s) * var(--cd-cascade));transition:grid-template-rows var(--motion-default) var(--cd-at), opacity var(--motion-enter) var(--cd-at), visibility 0s}.cd[data-motion] .cd-row-in{transition:background-color var(--motion-state) var(--cd-at)}.cd[data-motion] .cd-sign{transition:opacity var(--motion-state) var(--cd-at)}.cd[data-motion] .cd-text{transition:color var(--motion-state) var(--cd-at)}.cd[data-motion] .cd-code{transition:text-decoration-color var(--motion-state) var(--cd-at)}.cd[data-motion] .cd-run{transition:background-color var(--motion-state) var(--cd-at)}.cd[data-motion] .cd-dot{transition:opacity var(--motion-state), outline-color var(--motion-state)}@keyframes cd-type{0%{opacity:0}}.cd[data-motion] .cd-row[data-state=add] .cd-ch[data-t],.cd[data-motion] .cd-row[data-state=add] .cd-swatch{animation:cd-type var(--dur-fast) var(--ease-standard) backwards;animation-delay:calc(var(--cd-type-at) + var(--s) * var(--cd-cascade) + var(--k) * var(--cd-stagger))}.cd[data-motion] .cd-row[data-state=add] .cd-swatch{animation-duration:var(--dur-base)}@media (prefers-reduced-motion:reduce){.cd *,.cd :after{transition:none!important;animation:none!important}}
.asg{--asg-rule:var(--border-subtle);--asg-step:var(--space-md);gap:var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:768px){.asg{--asg-step:var(--space-lg)}}.asg:not([data-live]){gap:var(--space-xl)}.asg-bar{gap:var(--space-sm);display:grid}.asg-tool{max-width:100%;padding:var(--space-3xs);border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--text-primary) 6%, transparent);justify-self:start;align-items:center;display:inline-flex}.asg-tool>.code-seg{background-color:#0000;padding:0}.asg-tool>.code-seg>.code-seg-pill{top:0;bottom:0}.asg-tool-rule{width:var(--layout-hairline);height:var(--space-sm);margin-inline:var(--space-3xs);background-color:color-mix(in srgb, var(--text-primary) 12%, transparent);flex:none}.asg-mode-icon{flex:none}@media (max-width:479px){.asg-tool .code-seg-item:has(>.asg-mode-icon){gap:0}.asg-mode-word{width:var(--layout-hairline);height:var(--layout-hairline);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}}.asg-caption{max-width:40rem;color:var(--text-secondary);margin:0}.asg-caption strong{font-weight:var(--font-weight-medium);color:var(--text-primary)}.asg-group{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.asg-group[hidden]{display:none}.asg-well{--asg-ink:var(--text-primary);--asg-ground:var(--bg-canvas);--asg-label:var(--text-secondary);--asg-ring:var(--image-ring);margin-inline:calc(-1 * var(--shell-inset));padding-block:var(--space-lg);border-top:var(--layout-hairline) solid var(--asg-rule);border-bottom:var(--layout-hairline) solid var(--asg-rule);background-color:var(--asg-ground);transition:background-color var(--motion-state)}.asg:not([data-live]) .asg-group:not(:last-child) .asg-well{border-bottom:var(--layout-hairline) solid var(--asg-rule)}:root[data-theme=dark] .asg-well[data-p-theme=light]{--asg-ink:var(--p-strong);--asg-ground:var(--p-bg);--asg-label:var(--p-sub);--asg-ring:color-mix(in srgb, var(--p-strong) 10%, transparent);--border-strong:color-mix(in srgb, var(--p-strong) 15%, var(--p-bg))}@media (min-width:992px){.asg-well{padding-block:var(--space-xl)}}.asg-row{gap:var(--asg-step);padding:0 var(--shell-inset);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}.asg-row::-webkit-scrollbar{display:none}@media (min-width:768px){.asg-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.asg-phone{gap:var(--space-xs);scroll-snap-align:start;justify-items:center;min-width:0;display:grid}.asg-shot{width:100%;display:grid}.asg-shot>img{border:var(--layout-hairline) solid var(--asg-ring);border-radius:13.9%/6.4%;grid-area:1/1;width:100%;height:auto;display:block}.asg-name{font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);font-weight:var(--font-weight-medium);color:var(--asg-label);transition:color var(--motion-state)}.asg-shot>img[data-theme-img=dark],:root[data-theme=dark] .asg:not([data-show]) .asg-shot>img[data-theme-img=light],.asg[data-show=dark] .asg-shot>img[data-theme-img=light],.asg[data-show=light] .asg-shot>img[data-theme-img=dark]{display:none}:root[data-theme=dark] .asg:not([data-show]) .asg-shot>img[data-theme-img=dark],.asg[data-show=dark] .asg-shot>img[data-theme-img=dark]{display:block}.asg[data-warm][data-show] .asg-shot>img[data-theme-img]{transition:opacity var(--dur-slow) var(--ease-standard), visibility 0s;display:block}.asg[data-warm][data-show=dark] .asg-shot>img[data-theme-img=light],.asg[data-warm][data-show=light] .asg-shot>img[data-theme-img=dark]{opacity:0;visibility:hidden;transition:opacity var(--dur-slow) var(--ease-standard), visibility 0s linear var(--dur-slow)}.asg[data-switched] .asg-group:not([hidden]) .asg-phone{animation:asg-rise var(--dur-slower) var(--spring-subtle) both, asg-fade var(--motion-enter) both;animation-delay:calc(var(--i) * var(--dur-fast) / 3)}@keyframes asg-rise{0%{translate:0 var(--space-xs)}}@keyframes asg-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.asg[data-switched] .asg-group:not([hidden]) .asg-phone{animation:asg-fade var(--motion-enter) both}}
.cf{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.cf-cell{gap:var(--space-2xs);min-width:0;padding:var(--space-md);flex-direction:column;display:flex}@media (max-width:767px){.cf-cell:nth-child(2n){border-left:var(--layout-hairline) solid var(--border-subtle)}.cf-cell:nth-child(n+3){border-top:var(--layout-hairline) solid var(--border-subtle)}.cf-cell:last-child:nth-child(odd){grid-column:1/-1}.cf-cell:nth-child(odd){padding-left:0}}@media (min-width:768px) and (max-width:991px){.cf{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-cell:not(:nth-child(3n+1)){border-left:var(--layout-hairline) solid var(--border-subtle)}.cf-cell:nth-child(n+4){border-top:var(--layout-hairline) solid var(--border-subtle)}.cf-cell:nth-child(5){grid-column:span 2}.cf-cell:nth-child(3n+1){padding-left:0}}@media (min-width:992px){.cf{grid-template-columns:repeat(5,minmax(0,1fr))}.cf-cell+.cf-cell{border-left:var(--layout-hairline) solid var(--border-subtle)}}@media (min-width:768px){.cf-cell{padding:var(--space-lg)}.cf-cell:first-child{padding-left:0}}.cf-figure{color:var(--text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;line-height:var(--font-line-height-h3);letter-spacing:calc(var(--font-tracking-h3) * 1em);margin:0}.cf-label{color:var(--text-secondary);font-size:var(--font-size-body-sm);line-height:var(--font-line-height-body-sm);text-wrap:pretty;margin:0}