body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness){position:relative;isolation:isolate;padding:100px 0;background:#fafafa;overflow:hidden}
:is(#systems,#readiness):before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#00000005 1px,transparent 1px),linear-gradient(90deg,#00000005 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000,transparent 75%);animation:systems-grid 20s linear infinite}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness)>.container{max-width:1300px;width:calc(100% - 64px);padding:0;margin:auto}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-heading{display:block;text-align:center;margin:0 auto 56px;max-width:850px}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .product-section-icon{display:none}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-eyebrow{display:inline-block;padding:7px 14px;border:1px solid #e6e7e9;border-radius:30px;background:white;font-size:12px;font-weight:400;color:#555;letter-spacing:.06em;margin-bottom:20px}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) h2{font-size:48px;line-height:1.2;letter-spacing:-2px;font-weight:400;margin:0 0 20px;color:#222}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-intro{max-width:760px;margin:auto;font-size:15px;line-height:1.8;color:#667185}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-card-grid{display:block;max-width:1040px;margin:auto}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-card-grid article{position:relative;display:grid;grid-template-columns:360px 1fr;grid-template-rows:1fr auto auto 1fr;column-gap:72px;padding:0;border:0;background:transparent;min-height:320px}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-card-grid article[hidden]{display:none}
:is(#systems,#readiness) .systems-visual{grid-column:1;grid-row:1/5;display:grid;place-items:center;min-height:320px;border:1px solid #e6e7e9;border-radius:28px;background:linear-gradient(145deg,#fff,#eaedf2);box-shadow:0 16px 40px #18243b0a;overflow:hidden}
:is(#systems,#readiness) .systems-symbol{display:grid;place-items:center;width:200px;height:200px;border:1px solid #fff;border-radius:36px;background:#ffffffb3;box-shadow:0 18px 45px #24355512;transform:rotate(-6deg);color:#00000073}
:is(#systems,#readiness) .systems-symbol svg{width:140px;height:140px}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-card-grid h3{grid-column:2;grid-row:2;font-size:30px;font-weight:500;line-height:1.3;letter-spacing:-.7px;margin:0 0 22px}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-card-grid article>p{grid-column:2;grid-row:3;font-size:20px;line-height:1.7;color:#667185;margin:0}
:is(#systems,#readiness) .systems-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin:32px 0}
:is(#systems,#readiness) .systems-controls button{width:42px;height:42px;border:1px solid #e1e3e6;background:white;border-radius:50%;font-size:22px;cursor:pointer;transition:background .2s,transform .2s}
:is(#systems,#readiness) .systems-controls button:hover{background:#e9edf4;transform:translateY(-2px)}
:is(#systems,#readiness) .systems-position{font-size:13px;color:#737982;font-variant-numeric:tabular-nums}
body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-note{display:none}
@keyframes systems-grid{to{background-position:56px 56px}}
@media(max-width:800px){body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness){padding:64px 0}body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) h2{font-size:34px;letter-spacing:-1px}body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-card-grid article{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:24px}:is(#systems,#readiness) .systems-visual{grid-column:1;grid-row:1;min-height:260px}body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-card-grid h3{grid-column:1;grid-row:2;margin:0;font-size:26px}body:is([data-page="ai-voice-agent"],[data-page="ai-chat-agent"],[data-page="aicc"],[data-page="botlab"]) :is(#systems,#readiness) .p9-card-grid article>p{grid-column:1;grid-row:3;font-size:17px}}
@media(prefers-reduced-motion:reduce){:is(#systems,#readiness):before{animation:none}}
