.hero{color:#fff;background:radial-gradient(1100px 520px at 88% -12%,#c9973f3d,transparent 60%), radial-gradient(900px 520px at -10% 110%,#0f8b8d47,transparent 60%),var(--navy);padding:64px 0 0;position:relative}.hero:before{content:"";background-image:var(--pattern);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 90%);mask-image:linear-gradient(#000 0%,#0000 90%)}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid;position:relative}.hero-tag{color:#d6dfeb;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:9px;padding:6px 13px;font-size:13px;display:inline-flex}.hero-tag .dot{background:#3dd68c;border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 0 4px #3dd68c2e}@keyframes pulse{50%{box-shadow:0 0 0 7px #3dd68c00}}.hero h1{font:800 clamp(40px,5.4vw,66px)/1.02 var(--display);letter-spacing:-.03em;margin:22px 0 18px}.hero h1 em{color:var(--gold-2);font-style:normal}.lead{color:#c3cfde;max-width:540px;margin:0 0 28px;font-size:17px}.cta{flex-wrap:wrap;gap:12px;display:flex}.sims{color:#8fa3be;flex-wrap:wrap;align-items:center;gap:8px;margin-top:30px;font-size:12.5px;display:flex}.sims b{font:600 11.5px var(--mono);color:#e4eaf2;border:1px solid #ffffff24;border-radius:6px;padding:4px 9px}.board{background:#06111f;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -20px #0000008c}.board-h{font:700 12px var(--mono);letter-spacing:2px;color:#f2c76e;background:#0a1828;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.board-h .clk{color:#e8eef6;letter-spacing:1px}.board table{border-collapse:collapse;width:100%;font:600 13px var(--mono)}.board th{font:600 10px var(--mono);letter-spacing:1.5px;color:#5f7591;text-align:left;padding:10px 16px 6px}.board td{color:#f4d58d;white-space:nowrap;border-top:1px solid #ffffff0b;padding:9px 16px}.board td.w{color:#e8eef6}.board td.r{color:#9fb3cc}.st{letter-spacing:1px;font-size:11px}.st.air{color:#3dd68c}.st.brd{color:#f2c76e;animation:1.4s steps(2,end) infinite blink}.st.taxi{color:#5bd0c4}.st.sch{color:#6e819a}@keyframes blink{50%{opacity:.35}}.board-f{font:500 11px var(--font);color:#5f7591;border-top:1px solid #ffffff0f;padding:10px 16px}.stats{z-index:2;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;margin-bottom:-56px;display:grid;position:relative}.stat{background:var(--surface);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:18px 20px}.stat b{font:700 28px/1.2 var(--display);font-variant-numeric:tabular-nums;display:block}.stat span{color:var(--muted);font-size:13px}.after-hero{padding-top:128px}.live-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:stretch;gap:20px;display:grid}.map-card{flex-direction:column;display:flex;overflow:hidden}#map{height:470px}.map-foot{color:var(--muted);border-top:1px solid var(--line-2);flex-wrap:wrap;gap:18px;padding:12px 18px;font-size:12.5px;display:flex}.map-foot i{vertical-align:middle;border-radius:2px;width:18px;height:3px;margin-right:6px;display:inline-block}.live-list{flex-direction:column;display:flex;overflow:hidden}.live-list ul{flex:1;max-height:470px;margin:0;padding:4px 0;list-style:none;overflow:auto}.live-list li{cursor:pointer;border-bottom:1px solid var(--line-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 18px;display:grid}.live-list li:hover{background:var(--surface-2)}.li-main b{font:600 13.5px var(--mono)}.li-main .sub{color:var(--muted);align-items:center;gap:8px;margin-top:2px;font-size:12px;display:flex}.li-main .sub .route{font-size:11.5px}.li-main .bar{height:4px;margin-top:8px}.li-side{justify-items:end;gap:5px;display:grid}.chips{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);font:600 13px var(--font);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:7px 14px}.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}.al-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.al-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:transform .15s,box-shadow .15s;display:block}.al-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.al-top{align-items:center;gap:12px;min-width:0;display:flex}.al-top b{font:600 15px/1.3 var(--display);display:block}.al-top .muted{font-size:12.5px}.al-meta{border-top:1px dashed var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:14px;display:grid}.al-meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.7px;font-size:10.5px;display:block}.al-meta b{font:600 14px var(--font)}.more{justify-content:center;margin-top:24px;display:flex}.how{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.step{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative}.step .ic{background:var(--gold-soft);width:46px;height:46px;color:var(--gold-ink);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.step .ic svg{width:22px;height:22px}.step h3{margin:0 0 6px;font-size:16px}.step p{color:var(--muted);margin:0;font-size:14px}.step .n{font:700 13px var(--mono);color:#c9c1b3;position:absolute;top:18px;right:20px}.band{background:linear-gradient(120deg,var(--navy) 0%,var(--navy-3) 100%);color:#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:44px;display:flex;position:relative;overflow:hidden}.band:before{content:"";background-image:var(--pattern);opacity:.8;pointer-events:none;position:absolute;inset:0}.band>*{position:relative}.band h2{font:700 28px/1.2 var(--display);margin:0 0 6px}.band p{color:#b8c6d8;margin:0}@media (max-width:1100px){.hero-grid,.live-grid{grid-template-columns:1fr}.al-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,1fr)}.after-hero{padding-top:200px}}@media (max-width:560px){.al-grid,.steps{grid-template-columns:1fr}.board th:nth-child(4),.board td:nth-child(4){display:none}.board td,.board th{padding-left:10px;padding-right:10px}.band{padding:28px}}
