/* Asymmetric flagship cards, scoped to the featured use-case section. */
#trending .trend-usecase-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(310px,auto) minmax(275px,auto) minmax(310px,auto);gap:22px;align-items:stretch}
#trending .trend-usecase-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:28px;border:1px solid #c7d6e8;border-radius:24px;background:#f8faff;color:#182e4d;overflow:hidden;text-decoration:none;box-shadow:0 8px 24px #213b5b05;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
#trending .uc-executive{grid-column:1/5;grid-row:1/3;min-height:620px}
#trending .uc-ai-economics{grid-column:5/9;grid-row:1;background:#eef7fa}
#trending .uc-technology-value{grid-column:9/13;grid-row:1;background:#f5f7fc}
#trending .uc-incident{grid-column:5/13;grid-row:2;background:#eaf1fb}
#trending .uc-agentic{grid-column:1/8;grid-row:3}
#trending .uc-governance{grid-column:8/13;grid-row:3;background:#f1f0f9}
#trending .trend-usecase-card .uc-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:26px}
#trending .uc-heading-group{display:flex;align-items:center;gap:12px;min-width:0}
#trending .uc-card-header .card-subject-icon{margin:0;flex:0 0 44px}
#trending .trend-usecase-card .uc-product{margin:0;font-size:9px;line-height:1.6;letter-spacing:.1em;font-weight:650;color:#537194}
#trending .trend-usecase-card .uc-badge{flex:none;font-size:8px;letter-spacing:.07em;white-space:nowrap;padding:6px 9px;background:#e4edf9;color:#46648c;border:1px solid #c5d7ed;border-radius:999px}
#trending .trend-usecase-card h3{font-size:25px;line-height:1.2;letter-spacing:-.025em;margin:0 0 16px;color:#182e4d;text-wrap:balance}
#trending .trend-usecase-card>p{font-size:14px;line-height:1.8;color:#4c6483;margin:0 0 24px;max-width:64ch}
#trending .uc-card-footer{margin-top:auto;position:relative;z-index:1}
#trending .trend-usecase-card .uc-persona{margin:0;padding:0;font-size:11px;line-height:1.65;color:#5a7190}
#trending .trend-usecase-card .uc-link{display:inline-flex;align-items:center;gap:10px;margin-top:14px;color:#29548a;font-size:12px;font-weight:600}
#trending .uc-link svg{transition:transform .25s ease;flex:none}
#trending .trend-usecase-card.uc-feature{padding:32px;background:linear-gradient(145deg,#1c385e,#122440);border-color:#28496f;color:#fff}
#trending .uc-feature h3{font-size:32px;line-height:1.16;color:#fff}
#trending .uc-feature>p{font-size:15px;color:#cfdded}
#trending .uc-feature .uc-product,#trending .uc-feature .uc-persona{color:#b9cee6}
#trending .uc-feature .uc-link{color:#e6f1ff}
#trending .uc-feature .uc-badge{background:#ffffff0d;border-color:#8ab1df45;color:#ccdef5}
#trending .uc-feature .card-subject-icon{background:#ffffff0d;border-color:#86aee14d;color:#c0dbff}
#trending .uc-feature:after{content:'';position:absolute;right:-135px;bottom:36px;width:260px;height:260px;border:1px solid #85b2df24;border-radius:50%;box-shadow:0 0 0 34px #85b2df08,0 0 0 70px #85b2df05;z-index:-1;pointer-events:none}
#trending .uc-agentic:after{bottom:-145px;right:-70px}
#trending .uc-incident h3{max-width:650px;font-size:28px}
#trending .trend-usecase-card:hover{transform:translateY(-4px);border-color:#89aacf;box-shadow:0 15px 30px #19345112}
#trending .trend-usecase-card:hover .uc-link svg{transform:translateX(4px)}
#trending .trend-usecase-card:focus-visible{outline:3px solid #3976bc;outline-offset:4px}
@media(max-width:1100px){
 #trending .trend-usecase-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}
 #trending .trend-usecase-card{grid-column:auto;grid-row:auto;min-height:330px}
 #trending .uc-executive{grid-column:1/-1;min-height:360px}
 #trending .uc-governance{grid-column:1/-1;min-height:280px}
 #trending .uc-executive>p{max-width:64ch}
 #trending .uc-feature h3{font-size:30px}
}
@media(max-width:720px){
 #trending .trend-usecase-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 #trending .trend-usecase-card,#trending .trend-usecase-card.uc-feature{grid-column:auto;grid-row:auto;min-height:0;padding:25px;border-radius:21px}
 #trending .trend-usecase-card .uc-card-header{margin-bottom:24px;gap:10px}
 #trending .uc-heading-group{gap:10px}
 #trending .trend-usecase-card h3,#trending .uc-incident h3{font-size:25px}
 #trending .uc-feature h3{font-size:29px}
 #trending .uc-card-footer{padding-top:4px}
}
@media(prefers-reduced-motion:reduce){
 #trending .trend-usecase-card,#trending .uc-link svg{transition:none}
 #trending .trend-usecase-card:hover,#trending .trend-usecase-card:hover .uc-link svg{transform:none}
}

/* Subject-specific line icons share one drawing style and a restrained palette. */
.use-cases-page .card-subject-icon:is([data-icon="token-ledger"],[data-icon="portfolio-cloud"],[data-icon="technology-portfolio"],[data-icon="savings-trend"],[data-icon="cloud-savings"],[data-icon="calculator-forecast"],[data-icon="ai-chip-economics"],[data-icon="cost-cycle"],[data-icon="database-workloads"]){color:#276a78;background:linear-gradient(145deg,#f0f9fa,#deeff1);border-color:#c5e0e7}
.use-cases-page .card-subject-icon:is([data-icon="agent-network"],[data-icon="brain-chip"],[data-icon="answer-plan"],[data-icon="decision-bulb"],[data-icon="knowledge-book"],[data-icon="policy-shield"],[data-icon="policy-lock"]){color:#655e9b;background:linear-gradient(145deg,#f5f2fd,#e9e5f6);border-color:#d7d0ed}
.use-cases-page .card-subject-icon:is([data-icon="cycle-check"],[data-icon="remediation-tools"],[data-icon="incident-tools"],[data-icon="approval-workflow"]){color:#367968;background:linear-gradient(145deg,#eff8f3,#e0eee9);border-color:#c9ded6}

/* Product and status share one compact header in additional use cases. */
.use-cases-page .compact-usecases .trend-usecase-card .uc-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}
.use-cases-page .compact-usecases .trend-usecase-card .uc-top .uc-product{margin:0;min-width:0;line-height:1.6}
.use-cases-page .compact-usecases .trend-usecase-card .uc-top .uc-badge{flex:none}

/* Keep the requested section colors while scroll motion runs. */
.source-content>:is(#uc-differentiation,#uc-personas){background:var(--wash-white)!important}
.source-content>:is(#uc-product-map,#uc-next-step){background:#ebeff5!important}