@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.services-grid{grid-template-columns:repeat(3,1fr)}.ai-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){:root{--sidebar:0px}.sidebar{width:280px;transform:translateX(-105%);padding-top:3.25rem;box-shadow:var(--shadow)}body.drawer-open .sidebar{transform:none}.demo-banner{left:0}.app-main{margin-left:0}.mobile-menu{display:inline-grid;place-items:center}.desktop-only{display:none}.hero{grid-template-columns:1fr;padding-top:4rem}.hero .health-card{max-width:560px}.process-layout,.contact-layout{grid-template-columns:1fr}.chart-grid{grid-template-columns:1fr}.city-grid{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.topbar .brand-text{display:none}}
@media(max-width:560px){.section{padding:3.4rem 1rem}.kpi-grid,.city-grid,.services-grid,.ai-grid,.contact-form{grid-template-columns:1fr}.feed{grid-column:auto}.hero{padding:3rem 1rem}.hero h1{font-size:2.35rem}.health-grid{grid-template-columns:1fr 1fr}.clock{display:none}.top-actions{gap:.3rem}.top-actions .icon-btn{width:40px;height:40px}.brand img{width:105px}.demo-banner{font-size:.66rem}.section-heading{display:block}.city-stats{grid-template-columns:1fr 1fr}.hero-actions .btn{width:100%}.chart-card{min-height:300px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}