.data-city{position:relative;min-width:0;width:100%;container-type:inline-size;background:#061321;color:#f1f6f9;border-radius:16px;overflow:hidden;font-family:Arial,Helvetica,sans-serif}.data-city-static{height:clamp(380px,56.25cqw,600px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:22px 16px 16px;text-align:center}.data-city-heading p{color:#7db8d0;font-size:12px;margin:0 0 10px}.data-city-heading span{font-size:13px;color:#bed3de}.data-city-heading strong{display:block;font-size:clamp(32px,5cqw,50px);font-weight:600;line-height:1.15;margin:9px 0;font-variant-numeric:tabular-nums}.data-city-heading small{display:block;font-size:11px;line-height:1.5;color:#6de0e0}.data-city-art{background-image:url('../img/data-city-fallback.jpg');background-size:118.52% 196.72%;background-position:50% 53.67%;margin-top:8px;min-height:0}.data-city-caption{font-size:13px;line-height:1.6;color:#adc6d4;margin:0;padding:8px 12px 0}.data-city-caption strong{font-weight:400;color:#f1f6f9}.data-city drivexiq-observatory{position:absolute;inset:0;visibility:hidden}.data-city.city-ready drivexiq-observatory{position:relative;visibility:visible}.data-city.city-ready .data-city-static{display:none}.platform-visual:has(.data-city){min-width:0}.one-product-hero-art:has(.data-city){min-width:0}
.platform-visual:has(.data-city),.one-product-hero-art:has(.data-city){background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible;transform:none}
.data-city-title{margin:0 0 10px;padding:0 4px;color:#d4e9f0;font-size:clamp(20px,2vw,26px);font-weight:600;letter-spacing:.01em;line-height:1.3;text-align:center}
.data-city-description{max-width:560px;margin:0 auto 20px;padding:0 8px;color:#b8cad5;font-size:14px;line-height:1.6;text-align:center}
.data-city{background:#061321;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 22px 60px #0000002e}
.data-city-source{margin:14px 0 0;padding:0 8px;color:#b8cad5;font-size:12px;line-height:1.6;text-align:center}
.data-city-static{height:clamp(360px,calc(68cqw - 40px),560px);padding:18px 6px 14px;grid-template-rows:auto minmax(0,1fr)}
.data-city-art{background-image:url('../img/data-city-fallback.png');background-size:contain;background-position:center;background-repeat:no-repeat;mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 52%,#000b 72%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 52%,#000b 72%,transparent 100%)}