/* One visible instruction; key identity lives on the key and the demo is secondary. */
.hero .invocation{gap:26px}
.hero .invocation-copy{display:flex;align-items:center;gap:20px}
.hero .invocation-copy strong{font-size:19px;line-height:1.3;font-weight:500;min-width:148px}
.hero .demo-play{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid currentColor;border-radius:50%;opacity:.85;transition:background .18s,opacity .18s}
.hero .demo-play:hover{opacity:1;background:#ffffff0e}
.hero .demo-play svg{display:block}
@media(max-width:580px){.hero .invocation{gap:22px}.hero .invocation-copy{gap:10px}.hero .invocation-copy strong{font-size:18px;min-width:0;width:137px}.hero .demo-play{flex-basis:44px}}