/* t3949/t3952 — no white/light rectangle behind 3D illustrations.
   White-bg assets were swapped to feathered-alpha copies (originals untouched).
   Do not multiply already-alpha art that contains white/glass subjects. */

/* Home workflow art (gears + envelope) */
html:root body#ag-unified-site #main .hm-value-art,
html:root body#ag-unified-site #main .hm-value-art img {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
html:root body#ag-unified-site #main .hm-value-art img {
  mix-blend-mode: normal !important;
}

/* Product-detail concept heroes after alpha swap */
html:root body#ag-unified-site #main .b1art img.illus,
html:root body#ag-unified-site #main .lrlart img.illus {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  mix-blend-mode: normal !important;
}

/* DFY / Help / About sharp: alpha copies, 4:3 box so contain never letterboxes */
html:root body#ag-unified-site #main#main#main .ag-gap-dfy,
html:root body#ag-unified-site #main#main#main .ag-gap-help,
html:root body#ag-unified-site #main#main#main .ag-gap-about,
html:root body#ag-unified-site #main#main#main .abart:has(.ag-hero-sharp-t3940),
html:root body#ag-unified-site #main#main#main .abart:has(.ag-hero-sharp-t3940) .ag-gap-about,
html:root body#ag-unified-site #main#main#main .b1art:has(.ag-gap-dfy),
html:root body#ag-unified-site #main#main#main .approved-help:has(.ag-gap-help),
html:root body#ag-unified-site #main#main#main .ag-gap-dfy img,
html:root body#ag-unified-site #main#main#main .ag-gap-help img,
html:root body#ag-unified-site #main#main#main .ag-gap-about img,
html:root body#ag-unified-site #main#main#main .abart:has(.ag-hero-sharp-t3940) .ag-gap-about img {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  overflow: visible !important;
}
html:root body#ag-unified-site #main#main#main .ag-gap-dfy img,
html:root body#ag-unified-site #main#main#main .ag-gap-help img,
html:root body#ag-unified-site #main#main#main .ag-gap-about img,
html:root body#ag-unified-site #main#main#main .abart:has(.ag-hero-sharp-t3940) .ag-gap-about img {
  mix-blend-mode: normal !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
  object-fit: contain !important;
  object-position: center !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3;
}
html:root body#ag-unified-site #main#main#main .ag-gap-dfy,
html:root body#ag-unified-site #main#main#main .ag-gap-about,
html:root body#ag-unified-site #main#main#main .abart:has(.ag-hero-sharp-t3940) .ag-gap-about {
  width: auto !important;
  max-width: 740px !important;
  height: auto !important;
  max-height: 470px !important;
  aspect-ratio: 4 / 3;
}
html:root body#ag-unified-site #main#main#main .ag-gap-dfy img,
html:root body#ag-unified-site #main#main#main .ag-gap-about img,
html:root body#ag-unified-site #main#main#main .abart:has(.ag-hero-sharp-t3940) .ag-gap-about img {
  max-width: 740px !important;
  max-height: 470px !important;
  height: 470px !important;
  width: auto !important;
}
html:root body#ag-unified-site #main#main#main .ag-gap-help,
html:root body#ag-unified-site #main#main#main .ag-gap-help img {
  max-width: 700px !important;
  max-height: none !important;
  height: auto !important;
  width: 100% !important;
  aspect-ratio: 4 / 3;
}
@media (max-width: 900px) {
  html:root body#ag-unified-site #main#main#main .ag-gap-dfy,
  html:root body#ag-unified-site #main#main#main .ag-gap-about,
  html:root body#ag-unified-site #main#main#main .ag-gap-dfy img,
  html:root body#ag-unified-site #main#main#main .ag-gap-about img,
  html:root body#ag-unified-site #main#main#main .abart:has(.ag-hero-sharp-t3940) .ag-gap-about img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
  }
}

/* HQ / orbit already have alpha; keep the stage boxless */
html:root body#ag-unified-site #main .ag-gap-stage,
html:root body#ag-unified-site #main .ag-gap-stage img,
html:root body#ag-unified-site #main .ag-new-hero img {
  background: transparent !important;
  box-shadow: none !important;
}

/* Pricing 3D hero — 520–620px desktop, full width mobile, no crop, no box, float */
html:root body#ag-unified-site #main .b1art .ag-pricing-hero-t3949,
html:root body#ag-unified-site #main .b1art.ag-pricing-hero-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  overflow: visible !important;
  width: 100%;
}
html:root body#ag-unified-site #main .ag-pricing-hero-t3949 {
  width: 100%;
  max-width: 100%;
  animation: agPricingHeroFloat 5.4s ease-in-out infinite;
}
html:root body#ag-unified-site #main .ag-pricing-hero-t3949 img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 620px !important;
  min-height: 520px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  mix-blend-mode: normal !important;
}
@media (max-width: 900px) {
  html:root body#ag-unified-site #main .ag-pricing-hero-t3949 img {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
  }
}
@keyframes agPricingHeroFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}
@media (prefers-reduced-motion: reduce) {
  html:root body#ag-unified-site #main .ag-pricing-hero-t3949 {
    animation: none !important;
    transform: none !important;
  }
}