/* One data foundation, three user layers. Shared by the page and slide deck. */
.product-value{--value-blue:#5057ee;--value-ink:#0f172a;--value-muted:#475569;--value-line:#dce0f2;color:var(--value-ink)}
.product-value{position:relative;isolation:isolate}
.value-infrastructure{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none;background:#111d32}
.product-value .value-infrastructure img{width:100%;height:100%;object-fit:cover;object-position:center 60%;filter:saturate(.65);opacity:1}
.value-infrastructure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101d32e8,#101d32ba 55%,#101d32dc),linear-gradient(180deg,#101d3255,transparent 35%,#101d3280)}
.value-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:28px}
.value-layer{position:relative;padding:0 30px 24px;min-width:0}
.value-layer:first-child{padding-left:0}
.value-layer:last-child{padding-right:0}
.value-layer+.value-layer{border-left:1px solid var(--value-line)}
.value-layer:after{content:'';position:absolute;width:1px;height:28px;bottom:-28px;left:50%;background:var(--value-line)}
.value-person{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.product-value img{width:38px;height:38px;flex:none}
.product-value .value-layer-label{font-size:18px;font-weight:600;line-height:1.5;margin:0;color:var(--value-blue)}
.product-value .value-audience{font-size:12px;line-height:1.5;margin:4px 0 0;color:var(--value-muted)}
.product-value .value-title{font-size:clamp(20px,2.15vw,28px);line-height:1.6;letter-spacing:-.025em;margin:0 0 14px;font-weight:700}
.product-value .value-description{font-size:14px;line-height:1.9;margin:0;color:var(--value-muted)}
.value-foundation{display:flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--value-line);background:#fff;padding:20px 26px}
.value-foundation img,.value-ai img{width:28px;height:28px}
.product-value .value-foundation p,.product-value .value-ai p{margin:0;line-height:1.65}
.value-foundation b{display:block;font-size:17px;font-weight:600}
.value-foundation span{display:block;font-size:12px;color:var(--value-muted);margin-top:5px}
.value-ai{display:flex;align-items:center;justify-content:center;gap:20px;padding:20px 26px;background:#eeefff}
.value-ai b{font-size:16px;color:var(--value-blue);font-weight:600;margin-right:22px}
.value-ai span{font-size:13px;color:var(--value-muted)}
/* Slide typography follows its container, not the browser viewport. */
.brief-product>.brief-product-intro{font-size:clamp(15px,1.8cqw,23px);margin:-1% 0 3%;color:var(--muted)}
.brief-product .value-layers{margin-bottom:20px}
.brief-product .value-layer{padding:0 3cqw 2cqw}
.brief-product .value-layer:first-child{padding-left:0}
.brief-product .value-layer:last-child{padding-right:0}
.brief-product .value-layer:after{height:20px;bottom:-20px}
.brief-product .value-person{gap:14px;margin-bottom:1.8cqw}
.brief-product .value-person img{width:3.6cqw;height:3.6cqw}
.brief-product .value-layer-label{font-size:clamp(15px,1.8cqw,23px)}
.brief-product .value-audience{font-size:clamp(10px,1.13cqw,14px);margin-top:3px}
.brief-product .value-title{font-size:clamp(20px,2.3cqw,29px);line-height:1.5;margin-bottom:1.2cqw}
.brief-product .value-description{font-size:clamp(11px,1.35cqw,17px);line-height:1.8}
.brief-product .value-foundation{padding:1.3cqw 2cqw;gap:18px}
.brief-product .value-foundation b{font-size:clamp(14px,1.6cqw,20px)}
.brief-product .value-foundation span{font-size:clamp(10px,1.1cqw,14px);margin-top:3px}
.brief-product .value-ai{padding:1.3cqw 2cqw;gap:18px}
.brief-product .value-ai b{font-size:clamp(13px,1.45cqw,18px);margin-right:20px}
.brief-product .value-ai span{font-size:clamp(11px,1.2cqw,15px)}
@media(max-width:850px){
 .value-layers{grid-template-columns:1fr;gap:0;margin-bottom:0}
 .value-layer,.value-layer:first-child,.value-layer:last-child,.brief-product .value-layer,.brief-product .value-layer:first-child,.brief-product .value-layer:last-child{padding:24px 0}
 .value-layer+.value-layer{border-left:0;border-top:1px solid var(--value-line)}
 .value-layer:after{display:none}
 .value-person,.brief-product .value-person{gap:14px;margin-bottom:16px}
 .product-value .value-person img,.brief-product .value-person img{width:34px;height:34px}
 .product-value .value-layer-label{font-size:17px}
 .product-value .value-audience{font-size:12px;margin-top:3px}
 .product-value .value-title{font-size:22px;line-height:1.55;margin-bottom:12px}
 .product-value .value-title br{display:none}
 .product-value .value-description{font-size:14px}
 .value-foundation,.value-ai,.brief-product .value-foundation,.brief-product .value-ai{justify-content:flex-start;align-items:flex-start;padding:20px 16px;gap:14px}
 .value-foundation b,.brief-product .value-foundation b{font-size:15px}
 .value-foundation span,.brief-product .value-foundation span{font-size:12px;margin-top:7px}
 .value-ai b,.brief-product .value-ai b{display:block;font-size:15px;margin:0 0 7px}
 .value-ai span,.brief-product .value-ai span{display:block;font-size:13px}
 .brief-product>.brief-product-intro{font-size:15px;margin:0 0 10px}
 .brief-product .value-layers{margin-bottom:0}
}
/* Role pictograms share one data platform; industry photography is in the market section. */
.value-layers{gap:28px;margin-bottom:30px}
.value-layer,.value-layer:first-child,.value-layer:last-child{padding:0 0 26px}
.value-layer+.value-layer{border-left:0}
.value-photo{margin:0 0 22px;overflow:hidden;aspect-ratio:2.25}
.product-brief .value-photo{margin:0 0 22px;aspect-ratio:1.9}
.product-value .value-photo img{width:100%;height:100%;object-fit:cover}
.value-layer:first-child .value-photo img{object-position:50% 58%}
.value-person{margin-bottom:18px;gap:13px}
.value-person>img{width:32px;height:32px}
.value-platform{display:grid;grid-template-columns:1fr 1.12fr;background:#eeeffb;border-top:2px solid var(--value-blue);padding:26px 30px;gap:28px}
.value-platform{background:#eeeffbf5}
.value-foundation,.value-ai{background:none;border:0;padding:0;justify-content:flex-start;align-items:center;gap:16px}
.value-ai{border-left:1px solid #ccd0ed;padding-left:28px}
.value-ai b{display:block;margin:0 0 5px;font-size:17px}
.value-ai span{font-size:12px;display:block;line-height:1.8}
.value-foundation b{color:var(--value-ink)}
.brief-product .value-layers{gap:2.6cqw;margin-bottom:20px}
.brief-product .value-layer,.brief-product .value-layer:first-child,.brief-product .value-layer:last-child{padding:0 0 1.1cqw}
.brief-product .value-photo{height:8.4cqw;aspect-ratio:auto;margin-bottom:1.4cqw}
.brief-product .value-person{margin-bottom:1.1cqw;gap:12px}
.brief-product .value-person>img{width:2.8cqw;height:2.8cqw}
.brief-product .value-layer-label{font-size:clamp(15px,1.65cqw,21px)}
.brief-product .value-title{font-size:clamp(19px,2.15cqw,27px);line-height:1.5;margin-bottom:1cqw}
.brief-product .value-description{font-size:clamp(11px,1.23cqw,16px);line-height:1.8}
.brief-product .value-platform{padding:1.7cqw 2cqw;gap:2cqw}
.brief-product .value-foundation,.brief-product .value-ai{padding:0;gap:14px}
.brief-product .value-ai{padding-left:2cqw}
.brief-product .value-foundation b,.brief-product .value-ai b{font-size:clamp(12px,1.45cqw,18px);margin:0 0 4px}
.brief-product .value-foundation span,.brief-product .value-ai span{font-size:clamp(10px,1.08cqw,14px);line-height:1.7}
.brief-product>.brief-product-intro{margin:-1% 0 2.5%}
.product-brief .product-value{padding:48px 38px 32px}
.product-value .value-title{color:#fff}
.product-value .value-layer-label{color:#d5d4ff}
.product-value .value-audience{color:#cbd5e1}
.product-value .value-description{color:#e2e8f0}
.product-value .value-person>img{filter:brightness(0) invert(1)}
.product-value .value-layer:after{background:#c5caff8c}
.product-value .value-platform{background:#f4f4ff;color:#0f172a}
.slide.brief-product{isolation:isolate;background:#090c11;color:#fff}
.brief-product .value-infrastructure{background:#090c11;z-index:0}
.brief-product .value-infrastructure img{filter:saturate(.35);opacity:.48}
.brief-product .value-infrastructure:after{background:linear-gradient(90deg,#080b10ed,#080b10c9 55%,#080b10e3)}
.brief-product>.brief-heading,.brief-product>.brief-product-intro,.brief-product .value-layers,.brief-product .value-platform,.brief-product .brief-footer{position:relative;z-index:1}
.brief-product .brief-footer{position:absolute}
.brief-product .product-value{position:static;isolation:auto}
.brief-product .brief-heading h2{color:#fff}
.brief-product>.brief-product-intro{color:#fff;font-weight:500}
.brief-product .brief-footer{color:#c1cce0}
@media(min-width:851px){
 .product-value .value-person{gap:18px;margin-bottom:24px}
 .product-value .value-person>img{width:40px;height:40px}
 .brief-product .value-layers{margin-top:4cqw;margin-bottom:30px;gap:3.5cqw}
 .brief-product .value-layer{padding-bottom:2.7cqw}
 .brief-product .value-person{margin-bottom:2.2cqw;gap:18px}
 .brief-product .value-person>img{width:4.2cqw;height:4.2cqw}
 .brief-product .value-title{font-size:clamp(20px,2.45cqw,31px);margin-bottom:1.7cqw}
 .brief-product .value-description{font-size:clamp(14px,1.5cqw,19px);line-height:1.85;color:#f1f5f9}
 .brief-product .value-platform{padding:2.3cqw 2cqw}
}
@media(max-width:850px){
 .product-brief .product-value{padding:32px 24px 24px}
 .product-value .value-infrastructure img{object-position:61% center}
 .value-layers,.brief-product .value-layers{gap:32px;margin-bottom:24px}
 .value-layer,.value-layer:first-child,.value-layer:last-child,.brief-product .value-layer,.brief-product .value-layer:first-child,.brief-product .value-layer:last-child{padding:0;border:0}
 .value-photo,.brief-product .value-photo{height:auto;aspect-ratio:2.25;margin-bottom:18px}
 .value-person,.brief-product .value-person{margin-bottom:14px}
 .brief-product .value-person>img{width:32px;height:32px}
 .product-value .value-title{font-size:22px;margin-bottom:10px}
 .brief-product .value-description{font-size:14px}
 .value-platform,.brief-product .value-platform{grid-template-columns:1fr;padding:23px 20px;gap:20px}
 .value-foundation,.value-ai,.brief-product .value-foundation,.brief-product .value-ai{padding:0;gap:14px;border:0;align-items:flex-start}
 .value-ai,.brief-product .value-ai{border-top:1px solid #ccd0ed;padding-top:20px}
 .value-foundation b,.value-ai b,.brief-product .value-foundation b,.brief-product .value-ai b{font-size:15px}
 .value-foundation span,.value-ai span,.brief-product .value-foundation span,.brief-product .value-ai span{font-size:12px}
 .brief-product>.brief-product-intro{margin:0 0 26px}
}