/* Keep the approved 50% grey body; let its edges dissolve into the page. */
body.home1.laptop-preview .product-story .product-art::before{
 filter:blur(48px);border-radius:64px;
}
@media(max-width:700px){
 /* Only the glass overlays on photographs, not native chat or product diagrams. */
 body main :is(.customer-moment-tiles,.ac-hero-tiles,.implementation5-hero-tiles,
  .sc2-hero-tiles,.price2-photo-tiles,.cp-hero-tiles,.docs-photo-tiles,.platform6-hero-tiles){display:none!important}
 /* Loaded in the shared head; these overrides also win over later page CSS. */
 body main :is(.customer-moment-visual,.ac-hero-art,.implementation5-hero-art,
  .sc2-hero-art,.price2-hero-photo,.cp-hero-photo,.docs-hub-photo,.platform6-hero-art){
  position:relative!important;left:50%!important;transform:translateX(-50%)!important;
  width:100vw!important;max-width:none!important;margin-inline:0!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:hidden!important;
 }
 body main :is(.customer-moment-visual,.ac-hero-art,.implementation5-hero-art,
  .sc2-hero-art,.price2-hero-photo,.cp-hero-photo,.docs-hub-photo,.platform6-hero-art)>img{
  display:block;width:100%!important;height:auto!important;max-width:none!important;
  max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;
  object-fit:contain!important;
 }
}
@media(max-width:650px){
 body.home1.laptop-preview .product-story .product-art::before{filter:blur(28px);border-radius:40px}
}