.city-subtitle{color:var(--text-muted);font-size:var(--font-size-md);text-align:center;margin-top:.5rem}.city-hero{background:linear-gradient(135deg, var(--primary-50) 0%, var(--primary-100) 100%);border-radius:16px;margin-bottom:2rem;padding:2rem}.city-hero h2{color:var(--text-color);text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.city-features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.city-feature{text-align:center;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.city-feature h3{font-size:var(--font-size-md);color:var(--primary-color);margin:0 0 .5rem;font-weight:600}.city-feature p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.city-services{margin-bottom:2rem}.city-services h2{color:var(--text-color);text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.city-services-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.city-service-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;transition:all .2s}.city-service-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #007bff1a}.city-service-card h3{color:var(--text-color);margin:0 0 .5rem;font-size:1rem;font-weight:600}.city-service-card p{color:var(--text-muted);margin:0 0 .75rem;font-size:.875rem}.city-service-price{background:var(--primary-50);color:var(--primary-color);border-radius:20px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.city-districts{background:var(--light-gray);border-radius:16px;margin-bottom:2rem;padding:2rem}.city-districts h2{color:var(--text-color);text-align:center;margin:0 0 .75rem;font-size:1.5rem;font-weight:600}.city-districts-intro{text-align:center;color:var(--text-muted);margin:0 0 1.5rem}.city-districts-list{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.city-district-tag{background:var(--white);border:1px solid var(--border-color);color:var(--text-color);border-radius:20px;padding:.375rem .875rem;font-size:.875rem}.city-how-it-works{margin-bottom:2rem}.city-how-it-works h2{color:var(--text-color);text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.city-steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.city-step{text-align:center;padding:1rem}.city-step-number{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:inline-flex}.city-step h3{color:var(--text-color);margin:0 0 .5rem;font-size:1rem;font-weight:600}.city-step p{color:var(--text-muted);margin:0;font-size:.875rem}.city-cta{background:linear-gradient(135deg, var(--primary-color) 0%, var(--primary-color-dark) 100%);text-align:center;color:#fff;border-radius:16px;margin-bottom:2rem;padding:2.5rem 2rem}.city-cta h2{color:#fff;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.city-cta p{font-size:var(--font-size-md);opacity:.9;margin:0 0 1.5rem}.city-cta-button{color:var(--primary-color);font-size:1rem;font-weight:var(--font-weight-medium,500);text-transform:uppercase;letter-spacing:.025em;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:.75rem 2.5rem;text-decoration:none;transition:all .2s;display:inline-flex}.city-cta-button:hover{background:var(--light-gray);text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.city-local-info{margin-bottom:1rem}.city-local-info h2{color:var(--text-color);text-align:center;margin:0 0 1.5rem;font-size:1.5rem;font-weight:600}.city-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.city-info-item{background:var(--light-gray);text-align:center;border-radius:12px;padding:1.25rem}.city-info-item h4{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.city-info-item p{color:var(--text-color);margin:0;font-size:1rem;font-weight:500}@media (max-width:768px){.city-hero,.city-districts,.city-cta{padding:1.5rem}.city-hero h2,.city-services h2,.city-districts h2,.city-how-it-works h2,.city-cta h2,.city-local-info h2{font-size:1.25rem}.city-steps{grid-template-columns:repeat(2,1fr)}.city-step{padding:.5rem}.city-step-number{width:40px;height:40px;font-size:1rem}}@media (max-width:480px){.city-steps,.city-services-grid{grid-template-columns:1fr}}