.agx{--agx-line:var(--color-rule);--agx-red:var(--color-accent);--agx-ink:var(--color-ink)}.agx-head{max-width:46rem}.agx-eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-link);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.72rem;display:inline-flex}.agx-eyebrow span{background:var(--agx-red);border-radius:99px;width:.5rem;height:.5rem;animation:1.8s infinite agx-pulse}.agx-stage{border:1px solid var(--agx-line);background:radial-gradient(circle,#fff 0,#fbfcfd 55%,#f5f7f9 100%);border-radius:22px;grid-template-columns:1fr minmax(10rem,.75fr) 1fr;grid-template-areas:"mail hub erp""tax hub pim";align-content:center;gap:2.4rem 1.5rem;min-height:30.5rem;margin-top:2rem;padding:2.2rem;display:grid;position:relative;overflow:hidden}.agx-stage:after{content:"";z-index:5;opacity:0;pointer-events:none;background:#f4f6f8b8;transition:opacity .35s;position:absolute;inset:0}.agx-stage.is-window:after{opacity:1}.agx-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.agx-lines line{stroke:#cad3dd;stroke-width:1.5px;stroke-dasharray:3 6}.agx-lines line.is-live{stroke:var(--agx-red);stroke-width:2.4px;stroke-dasharray:6 6;animation:.6s linear infinite agx-dash}.agx-card{z-index:1;border:1px solid var(--agx-line);background:#fff;border-radius:16px;align-self:center;min-width:0;padding:.9rem 1rem .8rem;transition:border-color .3s,box-shadow .3s,transform .3s;position:relative;box-shadow:0 18px 40px -32px #0c1b2a80}.agx-card--mail{grid-area:mail}.agx-card--erp{grid-area:erp}.agx-card--pim{grid-area:pim}.agx-card--tax{grid-area:tax}.agx-card.is-active{border-color:var(--agx-red);box-shadow:0 0 0 4px var(--color-accent-tint), 0 22px 44px -30px #d1203a80;transform:translateY(-2px)}.agx-card__head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.agx-card__head b{color:var(--agx-ink);font-size:1rem}.agx-card.is-done .agx-card__head b:after{content:"";border-left:2px solid var(--agx-red);border-bottom:2px solid var(--agx-red);width:.55rem;height:.3rem;margin-left:.5rem;display:inline-block;transform:rotate(-45deg)translateY(-3px)}.agx-tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;background:#eef1f4;border-radius:6px;padding:.15rem .45rem;font-size:.62rem}.agx-tag--api{color:var(--agx-ink);background:#e6ecf2}.agx-tag--ui{background:var(--color-accent-tint);color:var(--color-link)}.agx-card__body{gap:.35rem;display:grid}.agx-row{color:var(--color-ink-soft);background:#f7f9fb;border-radius:8px;justify-content:space-between;gap:.75rem;padding:.4rem .55rem;font-size:.82rem;display:flex}.agx-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.agx-row i{font-style:normal;font-family:var(--font-mono);color:var(--color-muted);white-space:nowrap;font-size:.76rem}.agx-row em{font-style:normal;font-family:var(--font-mono);color:#fff;background:var(--agx-red);border-radius:3px;margin-left:.25rem;padding:.05rem .25rem;font-size:.6rem;font-weight:700}.agx-row s{color:var(--color-muted);margin-right:.3rem}.agx-row--old{color:var(--color-muted);background:#f9fafb}.agx-row--old i{color:var(--color-muted)}.agx-row--new{animation:.45s both agx-row}.agx-row.is-hot{background:var(--color-accent-tint);color:var(--agx-ink)}.agx-row.is-hot i{color:var(--agx-ink);font-weight:600}.agx-hub{z-index:2;flex-direction:column;grid-area:hub;justify-content:center;align-items:center;gap:.35rem;display:flex;position:relative}.agx-hub__core{z-index:1;background:var(--agx-ink);border-radius:99px;place-items:center;width:5.2rem;height:5.2rem;transition:background .3s,transform .3s;display:grid;position:relative;box-shadow:0 18px 40px -16px #0c1b2a99}.agx-hub__core svg{fill:none;stroke:#fff;stroke-width:1.6px;stroke-linecap:round;width:2.2rem;height:2.2rem}.agx-hub.is-busy .agx-hub__core{background:var(--agx-red);transform:scale(1.05)}.agx-hub__ring{z-index:0;border:2px solid var(--agx-red);opacity:0;border-radius:99px;width:5.2rem;height:5.2rem;margin:-3.4rem 0 0 -2.6rem;position:absolute;top:50%;left:50%}.agx-hub.is-busy .agx-hub__ring{animation:1.4s ease-out infinite agx-ring}.agx-hub__label{color:var(--agx-ink);font-size:.95rem;font-weight:700}.agx-hub__status{min-height:1.1em;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-link);font-size:.72rem}.agx-chips{z-index:3;width:0;height:0;position:absolute;top:50%;left:50%}.agx-chip{border:1px solid var(--agx-red);color:var(--agx-ink);font-family:var(--font-mono);white-space:nowrap;background:#fff;border-radius:99px;padding:.3rem .6rem;font-size:.72rem;font-weight:600;animation:.5s cubic-bezier(.3,1.4,.5,1) both agx-chip;position:absolute;top:0;left:0;box-shadow:0 10px 24px -14px #d1203a99}.agx-chip--0{translate:-50% -8.2rem}.agx-chip--1{translate:-50% 5.4rem}.agx-chip--2{translate:-50% 7.4rem}.agx-packet{z-index:4;background:var(--agx-red);opacity:0;border-radius:99px;width:16px;height:16px;transition:opacity .15s;position:absolute;top:-8px;left:-8px;box-shadow:0 0 0 6px #d1203a2e}.agx-packet.is-on{opacity:1}.agx-window{z-index:6;opacity:0;visibility:hidden;border:1px solid var(--agx-line);background:#fff;border-radius:16px;width:min(34rem,100% - 2rem);transition:opacity .35s,transform .35s,visibility .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)scale(.92);box-shadow:0 40px 90px -40px #0c1b2a99}.agx-window.is-open{opacity:1;visibility:visible;transform:translate(-50%,-50%)scale(1)}.agx-window__chrome{border-bottom:1px solid var(--agx-line);background:#f6f8fa;border-radius:16px 16px 0 0;align-items:center;gap:.7rem;height:38px;padding:0 .8rem;display:flex}.agx-dots{gap:5px;display:flex}.agx-dots i{background:#dfe4ea;border-radius:99px;width:9px;height:9px}.agx-window__url{border:1px solid var(--agx-line);min-width:0;height:24px;font-family:var(--font-mono);color:var(--color-ink-soft);white-space:nowrap;background:#fff;border-radius:99px;flex:1;align-items:center;padding:0 .6rem;font-size:.7rem;display:flex;overflow:hidden}.agx-window__body{padding:1rem 1.1rem 1.1rem;position:relative}.agx-portal__title{color:var(--agx-ink);margin-bottom:.7rem;font-size:1rem;font-weight:700}.agx-drop{color:var(--color-muted);border:1.5px dashed #c2ccd6;border-radius:10px;align-items:center;gap:.6rem;padding:.7rem .8rem;font-size:.85rem;transition:border-color .2s,background .2s;display:flex}.agx-drop svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.agx-drop.is-filled{border-style:solid;border-color:var(--agx-ink);color:var(--agx-ink);background:#f6f8fa;font-weight:600}.agx-fields{grid-template-columns:1fr 1fr;gap:.6rem .8rem;margin-top:.8rem;display:grid}.agx-fields label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);font-size:.66rem}.agx-input{border:1px solid var(--agx-line);text-transform:none;letter-spacing:0;min-height:2.1rem;color:var(--agx-ink);background:#fff;border-radius:8px;margin-top:.2rem;padding:.45rem .6rem;font-size:.86rem;display:block}.agx-select{background-image:linear-gradient(45deg,#0000 50%,#8796a6 50%),linear-gradient(135deg,#8796a6 50%,#0000 50%);background-position:calc(100% - 14px) 52%,calc(100% - 9px) 52%;background-repeat:no-repeat;background-size:5px 5px}.agx-input.is-typing{border-color:var(--agx-red)}.agx-input.is-typing:after{content:"";background:var(--agx-red);vertical-align:-2px;width:1.5px;height:1em;margin-left:1px;animation:.9s step-end infinite agx-caret;display:inline-block}.agx-btn{background:var(--color-accent-strong);color:#fff;border-radius:10px;margin-top:.9rem;padding:.6rem 1rem;font-size:.86rem;font-weight:650;transition:transform .12s,background .2s;display:inline-flex}.agx-btn.is-sent{background:var(--agx-red)}.agx .is-pressed{transform:scale(.97)}.agx-approve{border:1px solid var(--agx-red);background:#fffafb;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:.3rem .8rem;margin-top:.9rem;padding:.7rem .8rem;animation:.35s both agx-row;display:grid}.agx-approve span{color:var(--agx-ink);font-size:.88rem;font-weight:650}.agx-approve button{background:var(--color-accent-strong);color:#fff;cursor:pointer;border-radius:10px;padding:.5rem .95rem;font-size:.86rem;font-weight:650;animation:1.6s infinite agx-ringbtn}.agx-approve button:disabled{opacity:.6;cursor:default;animation:none}.agx-approve small{color:var(--color-muted);grid-column:1/-1;font-size:.72rem}.agx-approve.is-ok{border-color:var(--agx-ink);background:#f6f8fa}.agx-cursor{z-index:8;pointer-events:none;align-items:flex-start;gap:2px;transition:transform .7s cubic-bezier(.45,.05,.25,1);display:flex;position:absolute;top:0;left:0;transform:translate(26rem,14rem)}.agx-cursor svg{width:22px;height:24px;fill:var(--agx-ink);stroke:#fff;stroke-width:1.4px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #0c1b2a4d);transition:transform .12s}.agx-cursor span{background:var(--agx-red);color:#fff;border-radius:6px;margin-top:16px;padding:.12rem .45rem;font-size:.68rem;font-weight:700}.agx-cursor.is-clicking svg{transform:scale(.8)}.agx-cursor.is-clicking:before{content:"";border:2px solid var(--agx-red);border-radius:99px;width:22px;height:22px;animation:.45s ease-out agx-ripple;position:absolute;top:-10px;left:-10px}.agx-now{background:var(--agx-ink);color:#fff;border-radius:16px;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.2rem;display:flex}.agx-now__num{background:var(--agx-red);width:2.2rem;height:2.2rem;font-family:var(--font-mono);border-radius:99px;flex:none;place-items:center;font-size:.95rem;font-weight:700;display:grid}.agx-now__text{flex:1;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:600;line-height:1.4}.agx-now__text.is-in{animation:.4s both agx-row}.agx-now__ctl{gap:.4rem;display:flex}.agx-ctl{color:#fff;cursor:pointer;border:1px solid #ffffff4d;border-radius:99px;place-items:center;width:2.2rem;height:2.2rem;display:grid}.agx-ctl:hover{border-color:#fff}.agx-ctl svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.agx-ctl .agx-ico-play{fill:currentColor;stroke:none;display:none}.agx.is-paused .agx-ctl .agx-ico-play{display:block}.agx.is-paused .agx-ctl .agx-ico-pause{display:none}.agx-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.1rem;display:flex}.agx-caption{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);max-width:40rem;font-size:.7rem}.agx-cta{background:var(--color-accent-strong);color:#fff;border-radius:14px;align-items:center;gap:.5rem;padding:.75rem 1.15rem;font-size:.95rem;font-weight:650;display:inline-flex}.agx-cta:hover{background:var(--color-accent-strong-hover)}.agx-cta svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}@keyframes agx-pulse{0%{box-shadow:0 0 #d1203a73}70%{box-shadow:0 0 0 7px #d1203a00}to{box-shadow:0 0 #d1203a00}}@keyframes agx-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes agx-ringbtn{0%{box-shadow:0 0 #d1203a80}70%{box-shadow:0 0 0 9px #d1203a00}to{box-shadow:0 0 #d1203a00}}@keyframes agx-dash{to{stroke-dashoffset:-12px}}@keyframes agx-row{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes agx-chip{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@keyframes agx-caret{50%{opacity:0}}@keyframes agx-ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@media (width<=760px){.agx-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"mail erp""hub hub""tax pim";gap:1rem .75rem;min-height:36rem;padding:1rem}.agx-card{padding:.7rem .75rem .65rem}.agx-card__head{flex-wrap:wrap;gap:.25rem;margin-bottom:.45rem}.agx-card__head b{font-size:.9rem}.agx-row{flex-direction:column;gap:0;padding:.3rem .4rem;font-size:.72rem}.agx-row--old+.agx-row--old{display:none}.agx-hub{padding:.4rem 0}.agx-hub__core{width:4rem;height:4rem}.agx-hub__ring{width:4rem;height:4rem;margin:-2.85rem 0 0 -2rem}.agx-chip--0{translate:-125% -1.4rem}.agx-chip--1{translate:25% -1.4rem}.agx-chip--2{translate:-50% 3.6rem}.agx-window{width:calc(100% - 1rem)}.agx-fields{grid-template-columns:minmax(0,1fr);gap:.4rem}.agx-fields label:nth-child(n+3){display:none}.agx-now{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.agx *,.agx :before,.agx :after{transition:none!important;animation:none!important}}
