/* Shared homepage/About Us matrix: derive every card height from the square AI cards. */
#section-services>.container{max-width:1440px}
#section-services .jy-capability-grid{container-type:inline-size;--matrix-card-height:calc((100cqw - 64px)/5);grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
#section-services .jy-capability-grid>.jy-capability-card{grid-column:span 2;padding:20px}
#section-services .jy-capability-grid>.jy-capability-card.is-featured{grid-column:span 3}
#section-services .jy-capability-grid>.jy-capability-card.is-featured>p{min-height:3.5em}
#section-services .jy-capability-grid>.jy-capability-card.is-featured h3{font-size:clamp(24px,2.4vw,32px)}
#section-services .jy-capability-grid .card-label{font-family:"Inter",sans-serif;font-weight:800}
#section-services .jy-capability-grid .card-index{font-family:"Inter",sans-serif}
#section-services .jy-capability-grid>.jy-capability-card.is-game-feature{background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),radial-gradient(circle at 88% 18%,rgba(126,214,255,.18),transparent 32%),linear-gradient(135deg,#06205d 0%,#1162dd 52%,#24a4ff 100%);background-position:0 0,0 0,center,center;background-size:48px 48px,48px 48px,auto,auto}
#section-services .jy-capability-grid>.jy-capability-card.is-game-feature:hover{background-position:16px 16px,16px 16px,center,center;filter:saturate(1.08) brightness(.98)}
#section-services .jy-capability-grid .jy-capability-card{height:var(--matrix-card-height);min-height:0}
#section-services .jy-capability-grid .card-label{margin-bottom:0}
#section-services .jy-capability-grid>.jy-capability-card h3{margin-bottom:0}
#section-services .jy-capability-grid>.jy-capability-card:not(.is-featured) h3{font-size:26px}
#section-services .jy-capability-grid>.jy-capability-card .card-tags{margin-top:0}
#section-services #enterprise-ai.jy-home-ai-grid{grid-column:1 / -1;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#section-services #enterprise-ai>.jy-home-ai-card,
#section-services #enterprise-ai>.jy-home-ai-card:nth-child(n+4){grid-column:auto;height:var(--matrix-card-height);min-height:0;aspect-ratio:auto;padding:16px 18px}
#section-services #enterprise-ai .card-index{font-size:12px;top:16px;right:16px;color:rgba(126,201,255,.68)}
#section-services #enterprise-ai .card-label{font-size:12px;line-height:1;color:#7ed6ff}
#section-services #enterprise-ai .jy-home-ai-brand{flex-direction:row;align-items:center;gap:10px;min-height:0;margin:0}
#section-services #enterprise-ai .jy-home-ai-brand>img{width:clamp(48px,24cqi,60px);height:clamp(48px,24cqi,60px);flex:0 0 clamp(48px,24cqi,60px)}
#section-services #enterprise-ai .jy-home-ai-brand h3{margin:0;font-size:clamp(24px,2.4vw,32px);line-height:1.28;white-space:nowrap}
#section-services #enterprise-ai .jy-home-ai-summary{min-height:0}
#section-services #enterprise-ai .jy-home-ai-service{margin:0 0 7px;color:#fff;font-size:17px;font-weight:700;line-height:1.5}
#section-services #enterprise-ai .jy-home-ai-benefit{margin:0;min-height:0;font-size:min(12.9px,calc((100cqi - 1px)/17.96));line-height:1.75;white-space:nowrap;font-weight:400}
#section-services #enterprise-ai .card-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:none;gap:6px;margin:0}
#section-services #enterprise-ai .card-tags>span{padding:6px 9px;font-size:12px;text-align:center;border-color:rgba(126,214,255,.28)}
@media(max-width:1279.98px){
 #section-services .jy-capability-grid{--matrix-card-height:calc((100cqw - 16px)/2)}
 #section-services #enterprise-ai.jy-home-ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991.98px){
 #section-services .jy-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #section-services .jy-capability-grid>.jy-capability-card,
 #section-services .jy-capability-grid>.jy-capability-card.is-featured{grid-column:auto}
}
@media(max-width:640px){
 #section-services .jy-capability-grid{grid-template-columns:1fr;--matrix-card-height:100cqw}
 #section-services #enterprise-ai.jy-home-ai-grid{grid-template-columns:1fr}
}

/* Keep every About Us section, header and footer on the same content width. */
.jy-about-page .container{width:100%;max-width:1440px}
.jy-about-page #header.full-header #header-wrap>.container{max-width:1440px!important;padding-inline:12px!important}

/* Align the five English labels, brand rows, summaries and tag rows. */
#section-services #enterprise-ai>.jy-home-ai-card{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;grid-template-rows:12px 60px minmax(0,1fr) 58px;row-gap:6px}
#section-services #enterprise-ai .jy-home-ai-brand{align-self:center}
#section-services #enterprise-ai .jy-home-ai-summary{align-self:start;margin-top:8px}
@media(min-width:1280px) and (max-width:1399.98px){
 #section-services #enterprise-ai>.jy-home-ai-card{grid-template-rows:12px 48px minmax(0,1fr) 58px;row-gap:0}
}

/* Stronger contrast for the lime-green Zhiliao card. */
#section-services #enterprise-ai .jy-home-ai-card[data-brand="zhiliao"] .card-index{color:#175a0a}
#section-services #enterprise-ai .jy-home-ai-card[data-brand="zhiliao"] .card-tags>span{border-color:rgba(255,255,255,.85);background:rgba(0,65,0,.12)}



/* White corner labels and indexes on all five AI brand cards. */
#section-services #enterprise-ai .jy-home-ai-card .card-label,
#section-services #enterprise-ai .jy-home-ai-card .card-index,
#section-services #enterprise-ai .jy-home-ai-card[data-brand="zhiliao"] .card-index{color:rgba(255,255,255,.55)}

/* Warm tag colors complement the orange-brown Zhiwu card. */
#section-services #enterprise-ai .jy-home-ai-card[data-brand="zhiwu"] .card-tags>span{border-color:#fff;background:rgba(255,224,177,.14);color:#fff5e8}