/* Only the first-screen embed uses these presentation overrides. */
body.hero{overflow:hidden;background:#0b0c0e}
.hero .city{display:flex;flex-direction:column;gap:0;height:100vh}
.hero .city-map{flex:0 0 53%;height:53vh;min-height:280px;max-height:370px;border-radius:0;overflow:hidden}
.hero .city-panel{display:flex;flex:1;min-height:0;height:auto;padding:0 16px 14px;gap:10px;overflow:hidden}
.hero .city-hud,.hero #cityTags{display:block}
.hero canvas,.hero #ecoCity{pointer-events:auto}
.hero #ecoCity{transform:none;touch-action:none;cursor:grab}
.hero #ecoCity .tag,.hero #ecoCity>g:last-child{display:block}
.hero #ecoCity>g:last-child>g{display:none}
.hero .hud-ctl{left:12px;right:12px;top:10px;gap:4px;flex-wrap:nowrap}
.hero .hud-ctl button{font-size:10px;padding:8px 9px;white-space:nowrap}
.hero .hud-legend{left:12px;right:12px;bottom:5px;padding:6px 8px;gap:3px;background:#0b0c0ee8;font-size:9px;max-width:none}
.hero .hud-legend span{display:none}
.hero .hud-legend small{display:block;margin:0;font-size:9px;color:#a4b596}
.hero .zone-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;flex-shrink:0}
.hero .zone-list button{font-size:10px;line-height:1.4;min-height:34px;padding:5px 7px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero .zone-list button small{display:inline;font-size:8px;letter-spacing:0;margin-right:5px}
.hero .zone-detail{flex:1;min-height:0;padding:11px 2px 0;overflow:auto;border-radius:0;scrollbar-width:thin;scrollbar-color:#65734e #161d13}
.hero .zone-detail h3{font-size:18px;line-height:1.4;margin:5px 0 9px;letter-spacing:-.4px}
.hero .zone-detail .zd-code{font-size:8px;letter-spacing:1px}
.hero .zone-detail p.zd-role{font-size:12px;line-height:1.75;margin-bottom:10px;color:#bdc9b3}
.hero .zd-io{grid-template-columns:1fr 1fr;gap:6px}
.hero .zd-io div{font-size:10px;line-height:1.6;padding:8px;border-radius:4px}
.hero .zd-io b{font-size:9px;letter-spacing:0}
.hero .zd-tags{margin-top:9px}.hero .zd-tags span{font-size:9px;padding:3px 7px}
.hero .zd-brand{font-size:10px;line-height:1.7;margin-top:9px;padding-top:8px}
.hero .tag3{max-width:175px}.hero .tag3 .t{font-size:9px;padding:4px 7px}.hero .tag3 .t em{display:none}
.hero .step3{width:20px;height:20px;font-size:10px}.hero .gm3{font-size:8px;letter-spacing:1px}
.hero #ecoCity.labels-off .tag{display:none}
@media(max-width:440px){.hero .city-map{flex-basis:48%;height:48vh;min-height:270px}.hero .city-panel{padding-inline:10px}.hero .hud-ctl{left:8px;right:8px}.hero .hud-ctl button{font-size:9px;padding:8px}.hero .zone-list button{font-size:9px;min-height:34px}.hero .zone-list button small{font-size:7px;margin-right:3px}.hero .zone-detail h3{font-size:17px}.hero .zone-detail p.zd-role{font-size:11px}.hero .tag3{max-width:130px}}