/* Reset + container */
*{box-sizing:border-box}
body{font-family: "Helvetica Neue", Arial, sans-serif; margin:0;color:#222;background:#fff}
.container{max-width:1100px;margin:0 auto;padding:30px}

/* Topbar & hero */
.topbar{background:#fff;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.04)}
.topbar .topbar-inner{display:flex;justify-content:space-between;align-items:center}
.topbar a{color:#d35400;margin-right:12px;text-decoration:none;font-size:14px}

.hero-bar{background:#f6eae0;padding:30px 0}
.hero-inner{text-align:center}
.logo img{height:52px}
.hero-title{margin:15px 0 18px;color:#d35400;font-weight:700}
.search-row{display:flex;justify-content:center;gap:12px;align-items:center}
.search-input{width:520px;padding:12px 14px;border-radius:30px;border:1px solid rgba(0,0,0,0.08)}
.btn-primary{background:#f26b00;color:#fff;border:none;padding:10px 18px;border-radius:24px;cursor:pointer}

/* Tiles grid */
.bento .tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px 0}
.tile{display:block;background:#fff;border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.tile-media{height:160px;background-size:cover;background-position:center}
.tile-content{padding:12px;background:linear-gradient(180deg, rgba(0,0,0,0.0), rgba(0,0,0,0.02))}
.tile h3{margin:6px 0;color:#222;font-size:18px}
.tile p{font-size:13px;color:#666;margin:0 0 10px}
.tile-cta{display:inline-block;background:#ff7a12;color:#fff;padding:6px 10px;border-radius:12px;font-size:13px}

/* App CTA */
.app-cta{background:#f6f0ea;padding:28px;border-radius:8px;text-align:center;margin:30px 0}
.cta-inner{display:flex;gap:20px;align-items:center;justify-content:center}
.badges img{height:40px;margin:0 6px}

/* Cities grid */
.cities h2{margin-bottom:12px}
.cities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.city{display:block;text-decoration:none;color:inherit}
.city-inner{background:#eaf6f9;padding:16px;border-radius:8px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.city-inner h4{margin:6px 0}

/* Footer */
.site-footer{background:#1f1f1f;color:#ddd;padding:28px 0;margin-top:30px}
.site-footer a{color:#ddd;display:block;text-decoration:none;margin-bottom:8px}
.footer-top{display:flex;gap:20px}
.footer-col{flex:1}

/* Responsive */
@media (max-width:900px){
  .bento .tiles-grid{grid-template-columns:repeat(2,1fr)}
  .cities-grid{grid-template-columns:repeat(2,1fr)}
  .search-input{width:60%}
}
@media (max-width:600px){
  .bento .tiles-grid{grid-template-columns:1fr}
  .cities-grid{grid-template-columns:1fr}
  .search-input{width:100%}
  .cta-inner{flex-direction:column}
}