@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--bg-0: #07121c;--bg-1: #0a1d2b;--bg-2: #092336;--bg-spot-1: #143952;--bg-spot-2: #18304d;--panel: #102739cc;--hero-from: #0f2739e8;--hero-to: #0a1e2de8;--line: #1f4762;--text: #deedf8;--muted: #8ab2c8;--overline: #90cde6;--chip-bg: #0c2435;--field-bg: #0a1f2f;--cyan: #24d6d0;--amber: #f39a3b;--red: #ff6666;--green: #6cd89a;--radius: 16px;--shadow: 0 24px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at 14% 14%,var(--bg-spot-1) 0%,transparent 28%),radial-gradient(circle at 84% 8%,var(--bg-spot-2) 0%,transparent 24%),linear-gradient(130deg,var(--bg-0),var(--bg-1) 52%,var(--bg-2) 100%);line-height:1.4;transition:background .22s ease,color .22s ease}body[data-city=msk]{--bg-0: #07121c;--bg-1: #0a1d2b;--bg-2: #092336;--bg-spot-1: #175179;--bg-spot-2: #243863;--panel: #102739cc;--hero-from: #0f2739f0;--hero-to: #0a1e2df0;--line: #1f4762;--text: #deedf8;--muted: #8ab2c8;--overline: #95d8f2;--chip-bg: #0d2638;--field-bg: #0b2132;--cyan: #24d6d0;--amber: #f39a3b}body[data-city=spb]{--bg-0: #08191d;--bg-1: #0f262b;--bg-2: #102f34;--bg-spot-1: #1a535b;--bg-spot-2: #23504a;--panel: #113136cc;--hero-from: #12343af0;--hero-to: #10292df0;--line: #256167;--text: #def6ef;--muted: #91cbc4;--overline: #9ce7d0;--chip-bg: #12333a;--field-bg: #112d33;--cyan: #52e89c;--amber: #59d2ff}.app-shell{max-width:1400px;margin:0 auto;padding:24px;display:grid;gap:16px}.hero{display:grid;gap:18px;grid-template-columns:1.25fr 1fr;padding:24px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--hero-from),var(--hero-to));box-shadow:var(--shadow)}.overline{margin:0;letter-spacing:.12em;color:var(--overline);font-size:.78rem}.hero h1{margin:8px 0;font-size:clamp(1.7rem,2vw,2.4rem)}.hero-sub{margin:0;color:var(--muted);max-width:70ch}.brand-tagline{margin:12px 0 10px;color:color-mix(in srgb,var(--text) 82%,white 18%);font-weight:600}.brand-pill-row{display:flex;flex-wrap:wrap;gap:8px}.brand-pill{border:1px solid color-mix(in srgb,var(--line) 70%,var(--cyan) 30%);border-radius:999px;padding:6px 10px;font-size:.75rem;background:color-mix(in srgb,var(--panel) 85%,black 15%);color:color-mix(in srgb,var(--text) 85%,var(--cyan) 15%)}.hero-controls{display:grid;gap:16px;align-content:start}.chip-row{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.city-chip{border:1px solid var(--line);background:var(--chip-bg);border-radius:12px;padding:10px;color:var(--text);display:grid;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.city-chip small{color:var(--muted);font-size:.73rem}.city-chip:hover{transform:translateY(-2px)}.city-chip.active{border-color:var(--cyan);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 50%,transparent 50%)}.filters{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.filters label{display:grid;gap:6px;font-size:.82rem;color:var(--muted)}.filters select,.filters input{border:1px solid var(--line);border-radius:10px;background:var(--field-bg);color:var(--text);padding:10px;font-family:IBM Plex Mono,monospace}.metrics-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.gallery-card{border:1px solid color-mix(in srgb,var(--line) 78%,transparent 22%);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--panel) 86%,black 14%)}.gallery-card img{width:100%;display:block;aspect-ratio:16 / 10;object-fit:cover}.gallery-body{padding:12px}.gallery-body h3{margin:0 0 6px;font-size:.98rem}.gallery-body p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.42}.metric-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--panel);box-shadow:inset 0 1px #ffffff0a}.metric-title{margin:0;color:var(--muted);font-size:.84rem}.metric-value{margin:8px 0;font-size:clamp(1.25rem,2vw,1.9rem);font-weight:800}.metric-foot{display:flex;justify-content:space-between;gap:8px;font-size:.8rem}.metric-trend{font-family:IBM Plex Mono,monospace}.metric-trend.up{color:var(--green)}.metric-trend.down{color:var(--red)}.metric-trend.flat{color:var(--amber)}.metric-hint{color:var(--muted)}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:16px;box-shadow:var(--shadow)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.section-head h2{margin:0;font-size:1.04rem}.chart-box{height:290px}.live-dot{font-size:.76rem;font-family:IBM Plex Mono,monospace;padding:6px 10px;border-radius:999px}.live-dot.online{background:color-mix(in srgb,var(--cyan) 28%,#0f3021 72%);color:#d8ffe9}.live-dot.offline{background:#41201c;color:#ff8c78}.note{margin:10px 0 0;color:var(--muted);font-size:.82rem}.heatmap-wrap{position:relative;display:grid;grid-template-columns:48px 1fr;gap:6px}.heatmap-axis.left{display:grid;align-content:stretch;gap:2px}.axis-label.day{height:20px;display:flex;align-items:center;color:var(--muted);font-size:.72rem}.heatmap-axis.top{grid-column:2;display:grid;grid-template-columns:repeat(24,1fr);margin-bottom:6px}.axis-label.hour{font-size:.66rem;color:var(--muted);text-align:center}.heatmap-svg{width:100%;height:auto}.heatmap-legend{grid-column:2;display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--muted);font-size:.76rem}.legend-gradient{width:160px;height:8px;border-radius:999px}.predictor blockquote{margin:12px 0 0;border-left:3px solid var(--cyan);padding-left:10px;color:color-mix(in srgb,var(--text) 90%,white 10%)}.predict-main{font-size:1.08rem}.predict-sub{color:var(--muted);margin-top:6px}.predict-kpis{display:grid;gap:6px;margin-top:10px;font-family:IBM Plex Mono,monospace;font-size:.83rem}.review-list{display:grid;gap:10px}.review-card{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:start;border:1px solid color-mix(in srgb,var(--line) 70%,transparent 30%);border-radius:12px;padding:10px;background:color-mix(in srgb,var(--panel) 84%,black 16%)}.review-card img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--cyan) 55%,transparent 45%)}.review-card h3{margin:0;font-size:.94rem}.review-district{margin:3px 0 6px;color:var(--muted);font-size:.8rem}.review-text{margin:0;font-size:.88rem;line-height:1.45}.contact-list{margin:0;display:grid;gap:8px}.contact-list div{border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent 28%);padding:0 0 8px}.contact-list dt{font-size:.77rem;color:var(--muted)}.contact-list dd{margin:4px 0 0;font-weight:600}.contact-list a{color:color-mix(in srgb,var(--text) 92%,white 8%);text-decoration:none}.contact-list a:hover{text-decoration:underline}.contact-note{margin:10px 0 12px;color:var(--muted);font-size:.84rem}.contacts-image{width:100%;display:block;border-radius:12px;border:1px solid color-mix(in srgb,var(--line) 74%,transparent 26%);aspect-ratio:16 / 9;object-fit:cover}.process-panel .steps-list,.memo-panel ul,.city-story ul{margin:0;padding-left:16px;display:grid;gap:8px;color:color-mix(in srgb,var(--text) 92%,white 8%)}.city-story p{margin:0 0 10px;color:var(--muted)}.memo-panel li,.process-panel li,.city-story li{line-height:1.45}.data-table{width:100%;border-collapse:collapse;font-size:.88rem}.data-table caption{text-align:left;color:var(--muted);margin-bottom:10px}.data-table th,.data-table td{border-bottom:1px solid color-mix(in srgb,var(--line) 80%,transparent 20%);padding:9px 8px}.data-table th{color:color-mix(in srgb,var(--text) 72%,var(--cyan) 28%);text-align:left}.faq-list,.glossary-list{display:grid;gap:10px}.faq-item,.glossary-item{border:1px solid color-mix(in srgb,var(--line) 75%,transparent 25%);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--panel) 85%,black 15%)}.faq-item dt,.glossary-item dt{font-weight:700;margin-bottom:6px}.faq-item dd,.glossary-item dd{margin:0;color:color-mix(in srgb,var(--text) 90%,white 10%)}@media(max-width:1220px){.metrics-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero,.grid-two{grid-template-columns:1fr}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app-shell{padding:14px}.metrics-grid,.filters,.gallery-grid{grid-template-columns:1fr}.chart-box{height:240px}.heatmap-wrap{grid-template-columns:1fr}.heatmap-axis.left{grid-row:2;grid-template-columns:repeat(7,1fr)}.axis-label.day{justify-content:center}.heatmap-axis.top,.heatmap-legend{grid-column:1}}