*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Exo 2",sans-serif;background:#e8f4f8;color:#1b2d3a;min-height:100vh;overflow-x:clip;background-image:linear-gradient(150deg,#d6eef5 25%,transparent 25%),linear-gradient(30deg,#d6eef5 25%,transparent 25%),linear-gradient(#e8f4f8,#cfe6ef)}
.nav{display:flex;justify-content:space-between;padding:1.2rem clamp(1.2rem,4vw,3rem);font-weight:800;font-size:.85rem}
.nav a{color:#1b2d3a;text-decoration:none}
.map-wrap{display:grid;gap:2rem;padding:1rem clamp(1.2rem,4vw,3rem) 4rem;align-items:center}
.copy{max-width:420px}
.brand{font-size:clamp(3rem,12vw,5.5rem);line-height:.9;color:#2a9d8f;margin-bottom:.8rem}
.copy h1{font-size:clamp(1.4rem,3vw,2rem);max-width:14ch;margin-bottom:.7rem}
.sub{opacity:.8;margin-bottom:1.2rem;line-height:1.5}
.legend{list-style:none;display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.4rem;font-size:.85rem;font-weight:700}
.legend i{display:inline-block;width:12px;height:12px;margin-right:.35rem;vertical-align:middle}
.g{background:#2a9d8f}.y{background:#e9c46a}.r{background:#e76f51}
.cta{display:inline-block;text-decoration:none;background:#e9c46a;color:#1b2d3a;font-weight:800;padding:.9rem 1.3rem;transform:skewX(-8deg);transition:background .2s ease}
.cta:hover{background:#f4a261}
.city{overflow:hidden;min-height:260px;display:grid;place-items:center}
.iso{position:relative;width:220px;height:180px;transform:rotateX(60deg) rotateZ(-45deg);transform-style:preserve-3d}
.block{position:absolute;background:#2a9d8f;box-shadow:18px 0 0 #1f7a6f,0 18px 0 #3db5a6;animation:float 4s ease-in-out infinite}
.park{width:70px;height:70px;left:20px;top:40px}
.tall{width:60px;height:110px;left:110px;top:-20px;background:#e9c46a;box-shadow:18px 0 0 #c9a84a,0 18px 0 #f0d48a;animation-delay:.5s}
.wide{width:100px;height:55px;left:40px;top:120px;background:#e76f51;box-shadow:18px 0 0 #c4553a,0 18px 0 #f08a70;animation-delay:1s}
.small{width:45px;height:45px;left:150px;top:90px;background:#457b9d;box-shadow:14px 0 0 #2f5f7a,0 14px 0 #5b96b5;animation-delay:1.4s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(min-width:860px){.map-wrap{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}