[data-business-metrics] { position: relative; isolation: isolate; overflow: hidden; background: #f8fafc !important; margin-top: 0 !important; padding-bottom: 120px !important; }
[data-business-metrics]::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: min(100%, 33.333vw); z-index: -1; background: var(--metrics-scene) center bottom / 100% auto no-repeat; opacity: .65; pointer-events: none; -webkit-mask-image: linear-gradient(to bottom, transparent, #000 35%, #000 90%, transparent); mask-image: linear-gradient(to bottom, transparent, #000 35%, #000 90%, transparent); }
[data-business-metrics="bike"] { --metrics-scene: url('../images/metrics-bike-v0927.webp'); }
[data-business-metrics="hitch"] { --metrics-scene: url('../images/metrics-hitch-v0927.webp'); }
[data-business-metrics="delivery"] { --metrics-scene: url('../images/metrics-delivery-corrected-v0927.webp'); }
[data-business-metrics="car"] { --metrics-scene: url('../images/metrics-car-v0927.webp'); }
[data-business-metrics="xiaobei"] { --metrics-scene: url('../images/metrics-xiaobei-corrected-v0927.webp'); }
[data-business-metrics="service"] { --metrics-scene: url('../images/metrics-service-corrected-v0927.webp'); }
[data-business-metrics] :is(.bd-stat,.bd-hitch-stat,.bike-proof-item) { background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; text-align: center !important; align-items: center !important; transform: none !important; }
[data-business-metrics] :is(.bd-stat,.bd-hitch-stat,.bike-proof-item) strong { font-variant-numeric: tabular-nums; letter-spacing: 0; }
@media(max-width: 768px) {
    [data-business-metrics] { padding-bottom: 100px !important; }
    [data-business-metrics]::before { height: 260px; background-size: auto 260px; opacity: .5; }
}
