.stg-webagent-acts{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.stg-webagent-note{margin-top:var(--space-sm);font-size:var(--text-sm);color:var(--text-muted)}#webagent-hero-h{padding-bottom:.15em}@media (max-width:47.9375rem){.stg-webagent-hero{padding-top:6rem}}.stg-webagent-hero .stg-wrap{-moz-column-gap:0;gap:0;display:grid}@media (min-width:72rem){.stg-webagent-hero .stg-wrap{-moz-column-gap:var(--space-xl);column-gap:var(--space-xl);grid-template-rows:1fr repeat(4,auto) 1fr;grid-template-columns:1fr 1fr}.stg-webagent-hero .stg-wrap>*{grid-column:1}.stg-webagent-hero .stg-wrap>#webagent-hero-h{grid-row:2}.stg-webagent-hero .stg-wrap>p[aria-describedby]{grid-row:3}.stg-webagent-hero .stg-wrap>.stg-webagent-acts{grid-row:4}.stg-webagent-hero .stg-wrap>.stg-webagent-note{grid-row:5}.stg-webagent-hero .stg-wrap>.stg-webagent-mock{grid-area:1/2/-1;place-self:center end}}.stg-webagent-hero .stg-webagent-mock{margin-top:var(--space-lg)}@media (min-width:72rem){.stg-webagent-hero .stg-webagent-mock{margin-top:0}}@keyframes stg-webagent-tilt{0%{transform:perspective(1200px)rotateX(20deg)scale(.96)}to{transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.stg-webagent-hero .stg-webagent-mock{transform-origin:50% 100%;animation:linear both stg-webagent-tilt;animation-timeline:scroll(root);animation-range:0 220px}}}.stg-webagent-steps{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.stg-webagent-steps{grid-template-columns:repeat(3,1fr)}}.stg-webagent-steps__item{gap:var(--space-sm);border:1px solid var(--rule-c);border-radius:var(--radius-card);min-width:0;padding:var(--space-md);background:var(--surface-2);align-content:start;display:grid}.stg-webagent-steps__item>*{min-width:0}.stg-webagent-steps__n{font-family:var(--font-display);color:var(--accent-on);font-weight:600;font-size:var(--text-sm)}.stg-webagent-steps__item p{color:var(--text-2);margin:0}.stg-webagent-steps__art{min-height:56px;color:var(--accent-on);align-items:center;display:flex}.stg-webagent-steps__illust{flex:none;width:100px;height:56px}.stg-webagent-steps__code{align-items:flex-start;gap:var(--space-2xs);width:100%;padding:var(--space-xs) var(--space-sm);border:1px solid var(--rule-c);border-radius:var(--radius-inner);background:var(--surface);display:flex}.stg-webagent-steps__code svg{color:var(--text-muted);flex:none}.stg-webagent-steps__codeText{min-width:0;font-size:var(--text-sm);color:var(--text-2);overflow-wrap:anywhere;flex:1}.stg-webagent-steps__langs{gap:var(--space-2xs);flex-wrap:wrap;width:100%;display:flex}.stg-webagent-steps__langChip{border-radius:var(--radius-pill);border:1px solid var(--rule-c);background:var(--surface);font-size:var(--text-sm);color:var(--text-2);padding:6px 12px}.stg-webagent-wont{border:1px solid var(--rule-c);border-radius:var(--radius-card);max-width:56rem;margin:0;padding:0;list-style:none;overflow:hidden}.stg-webagent-wont__row{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);display:flex}.stg-webagent-wont__row+.stg-webagent-wont__row{border-top:1px solid var(--rule-c)}.stg-webagent-wont__row svg{color:var(--text-muted);flex:none;margin-top:.15em}.stg-webagent-wont__row span{color:var(--text-2)}