/* Shared abstract CDN background and blue overlay for products and OPTIX subpages. */
:is(#botx,#insightone,#optix,#vantagex,#cora,#optix-cloud,#optix-aws,#optix-azure,#optix-google-cloud,#optix-ai,#optix-data,#optix-enterprise-it,#optix-kubernetes,#optix-saas).product-page-hero{--hero-image:url("https://d1u3y1ckb7nf7.cloudfront.net/root/vantagex-abstract-waves-v1.png");background:#061426}
:is(#botx,#insightone,#optix,#vantagex,#cora,#optix-cloud,#optix-aws,#optix-azure,#optix-google-cloud,#optix-ai,#optix-data,#optix-enterprise-it,#optix-kubernetes,#optix-saas).product-page-hero.hero-image:before{opacity:1;background-image:linear-gradient(90deg,#081f42bd 0%,#081f42a6 52%,#081f4294 100%),var(--hero-image);background-position:center;background-size:cover}

:is(#botx,#insightone,#optix,#vantagex).product-page-hero{min-height:80vh;min-height:80svh;box-sizing:border-box}
:is(#botx,#insightone,#optix,#vantagex).product-page-hero .page-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,4vw,64px)}
:is(#botx,#insightone,#optix,#vantagex) .page-hero-grid>div:first-child{min-width:0}
:is(#botx,#insightone,#optix,#vantagex) .page-hero-grid h2{margin-bottom:22px;color:#d5e3f7}
:is(#botx,#insightone,#optix,#vantagex) .product-hero-visual{width:100%;max-width:600px;min-width:0;margin:0;justify-self:end;align-self:center}
:is(#botx,#insightone,#optix,#vantagex) .product-hero-visual img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;filter:drop-shadow(0 22px 30px #020b2059)}

@media(max-width:900px){
 :is(#botx,#insightone,#optix,#vantagex).product-page-hero .page-hero-grid{grid-template-columns:minmax(0,1fr);gap:38px}
 :is(#botx,#insightone,#optix,#vantagex) .product-hero-visual{justify-self:center;max-width:520px}
 :is(#botx,#insightone,#optix,#vantagex) .product-hero-visual img{max-height:440px}
 :is(#botx,#insightone,#optix,#vantagex,#cora,#optix-cloud,#optix-aws,#optix-azure,#optix-google-cloud,#optix-ai,#optix-data,#optix-enterprise-it,#optix-kubernetes,#optix-saas).product-page-hero.hero-image:before{background-image:linear-gradient(180deg,#081f42bd 0%,#081f42a6 40%,#081f4294 100%),var(--hero-image);background-position:68% center}
}
@media(max-width:600px){
 :is(#botx,#insightone,#optix,#vantagex) .product-hero-visual{max-width:400px}
 :is(#botx,#insightone,#optix,#vantagex) .product-hero-visual img{max-height:350px}
 :is(#botx,#insightone,#optix,#vantagex) .page-hero-grid h2{font-size:26px;line-height:1.3}
}

/* Match VantageX's larger desktop artwork across the product cutouts. */
@media(min-width:901px){
 :is(#botx,#insightone,#optix,#vantagex).product-page-hero .page-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:clamp(28px,3vw,44px)}
 :is(#botx,#insightone,#optix,#vantagex) .product-hero-visual{max-width:720px}
 :is(#botx,#insightone,#optix,#vantagex) .product-hero-visual img{max-height:640px}
 /* CORA's portrait recording grows proportionally instead of becoming overly tall. */
 #cora .page-hero-grid{gap:clamp(28px,3vw,44px)}
 #cora .cora-hero-demo{max-width:500px}
}