:root{--bg:#0a0a14;--text:#e8e8f0;--text-dim:rgba(232, 232, 240, 0.6);--accent:#00d4ff;--accent-dim:rgba(0, 212, 255, 0.15);--card-bg:rgba(255, 255, 255, 0.03);--border:rgba(255, 255, 255, 0.08);--green:#10b981;--warning:#f59e0b}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.7;min-height:100vh}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:rgba(10,10,20,.95);backdrop-filter:blur(12px);position:sticky;top:0;z-index:100}.landing-nav-logo{font-family:Orbitron,monospace;font-weight:700;font-size:1rem;color:var(--accent);text-decoration:none;letter-spacing:2px}.landing-nav-menu{margin-left:auto}.landing-nav-search{position:relative;width:min(280px,34vw);margin-left:auto}.landing-nav-search input{width:100%;min-height:38px;padding:.48rem .72rem;border:1px solid var(--border);border-radius:8px;outline:0;background:rgba(255,255,255,.035);color:var(--text);font:inherit;font-size:.82rem}.landing-nav-search input:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.landing-nav-search-results{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 32px));padding:.35rem;border:1px solid var(--border);border-radius:9px;background:#0f1020;box-shadow:0 16px 36px rgba(0,0,0,.4)}.landing-nav-search-results a{display:grid;gap:.08rem;padding:.52rem .6rem;border-radius:7px;color:var(--text);text-decoration:none}.landing-nav-search-results a:focus-visible,.landing-nav-search-results a:hover{background:var(--accent-dim)}.landing-nav-search-results strong{font-size:.78rem}.landing-nav-search-results p,.landing-nav-search-results span{color:var(--text-dim);font-size:.7rem;line-height:1.35}.landing-nav-search-results p{padding:.55rem}.landing-nav-toggle{display:none}.landing-nav-links{display:flex;gap:24px;list-style:none;flex-wrap:wrap;justify-content:flex-end}.landing-nav-links a{color:var(--text-dim);text-decoration:none;font-size:.85rem;transition:color .2s}.landing-nav-links a.active,.landing-nav-links a:hover{color:var(--accent)}.landing-hero{text-align:center;padding:80px 24px 48px;max-width:800px;margin:0 auto}.landing-hero h1{font-family:Orbitron,monospace;font-size:clamp(1.8rem, 4vw, 2.8rem);font-weight:800;color:var(--accent);letter-spacing:2px;text-shadow:0 0 40px rgba(0,212,255,.2);margin-bottom:16px;line-height:1.2}.landing-hero .subtitle{font-size:1.1rem;color:var(--text-dim);max-width:600px;margin:0 auto}.live-stats-row{display:flex;justify-content:center;gap:32px;margin-top:32px;flex-wrap:wrap}.live-stat{text-align:center}.live-stat-value{font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;color:var(--accent);display:block}.live-stat-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.landing-content{max-width:800px;margin:0 auto;padding:0 24px 80px}.landing-section{margin-bottom:56px}.landing-section h2{font-family:Orbitron,monospace;font-size:1.2rem;color:var(--accent);letter-spacing:1px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.landing-section p{color:var(--text);font-size:.95rem;margin-bottom:12px}.landing-section ul{list-style:none;padding:0}.landing-section li{padding:8px 0;padding-left:20px;position:relative;color:var(--text);font-size:.95rem}.landing-section li::before{content:'→';position:absolute;left:0;color:var(--accent)}.landing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.landing-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s}.landing-card:hover{border-color:rgba(0,212,255,.2)}.landing-card h3{font-size:.85rem;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.landing-card .value{font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700;color:var(--text)}.landing-card .value-detail{margin-top:6px;font-size:.78rem;line-height:1.35;color:var(--text-dim)}.landing-source-note{margin-top:-10px;color:var(--text-dim);font-size:.82rem}.landing-table{width:100%;border-collapse:collapse;font-size:.85rem;margin:16px 0}.landing-table th{text-align:left;padding:10px 12px;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);border-bottom:1px solid var(--border)}.landing-table td{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text)}.landing-table a{color:var(--accent);text-decoration:none}.landing-table a:hover{text-decoration:underline}.landing-table tbody tr:hover{background:rgba(255,255,255,.02)}.landing-cta{margin-top:16px;text-align:center}.landing-cta a{color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem}.landing-cta a:hover{text-decoration:underline}.landing-btn{display:inline-block;padding:12px 32px;background:var(--accent-dim);border:1px solid rgba(0,212,255,.3);border-radius:8px;color:var(--accent);text-decoration:none;font-family:Orbitron,monospace;font-size:.85rem;font-weight:600;letter-spacing:1px;transition:all .2s}.landing-btn:hover{background:rgba(0,212,255,.25);box-shadow:0 0 20px rgba(0,212,255,.15)}[data-live]{transition:opacity .3s}[data-live].live-loaded{animation:live-flash .4s ease}@keyframes live-flash{0%{color:var(--accent)}100%{color:inherit}}.landing-footer{padding:32px 24px;border-top:1px solid var(--border);color:var(--text-dim);font-size:.75rem;display:grid;gap:22px}.landing-footer a{color:var(--accent);text-decoration:none}.landing-footer-map{width:min(1040px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;text-align:left}.landing-footer-group{min-width:0;padding:12px;border:1px solid var(--border);background:rgba(255,255,255,.025)}.landing-footer-group strong{display:block;margin-bottom:8px;color:var(--text);font-size:.72rem;text-transform:uppercase;letter-spacing:1px}.landing-footer-group span{display:flex;flex-wrap:wrap;gap:7px 12px}.landing-footer-group a{color:var(--text-dim)}.landing-footer-group a:hover{color:var(--accent)}.landing-footer-base{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.landing-map-link{display:block;padding:12px;border:1px solid var(--border);color:var(--text);text-decoration:none}.landing-map-link span{display:block;margin-top:4px;color:var(--text-dim);font-size:.82rem}@media (max-width:640px){.landing-hero{padding:48px 16px 32px}.landing-content{padding:0 16px 48px}.live-stats-row{gap:16px}.live-stat-value{font-size:1.2rem}.landing-nav{padding:10px 16px;overflow:visible;flex-wrap:wrap}.landing-nav-logo{max-width:calc(100vw - 132px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-nav-menu{position:relative}.landing-nav-search{order:3;width:100%;margin-top:8px}.landing-nav-search-results{right:auto;left:0;width:100%}.landing-nav-toggle{display:inline-flex;min-width:96px;min-height:44px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text);cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:.04em;list-style:none}.landing-nav-toggle::-webkit-details-marker{display:none}.landing-nav-toggle::marker{content:''}.landing-nav-menu[open] .landing-nav-toggle{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--accent)}.landing-nav-menu[open] .landing-nav-toggle span:last-child{transform:rotate(180deg)}.landing-nav-menu:not([open])>.landing-nav-links{display:none}.landing-nav-menu[open]>.landing-nav-links{position:absolute;top:calc(100% + 8px);right:0;display:grid;width:min(300px,calc(100vw - 32px));max-height:min(420px,calc(100vh - 86px));gap:4px;overflow-y:auto;padding:8px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));border-radius:10px;background:rgba(10,10,20,.98);box-shadow:0 18px 50px rgba(0,0,0,.38)}.landing-nav-links a{display:flex;min-height:44px;align-items:center;padding:8px 10px;border-radius:6px;font-size:.8rem}.landing-nav-links a.active,.landing-nav-links a:focus-visible,.landing-nav-links a:hover{background:var(--accent-dim)}}