:root{--bg-deep: #001528;--bg-gradient: linear-gradient(160deg, #001e3c 0%, #0a2f52 45%, #001528 100%);--bg-panel: rgba(0, 22, 44, .92);--bg-card: rgba(0, 20, 40, .6);--bg-inset: rgba(0, 0, 0, .3);--accent: #4fc3f7;--accent-strong: #29b6f6;--accent-ink: #001e3c;--text: #e8f4fc;--text-muted: #a8cce0;--text-faint: #7a9bb0;--border: rgba(79, 195, 247, .25);--border-strong: rgba(79, 195, 247, .45);--live-bg: #1b5e20;--live-ink: #c8e6c9;--demo-bg: #4a3f00;--demo-ink: #fff9c4;--radius: 10px;--radius-sm: 6px;--nav-h: 48px;--shadow: 0 8px 32px rgba(0, 0, 0, .45);--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem}html,body{margin:0;padding:0;height:100%;background:var(--bg-deep);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*,*:before,*:after{box-sizing:border-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:.65rem 1.2rem;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-strong)}.btn--ghost{background:transparent;color:var(--accent);border-color:var(--accent)}.btn--ghost:hover{background:#4fc3f726}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--s4)}.card--hover{transition:border-color .2s,transform .2s}.card--hover:hover{border-color:var(--accent);transform:translateY(-2px)}.badge{display:inline-block;font-size:.7rem;padding:.15rem .45rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.badge--live{background:var(--live-bg);color:var(--live-ink)}.badge--demo{background:var(--demo-bg);color:var(--demo-ink)}.pilot-banner{display:inline-flex;align-items:center;gap:var(--s2);font-size:.85rem;color:var(--text-muted);background:#4fc3f71a;border:1px solid var(--border);border-radius:999px;padding:.3rem .85rem}.map-shell{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-deep)}.map-viewport{flex:1;min-height:0;position:relative;width:100%}.map-viewport>[map]{position:absolute;inset:0}.map-viewport google-map,.map-viewport .map-container{display:block;height:100%!important;width:100%!important}.map-panel{position:absolute;z-index:1000;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.map-panel--left{top:calc(var(--nav-h) + 12px);left:12px;width:min(300px,100vw - 24px);max-height:calc(100vh - var(--nav-h) - 24px);overflow-y:auto;padding:14px 16px}.map-panel--right{top:calc(var(--nav-h) + 12px);right:12px;width:min(220px,100vw - 24px);max-height:50vh;overflow-y:auto;padding:12px 14px}.map-panel--bottom-right{bottom:12px;right:12px;padding:10px 12px}.map-panel h3,.map-panel h4{margin:0 0 8px;color:var(--accent);font-size:.95rem;font-weight:600}.map-panel .lead{font-size:.82rem;color:var(--text-muted);margin:0 0 10px}@media (max-width: 768px){.map-panel--left,.map-panel--right{inset:auto 12px 12px;width:auto;max-height:45vh}.map-panel--right{bottom:calc(45vh + 24px)}}.app-page{min-height:100vh;background:var(--bg-gradient);color:var(--text)}.app-page__main{max-width:1100px;margin:0 auto;padding:var(--s5) var(--s5) var(--s6)}