.route-bar{background:#0a2018;border-bottom:1px solid #1a4030;padding:.4rem 0;font-size:.72rem;color:#6a9880;font-family:monospace}
.route-bar .container{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}
.route-bar em{color:#34d399;font-style:normal;font-weight:700}

.hero-route{padding:2.5rem 0 3rem;background:#071510}
.hero-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:2rem;align-items:center}
.hero-layout h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;color:#e8f8f0;line-height:1.35;margin-bottom:.85rem}
.hero-layout h1 em{color:#34d399;font-style:normal}
.hero-desc{color:#8ab898;font-size:.92rem;margin-bottom:1.2rem;max-width:520px}
.hero-btns{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.5rem}
.hub-stats{display:flex;flex-wrap:wrap;gap:.75rem}
.hub-stats .hs{background:#0a2018;border:1px solid #1a4030;padding:.6rem 1rem;min-width:88px;text-align:center}
.hub-stats strong{display:block;font-size:1.2rem;color:#34d399;font-weight:800;font-family:monospace}
.hub-stats span{font-size:.68rem;color:#6a9880}

.network-map{background:#0a2018;border:1px solid #1a4030;border-radius:8px;padding:1rem;position:relative}
.network-map svg{width:100%;height:auto;display:block}
.map-caption{text-align:center;font-size:.72rem;color:#6a9880;margin-top:.5rem;font-family:monospace}

.hub-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.hub-card{background:#0a2018;border:1px solid #1a4030;padding:1.2rem;border-top:2px solid #34d399}
.hub-card:nth-child(2){border-top-color:#6ee7b7}
.hub-card:nth-child(3){border-top-color:#059669}
.hub-code{font-family:monospace;font-size:.68rem;color:#34d399;margin-bottom:.4rem}
.hub-card h3{font-size:.95rem;color:#e8f8f0;margin-bottom:.4rem;font-weight:800}
.hub-card p{font-size:.82rem;color:#6a9880;line-height:1.55}

.flight-path{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;position:relative}
.flight-path::before{content:"";position:absolute;top:28px;left:12%;right:12%;height:2px;background:#1a4030;z-index:0}
.flight-leg{background:#0a2018;border:1px solid #1a4030;padding:1.2rem;text-align:center;position:relative;z-index:1}
.flight-dot{width:36px;height:36px;border-radius:50%;background:#0f3024;border:2px solid #34d399;color:#34d399;font-weight:800;font-size:.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto .65rem;font-family:monospace}
.flight-leg h3{font-size:.92rem;color:#e8f8f0;margin-bottom:.35rem;font-weight:800}
.flight-leg p{font-size:.8rem;color:#6a9880;line-height:1.5}

.route-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.route-pane{background:#0a2018;border:1px solid #1a4030}
.route-pane .head{background:#0f3024;padding:.55rem 1rem;font-family:monospace;font-size:.72rem;color:#34d399;border-bottom:1px solid #1a4030}
.route-pane:nth-child(2) .head{color:#6ee7b7}
.route-pane .body{padding:1rem 1.1rem}
.route-pane h3{font-size:.9rem;color:#e8f8f0;margin-bottom:.55rem;font-weight:800}
.route-pane li{font-size:.82rem;color:#6a9880;padding:.28rem 0 .28rem 1rem;position:relative;line-height:1.45}
.route-pane li::before{content:"→";position:absolute;left:0;color:#34d399;font-size:.75rem}

.route-cta{background:#0f3024;border-top:1px solid #34d399;border-bottom:1px solid #34d399;padding:2.5rem 0;text-align:center}
.route-cta h2{font-size:clamp(1.1rem,2.8vw,1.45rem);color:#e8f8f0;margin-bottom:.45rem;font-weight:800}
.route-cta p{color:#6a9880;font-size:.88rem;margin-bottom:1.1rem}

.hero-img-wrap{margin-top:1rem;border:1px solid #1a4030;border-radius:6px;overflow:hidden}

@media(max-width:900px){
  .hero-layout,.hub-cards,.flight-path,.route-dual{grid-template-columns:1fr}
  .flight-path::before{display:none}
}