.hero.intelligence-hero{height:auto;min-height:0!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(30px,4vw,64px);padding:48px var(--pad) 52px;background:radial-gradient(ellipse at 82% 45%,#153b4d88,transparent 58%),linear-gradient(120deg,#071523,#0b2032 58%,#071724);isolation:isolate}
.intelligence-hero .hero-content{position:relative;margin:0;width:100%;max-width:650px;align-self:center;z-index:1}
.intelligence-hero h1{font-size:clamp(42px,4.8vw,72px);line-height:1.02;max-width:680px}
.intelligence-hero .hero-copy{font-size:clamp(16px,1.35vw,19px);line-height:1.65;margin:24px 0 28px;max-width:580px}
.intelligence-hero .hero-actions{gap:28px;flex-wrap:wrap}
.intelligence-hero .hero-action-arrow{width:20px;height:20px;flex:0 0 20px;align-self:center}
.intelligence-hero .eyebrow{margin-bottom:22px}
.intelligence-visual{position:relative;z-index:1;min-width:0;width:100%;margin:0}
.intelligence-roads{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 15% 82%,#66d8ef77 0 2px,transparent 4px),radial-gradient(circle at 52% 20%,#66d8ef55 0 2px,transparent 4px),radial-gradient(circle at 92% 68%,#f2a33b66 0 2px,transparent 4px),repeating-linear-gradient(154deg,transparent 0 92px,#69a9bb0b 93px 94px,transparent 95px 108px);mask-image:linear-gradient(0deg,#000,transparent 90%)}
.intelligence-hero .data-city-title{font-size:clamp(20px,2vw,26px)}
.intelligence-hero .data-city-description{font-size:14px;max-width:520px}
@media(max-width:1050px){.hero.intelligence-hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:42px;gap:36px}.intelligence-hero .hero-content{max-width:780px}.intelligence-hero h1{max-width:760px;font-size:clamp(42px,6.5vw,64px)}.intelligence-visual{max-width:720px;justify-self:center}.intelligence-hero .hero-copy{max-width:690px}}
@media(max-width:620px){.hero.intelligence-hero{padding:32px 22px 36px;gap:32px}.intelligence-hero h1{font-size:clamp(36px,9.2vw,48px)}.intelligence-hero .hero-copy{font-size:16px;margin:20px 0 24px}.intelligence-hero .hero-actions{gap:18px}.intelligence-hero .hero-actions .button{gap:16px}.intelligence-hero .data-city-description{font-size:13px}.intelligence-hero .data-city-title{font-size:21px}}
.hero.intelligence-hero{background:linear-gradient(90deg,#071523fa 0%,#071523f2 44%,#071523c9 100%),url('../img/transportation-network-hero-2026.jpg') center/cover no-repeat #071523;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.intelligence-hero .intelligence-roads{display:none}
.intelligence-hero .data-city{background:#061321;border:1px solid #ffffff26;box-shadow:0 18px 48px #00000026;border-radius:22px;--city-panel-height:clamp(300px,64cqw,400px)}
.intelligence-hero .data-city-static{height:var(--city-panel-height)}
.intelligence-hero .intelligence-visual{filter:none;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;overflow:visible;box-sizing:border-box}
.intelligence-hero .data-city-title{color:#f1f7fb}
.intelligence-hero .hero-copy,.intelligence-hero .data-city-description{color:#e0eaf0}
.intelligence-hero .data-city-source{color:#cedce5}
.intelligence-hero .data-city-title,.intelligence-hero .data-city-description,.intelligence-hero .data-city-source{text-shadow:0 2px 12px #020a13}
.intelligence-hero .data-city-description{margin-bottom:12px}
.intelligence-hero .data-city-source{margin-top:8px}
@media(max-width:1050px){.hero.intelligence-hero{grid-template-columns:1fr}.intelligence-hero .intelligence-visual{max-width:720px}}
@media(max-width:620px){.intelligence-hero .data-city{border-radius:20px}.intelligence-hero .data-city-title{font-size:20px}.intelligence-hero .data-city-description{font-size:14px}.intelligence-hero .data-city-source{font-size:12px}}
/* A deliberate mobile sequence: introduction, paired actions, then live data. */
@media(max-width:620px){
 .hero.intelligence-hero{gap:28px;padding:30px 22px 32px}
 .intelligence-hero .eyebrow{margin-bottom:18px;font-size:11px}
 .intelligence-hero .hero-copy{line-height:1.6;margin:20px 0 24px}
 .intelligence-hero .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%;align-items:stretch}
 .intelligence-hero .hero-actions>a{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:100%;min-height:50px;padding:14px 20px;border-radius:14px;font-size:14px;font-weight:700;line-height:1.4;gap:16px}
 .intelligence-hero .hero-actions .text-link{border:1px solid #ffffff4d;background:#ffffff06}
 .intelligence-hero .intelligence-visual{border-top:1px solid #ffffff26;padding-top:24px}
 .intelligence-hero .data-city-title{text-align:left;padding:0;font-size:22px;line-height:1.3;margin-bottom:10px;max-width:none;text-wrap:balance}
 .intelligence-hero .data-city-description{text-align:left;padding:0;margin:0 0 18px;font-size:14px;line-height:1.6}
 .intelligence-hero .data-city{--city-panel-height:280px;border-radius:18px}
 .intelligence-hero .data-city-source{padding:0;margin-top:10px;font-size:11px}
}