:root { --primary: #1E3A8A; --accent: #F59E0B; --bg: #F3F4F6; }
* { box-sizing: border-box; }
body { margin:0; font-family: -apple-system, sans-serif; background:#fff; color:#111827; }
.container { max-width: 480px; margin: 0 auto; padding: 0 15px; }
.hero { background: var(--primary); color: white; text-align: center; padding: 20px 15px 40px; position: relative; }
.btn-call { display:block; background: var(--accent); color:#000; font-size:20px; font-weight:bold; text-decoration:none; padding:20px; border-radius:12px; box-shadow:0 4px 15px rgba(245,158,11,0.4); }
.btn-call-small { display:none; position:fixed; bottom:20px; left:20px; right:20px; padding:18px; font-size:18px; border-radius:56px; background:var(--accent); color:#000; text-align:center; text-decoration:none; z-index:100; }
.badges { display:flex; justify-content:center; gap:10px; margin-top:15px; flex-wrap:wrap; }
.badges span { background:rgba(255,255,255,0.2); padding:6px 12px; border-radius:20px; font-size:14px; }
.live-status { margin-top:15px; font-size:16px; font-weight:bold; min-height:24px; }
.situations { padding:20px 0; }
.tile { display:block; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:20px; margin-bottom:15px; text-decoration:none; color:#111827; text-align:center; border-left:4px solid var(--accent); }
.tile .icon { font-size:40px; display:block; margin-bottom:10px; }
.prices table { width:100%; border-collapse:collapse; margin:20px 0; }
.prices th, .prices td { border:1px solid #e5e7eb; padding:12px; text-align:left; }
.price-note { font-weight:bold; color:var(--primary); text-align:center; margin-top:10px; }
.trust-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:20px 0; }
.district-list { display:flex; flex-wrap:wrap; gap:10px; margin-top:15px; }
.district-list span { background:var(--bg); padding:8px 12px; border-radius:20px; font-size:14px; }
.footer { text-align:center; padding:30px 15px; background:var(--bg); }
@media (max-width: 480px) { .btn-call-small { display:block; } }