/* One decorative, responsive bot replaces the Agents hero's arrow. */
.platform-opening::after{content:none}
.platform-opening .frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);column-gap:65px;align-items:start}
.platform-opening .kicker{grid-column:1;grid-row:1}
.platform-opening h1{grid-column:1;grid-row:2}
.platform-opening .intro-text{grid-column:1;grid-row:3}
.agent-bot{grid-column:2;grid-row:1/4;align-self:center;justify-self:end;position:relative;width:min(100%,360px);aspect-ratio:360/340}
.agent-bot>svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.bot-motion{display:flex;align-items:center;gap:7px;position:absolute;right:8px;bottom:0;padding:7px 9px;border:1px solid #82d3f633;border-radius:7px;color:#c2e5f4;font-size:10px;line-height:1.4;transition:background-color .2s,border-color .2s}
.bot-motion:hover{background:#0098da15;border-color:#82d3f680}
.bot-motion svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.editorial .bot-motion:focus-visible{outline:2px solid #82d3f6;outline-offset:4px}
@media(max-width:1100px){.platform-opening .frame{column-gap:35px;grid-template-columns:minmax(0,1fr) 270px}}
@media(max-width:850px){.platform-opening .frame{column-gap:25px;grid-template-columns:minmax(0,1fr) 220px}.bot-motion{font-size:9px;right:0}}
@media(max-width:600px){.platform-opening .frame{grid-template-columns:minmax(0,1fr)}.agent-bot{grid-column:1;grid-row:4;justify-self:center;width:210px;margin-top:18px}.bot-motion{right:-16px;bottom:0}.platform-opening .intro-text{max-width:360px}}
@media(prefers-reduced-motion:reduce){.bot-motion{transition:none!important}}