/* Images from the providers' public pages are used as attributed scene illustrations. */
.image-source-note{margin:20px 0 0;color:#7b8ba1;font-size:11px;line-height:1.7}
.image-showcase{background:#edf3fb}
.showcase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.showcase-card{display:block;overflow:hidden;border:1px solid #dae5f5;border-radius:16px;background:#fff;box-shadow:0 12px 26px rgba(35,77,140,.06);transition:transform .28s ease,box-shadow .28s ease}
.showcase-card:hover{transform:translateY(-7px);box-shadow:0 22px 44px rgba(35,77,140,.16)}
.showcase-card figure{margin:0}
.showcase-photo{aspect-ratio:1.25;overflow:hidden;background:#d9e8f7}
.showcase-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.showcase-card:hover .showcase-photo img{transform:scale(1.055)}
.showcase-card figcaption{display:grid;gap:7px;padding:20px 20px 22px}
.showcase-card figcaption span{color:#4b82e1;font-size:10px;font-weight:900;letter-spacing:.15em}
.showcase-card figcaption strong{font-size:19px;letter-spacing:-.035em;color:#1e3454}
.showcase-card figcaption small{font-size:11px;color:#8190a4}
/* Alibaba industry photos use a magazine-like crop. */
.ali-industry-grid article{padding:0;overflow:hidden;min-height:0}
.ali-industry-image{display:block;width:100%;height:190px;object-fit:cover;transition:transform .4s ease}
.ali-industry-grid article:hover .ali-industry-image{transform:scale(1.04)}
.ali-industry-grid article>span{display:block;margin:21px 24px 0}
.ali-industry-grid article h3{margin:13px 24px 8px}
.ali-industry-grid article p{margin:0 24px 16px}
.ali-industry-grid article small{display:block;margin:0 24px 24px}
/* Tencent: provider art on the advantage rail and icons in native disclosure rows. */
.tc-benefit-image{display:block;width:100%;height:104px;object-fit:contain;object-position:center;background:#eef4ff;border-radius:10px;margin-bottom:20px}
.tc-feature-icon{display:block;width:31px;height:31px;object-fit:contain;flex:none}
.tc-benefits .image-source-note{margin-top:25px}
/* Huawei: colorful illustrations replace empty space above each capability. */
.hw-benefit-image{display:block;width:100%;height:105px;object-fit:contain;object-position:center;margin-bottom:7px}
.hw-adv-grid article{min-height:320px}
.hw-adv-grid span{display:none}
/* BytePlus: product art in the bento, plus full scene tiles. */
.vc-bento{grid-template-rows:300px 300px}
.vc-bento article{display:flex;flex-direction:column;min-height:0}
.vc-bento article:first-child{min-height:0}
.vc-bento-image{display:block;align-self:flex-end;width:75%;max-height:112px;object-fit:contain;object-position:right bottom;margin-top:auto;filter:drop-shadow(0 12px 23px rgba(0,0,0,.2))}
.vc-bento article:first-child .vc-bento-image{width:100%;max-height:280px;object-position:center bottom}
.vc-use-grid article{padding:0;overflow:hidden;min-height:0}
.vc-use-image{display:block;width:100%;height:150px;object-fit:contain;background:#fff;border-bottom:1px solid #eceaf7}
.vc-use-grid article b{display:block;margin:18px 22px 0}
.vc-use-grid article h3{margin:13px 22px 9px}
.vc-use-grid article p{margin:0 22px 24px}
.volcano .image-source-note{color:#aeb6d2}
@media(max-width:900px){.showcase-grid{grid-template-columns:repeat(2,1fr)}.vc-bento{grid-template-rows:auto}.vc-bento article,.vc-bento article:first-child{min-height:300px}.vc-bento article:first-child .vc-bento-image{max-height:200px}}
@media(max-width:620px){.showcase-grid{grid-template-columns:1fr}.showcase-photo{aspect-ratio:1.7}.ali-industry-image{height:180px}.tc-benefit-image{height:130px}.vc-use-image{height:185px}.vc-bento article,.vc-bento article:first-child{min-height:290px}}
@media(prefers-reduced-motion:reduce){.showcase-card,.showcase-photo img,.ali-industry-image{transition:none!important}}

.vc-use .image-source-note{color:#7b8ba1}

/* BytePlus page: keep the hero labels clear of copy and let artwork size with its cards. */
.vc-hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.88fr)}
.vc-hero .wrap>div:first-child{min-width:0;position:relative;z-index:1}
.vc-hero h1{font-size:clamp(48px,5.8vw,78px);letter-spacing:-.055em}
.vc-signal.a{top:18%;right:0}
.vc-signal.b{bottom:15%;left:auto;right:3%}
.vc-bento{grid-template-rows:minmax(320px,auto) minmax(320px,auto)}
.vc-bento article{display:grid;grid-template-rows:auto auto auto 1fr;align-content:start;min-width:0}
.vc-bento article>*{position:relative;z-index:1}
.vc-bento h3{line-height:1.25}
.vc-bento p{margin-bottom:20px}
.vc-bento-image{width:min(78%,310px);height:145px;max-height:none;align-self:end;justify-self:end;margin-top:0}
.vc-bento article:first-child .vc-bento-image{width:100%;height:min(26vw,285px);max-height:none;justify-self:center}
.vc-use-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.vc-use-grid article{display:flex;flex-direction:column}
.vc-use-image{height:auto;aspect-ratio:1.7;object-fit:cover}
.vc-use-grid article h3{margin-top:12px;line-height:1.3}
.vc-use-grid article p{margin-top:auto;padding-top:2px}
@media(max-width:900px){
  .vc-hero .wrap{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:25px}
  .vc-bento{grid-template-rows:minmax(280px,auto) minmax(280px,auto)}
  .vc-bento article:first-child .vc-bento-image{height:230px}
  .vc-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .vc-hero .wrap{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:58px 56px}
  .vc-hero h1{font-size:clamp(42px,9vw,64px)}
  .vc-orbit{width:min(320px,78vw);margin:15px auto 0}
  .vc-signal{display:none}
  .vc-bento{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .vc-bento article:first-child{grid-row:auto}
  .vc-bento article,.vc-bento article:first-child{min-height:0}
  .vc-bento-image{height:170px;width:min(80%,330px)}
  .vc-bento article:first-child .vc-bento-image{height:220px}
}
@media(max-width:480px){
  .vc-hero .wrap{padding-block:48px}
  .vc-hero h1{font-size:clamp(38px,10vw,48px)}
  .vc-logo{margin-bottom:26px}
  .vc-orbit{width:min(270px,72vw)}
  .vc-bento-section,.vc-use,.vc-route,.vc-decisions,.vc-playbook{padding-block:64px}
  .vc-bento article{padding:24px}
  .vc-bento h3{font-size:23px}
  .vc-bento-image,.vc-bento article:first-child .vc-bento-image{height:170px}
  .vc-use-grid{grid-template-columns:minmax(0,1fr)}
  .vc-use-image{aspect-ratio:1.8}
}