/* Voice variant of Figma 642:94; alternate artwork from 648:159. */
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid article{min-height:354px;padding:60px 40px 36px}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid article:nth-child(2){background-image:url('../img/systems-668/second.png')}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid article:nth-child(3){background-image:url('../img/systems-668/third.png')}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-eyebrow{color:#555}
@media(max-width:1100px){html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid article{padding:40px 24px;min-height:354px}}

html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .systems-position{position:static;width:auto;height:auto;overflow:visible;clip-path:none;order:3;margin-left:auto;font-size:14px;line-height:20px;color:#667185;font-variant-numeric:tabular-nums}

/* Latest Figma 648:267: straight, inset layers instead of rotated cards. */
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid:before{inset:38px 40px -24px;transform:none;opacity:1;background:#d6e6f0;z-index:-2}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid:after{inset:22px 20px -12px;transform:none;opacity:1;background:#c4defa;z-index:-1;box-shadow:none}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid article{min-height:334px;padding:60px 40px 36px}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid h3{margin-bottom:8px}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-heading{margin-top:0}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .systems-position{margin-left:0;order:0;color:#000000a6;font-size:16px}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .systems-position strong{font-size:20px;font-weight:500;color:#000000d9}
@media(max-width:1100px){html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid article{padding:40px 24px}}

/* Previous / count / next, aligned to the heading's left edge. */
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .systems-controls{padding:0;gap:16px;align-items:center}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .systems-position{order:0;margin:0;min-width:62px;text-align:center}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .systems-controls button{flex:none}

/* Add 30px above the systems content at each breakpoint. */
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems{padding-top:130px}
@media(max-width:800px){html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems{padding-top:94px}}

/* Keep every slide in the same grid cell so localized text cannot shift the stack. */
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid{display:grid;grid-template-columns:minmax(0,1fr)}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid article{grid-area:1/1;align-self:stretch;opacity:0;visibility:hidden;pointer-events:none;z-index:0;transform:none;transition:opacity .45s ease-in-out,visibility .45s;}
html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid article.is-system-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
@media(prefers-reduced-motion:reduce){html body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"]) #systems .p9-card-grid article{transition:none}}