.opx-ag-split{background-color:#fff;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:8px;width:100%;display:grid}.opx-ag-copy{flex-direction:column;align-self:center;align-items:flex-start;gap:40px;min-width:0;padding:48px 24px 48px 40px;display:flex}.opx-ag-text{flex-direction:column;align-items:flex-start;gap:24px;width:100%;max-width:540px;display:flex}.opx-ag-stage{background:#f6f8f9;border-radius:6px;place-items:center;min-width:0;min-height:640px;padding:40px 32px;display:grid;position:relative;overflow:hidden}.opx-ag-stage:before{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect x='10' y='10' width='3' height='3' fill='%23DCE3E8'/%3E%3C/svg%3E");position:absolute;inset:0;-webkit-mask-image:radial-gradient(62% 58% at 50% 52%,#000 0%,#0000 100%);mask-image:radial-gradient(62% 58% at 50% 52%,#000 0%,#0000 100%)}.opx-ag-scene{--card-w:336px;--box-w:256px;--gap:40px;--mid:80px;--turn:232px;--base:#c9d0d6;--ink:#181a1b;z-index:1;grid-template-columns:100%;grid-template-rows:auto var(--gap) auto;width:100%;max-width:600px;display:grid;position:relative}.opx-ag-card{z-index:2;width:var(--card-w);max-width:100%;color:var(--ink);text-align:left;background:#fff;border:1px solid #e4ebf0;border-radius:14px;grid-area:1/1;justify-self:end;font-family:Inter,Inter Placeholder,sans-serif;position:relative;overflow:hidden;box-shadow:0 1px 2px #181a1b0a,0 18px 40px -12px #181a1b24}.opx-ag-machine{z-index:1;width:var(--box-w);grid-area:3/1;justify-self:start;position:relative}.opx-ag-machine svg{display:block;overflow:visible}.opx-ag-chips{justify-content:center;gap:6px;margin-top:14px;display:flex}.opx-ag-chip{height:26px;color:var(--ink);white-space:nowrap;background:#fff;border:1px solid #e4ebf0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font:500 12px/16px Inter,Inter Placeholder,sans-serif;display:inline-flex}.opx-ag-chip i{background:var(--ink);width:6px;height:6px;display:block}.opx-ag-chip.opx-ag-off i{background:#fff;box-shadow:inset 0 0 0 1.5px #64696f}.opx-ag-wire{pointer-events:none;grid-area:2/1/4;position:relative}.opx-ag-wire-v,.opx-ag-wire-h{position:absolute}.opx-ag-wire-v{right:var(--turn);width:4px;height:calc(var(--gap) + var(--mid));top:4px}.opx-ag-wire-h{left:calc(var(--box-w) + 8px);right:calc(var(--turn) + 8px);top:calc(var(--gap) + var(--mid));height:4px}.opx-ag-wire-v:before,.opx-ag-wire-v:after,.opx-ag-wire-h:before,.opx-ag-wire-h:after{content:"";position:absolute;inset:0}.opx-ag-wire-v:before,.opx-ag-wire-v:after{background:linear-gradient(to bottom, var(--c) 4px, transparent 4px) left top / 4px 8px repeat-y}.opx-ag-wire-h:before,.opx-ag-wire-h:after{background:linear-gradient(to left, var(--c) 4px, transparent 4px) right top / 8px 4px repeat-x}.opx-ag-wire-v:before,.opx-ag-wire-h:before{--c:var(--base)}.opx-ag-wire-v:after,.opx-ag-wire-h:after{--c:var(--ink);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.opx-ag-wire-h:after{animation:2.4s linear infinite opx-ag-pulse-right;-webkit-mask-image:linear-gradient(90deg,#0000,#000 35% 65%,#0000);mask-image:linear-gradient(90deg,#0000,#000 35% 65%,#0000);-webkit-mask-position:-48px 0;mask-position:-48px 0;-webkit-mask-size:48px 100%;mask-size:48px 100%}.opx-ag-wire-v:after{animation:2.4s linear infinite opx-ag-pulse-up;-webkit-mask-image:linear-gradient(#0000,#000 35% 65%,#0000);mask-image:linear-gradient(#0000,#000 35% 65%,#0000);-webkit-mask-position:0 calc(100% + 48px);mask-position:0 calc(100% + 48px);-webkit-mask-size:100% 48px;mask-size:100% 48px}@keyframes opx-ag-pulse-right{0%{-webkit-mask-position:-48px 0;mask-position:-48px 0}38%,to{-webkit-mask-position:calc(100% + 48px) 0;mask-position:calc(100% + 48px) 0}}@keyframes opx-ag-pulse-up{0%,30%{-webkit-mask-position:0 calc(100% + 48px);mask-position:0 calc(100% + 48px)}80%,to{-webkit-mask-position:0 -48px;mask-position:0 -48px}}@keyframes opx-ag-pulse-down{0%{-webkit-mask-position:0 -48px;mask-position:0 -48px}60%,to{-webkit-mask-position:0 calc(100% + 48px);mask-position:0 calc(100% + 48px)}}.opx-ag-blk{animation:3s linear infinite opx-ag-shimmer}.opx-ag-led{animation:1.6s linear infinite opx-ag-shimmer}@keyframes opx-ag-shimmer{0%,45%,55%,to{opacity:1}50%{opacity:.2}}.opx-ag-head{border-bottom:1px solid #e4ebf0;align-items:center;gap:8px;padding:12px 14px;display:flex}.opx-ag-av{background:var(--ink);border-radius:6px;flex:none;place-items:center;width:26px;height:26px;display:grid}.opx-ag-av svg{display:block}.opx-ag-title{letter-spacing:-.13px;font-size:13px;font-weight:500;line-height:18px}.opx-ag-tag{color:#64696f;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.opx-ag-tag i{background:var(--ink);width:6px;height:6px;display:block}.opx-ag-body{flex-direction:column;gap:12px;padding:16px 14px;display:flex}.opx-ag-q{background:#f6f8f9;border:1px solid #e4ebf0;border-radius:14px 14px 4px;align-self:flex-end;max-width:86%;padding:9px 13px;font-size:14px;line-height:20px}.opx-ag-a{max-width:96%;position:relative}.opx-ag-a-text{margin:0;font-size:14px;line-height:21px}.opx-ag-src{color:#64696f;white-space:nowrap;background:#f6f8f9;border-radius:6px;align-items:center;gap:6px;max-width:100%;height:24px;margin-top:10px;padding:0 8px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.opx-ag-src svg{flex:none;display:block}.opx-ag-ask{gap:6px;margin-top:10px;display:flex}.opx-ag-yes,.opx-ag-no{white-space:nowrap;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:12px;font-weight:500;line-height:16px;display:inline-flex}.opx-ag-yes{background:var(--ink);color:#fff}.opx-ag-no{color:var(--ink);border:1px solid #e4ebf0}.opx-ag-thinking{gap:4px;display:flex;position:absolute;top:7px;left:0}.opx-ag-thinking i{background:var(--ink);width:6px;height:6px;animation:.9s linear infinite opx-ag-shimmer;display:block}.opx-ag-thinking i:nth-child(2){animation-delay:-.6s}.opx-ag-thinking i:nth-child(3){animation-delay:-.3s}.opx-ag-status{background:#fbfcfc;border-top:1px solid #e4ebf0;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:500;line-height:16px;display:flex}.opx-ag-status svg{flex:none;display:block}.opx-ag-q{animation:12s linear infinite opx-ag-q-in}.opx-ag-thinking{animation:12s linear infinite opx-ag-think}.opx-ag-a-text{animation:12s linear infinite opx-ag-a-in}.opx-ag-src{animation:12s linear infinite opx-ag-src-in}.opx-ag-ask{animation:12s linear infinite opx-ag-ask-in}.opx-ag-status{animation:12s linear infinite opx-ag-st-in}@keyframes opx-ag-q-in{0%{opacity:0;transform:translateY(6px)}3%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes opx-ag-think{0%,4%{opacity:0}5%,11%{opacity:1}12%,to{opacity:0}}@keyframes opx-ag-a-in{0%,11%{opacity:0;transform:translateY(4px)}14%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes opx-ag-src-in{0%,14%{opacity:0}16%,96%{opacity:1}to{opacity:0}}@keyframes opx-ag-ask-in{0%,16%{opacity:0}18%,96%{opacity:1}to{opacity:0}}@keyframes opx-ag-st-in{0%,17%{opacity:0}19%,96%{opacity:1}to{opacity:0}}@media (min-width:1600px){.opx-ag-copy{padding:64px 40px 64px 72px}.opx-ag-text{max-width:640px}.opx-ag-stage{min-height:720px}.opx-ag-scene{--card-w:360px;--turn:248px;max-width:680px}}@media (min-width:810px) and (max-width:1199.98px){.opx-ag-split{grid-template-columns:minmax(0,1fr)}.opx-ag-copy{padding:56px 40px 48px}.opx-ag-stage{min-height:0;padding:48px 32px 40px}.opx-ag-scene{max-width:640px}}@media (max-width:809.98px){.opx-ag-split{grid-template-columns:minmax(0,1fr)}.opx-ag-copy{gap:32px;padding:40px 16px 32px}.opx-ag-text{gap:16px}.opx-ag-stage{min-height:0;padding:32px 12px 12px}.opx-ag-scene{--gap:48px;grid-template-rows:auto var(--gap) auto}.opx-ag-machine{grid-row:1;justify-self:center}.opx-ag-wire{grid-row:2}.opx-ag-card{grid-row:3;justify-self:center;width:100%;max-width:420px}.opx-ag-wire-h{display:none}.opx-ag-wire-v{height:32px;top:8px;left:calc(50% - 2px);right:auto}.opx-ag-wire-v:after{animation-name:opx-ag-pulse-down;-webkit-mask-position:0 -48px;mask-position:0 -48px}}@media (prefers-reduced-motion:reduce){.opx-ag-blk,.opx-ag-led,.opx-ag-thinking i,.opx-ag-q,.opx-ag-a-text,.opx-ag-src,.opx-ag-ask,.opx-ag-status{animation:none}.opx-ag-thinking,.opx-ag-wire-v:after,.opx-ag-wire-h:after{display:none}.opx-ag-wire-v:before,.opx-ag-wire-h:before{--c:#9aa1a7}}
