/* Shared platform hues, with even lighting on touch screens. */
@media(hover:none),(pointer:coarse),(max-width:1023px){
 #platforms [data-matrix-card],#ampel .traffic-card,#pricingPlanUltra{position:relative;isolation:isolate;transition:border-color 250ms ease,box-shadow 250ms ease}
 #ampel .traffic-card-green{--touch-tint:16,185,129}
 #ampel .traffic-card-yellow{--touch-tint:245,158,11}
 #ampel .traffic-card-red{--touch-tint:244,63,94}
 #platforms [data-matrix-card]::after,#ampel .traffic-card::after,#pricingPlanUltra::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity 250ms ease}
 #platforms [data-matrix-card]::after{background:linear-gradient(135deg,rgba(var(--matrix-tint),.065),rgba(var(--matrix-tint-end),.04))}
 #platforms [data-matrix-card].touch-highlight{border-color:rgba(var(--matrix-tint),.65)!important}
 #platforms [data-matrix-card].touch-highlight::after{opacity:1}
 #ampel .traffic-card::after{background:linear-gradient(to bottom,rgba(var(--touch-tint),.09),transparent)}
 #ampel .traffic-card.touch-highlight{border-color:rgba(var(--touch-tint),.76)!important}
 #ampel .traffic-card.touch-highlight::after{opacity:1}
 #pricingPlanUltra{transition:border-color 500ms ease,box-shadow 500ms ease}
 #pricingPlanUltra::after{background:linear-gradient(135deg,rgba(139,92,246,.11),rgba(139,92,246,.025));transition:opacity 500ms ease}
 #pricingPlanUltra.touch-highlight{border-color:rgba(139,92,246,.8)!important;box-shadow:0 3px 16px rgba(139,92,246,.1)}
 #pricingPlanUltra.touch-highlight::after{opacity:1}
 .dark #pricingPlanUltra.touch-highlight{border-color:rgba(167,139,250,.85)!important}
 .dark #pricingPlanUltra::after{background:linear-gradient(135deg,rgba(167,139,250,.13),rgba(139,92,246,.035))}
}
@media(prefers-reduced-motion:reduce){#platforms [data-matrix-card],#ampel .traffic-card,#pricingPlanUltra,#platforms [data-matrix-card]::after,#ampel .traffic-card::after,#pricingPlanUltra::after{transition:none!important}}