:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162019;background:#f3f7f3}*{box-sizing:border-box}body{margin:0;min-width:320px}.app{max-width:860px;margin:0 auto;padding:0 12px 90px}.header{position:sticky;top:0;z-index:1000;background:#fffffffa;display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #dce6dc}.logo{font-weight:800;letter-spacing:.5px}.desktop-nav{display:flex;gap:12px}.desktop-nav a{text-decoration:none;color:#244128;font-size:14px}.city-switch{display:flex;align-items:center;gap:8px}.city-switch button{border:none;background:transparent;font-weight:600;opacity:.65;min-width:44px;min-height:44px;cursor:pointer;position:relative}.city-switch button.active{opacity:1;color:#1b5e20;font-weight:800}.city-switch .dot{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:999px;background:#ff6f00}.card{background:#fff;border:1px solid #dfebdf;border-radius:16px;padding:16px;margin-top:12px}.hero .cta,.controls .cta{width:100%;background:#1b5e20;color:#fff;border:none;border-radius:12px;min-height:54px;font-size:18px;font-weight:700}.hero-meta{margin-top:10px;display:grid;gap:4px;color:#42634a;font-size:14px}.steps{display:flex;gap:6px;flex-wrap:wrap}.step{padding:6px 10px;border-radius:999px;border:1px solid #d1e4d3;font-size:13px}.step.active{background:#e5f6e7;border-color:#9fc8a3}label{display:grid;gap:8px;margin-top:12px}input,select{min-height:44px;border-radius:10px;border:1px solid #c7d8c9;padding:0 10px}.controls{margin-top:12px;display:flex;gap:8px}.controls button{flex:1;min-height:44px;border-radius:10px;border:1px solid #c2d0c4;background:#f5faf6}.catalog-grid,.feature-grid{display:grid;gap:8px}.catalog-item{text-align:left;padding:10px;border-radius:12px;border:1px solid #d4e5d5;background:#f7fcf7}.catalog-item span{display:block;margin-top:4px;font-size:13px;color:#446147}.timeline{display:grid;gap:6px;margin:10px 0}.timeline span{padding:6px 10px;border-radius:8px;background:#edf2ed}.timeline span.active{background:#d8f0db}.history-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.history-list li{border:1px solid #dce8dd;border-radius:10px;padding:10px}.footer{display:grid;gap:4px;margin-bottom:20px}.long-content-item{border-top:1px solid #dde8de;margin-top:12px;padding-top:12px}.long-content-text{white-space:pre-wrap;line-height:1.45;color:#1f2a20}@media(max-width:700px){.desktop-nav{display:none}}