.hero{
  position:relative;
  overflow:hidden;
  min-height:760px;
  padding:44px 0 36px;
  background-image:
    linear-gradient(180deg,rgba(4,4,9,.03) 0%,rgba(4,4,9,.04) 58%,rgba(4,4,9,.16) 100%),
    url('/assets/travel-legwork-hero-desktop.jpg?v=20260915');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  background-color:#05050a;
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:linear-gradient(90deg,rgba(4,4,9,.05) 0%,rgba(4,4,9,.02) 30%,rgba(4,4,9,0) 58%);
}
.hero:after{content:none!important}
.hero-grid{
  position:relative;
  z-index:2;
  min-height:680px;
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr);
  gap:42px;
  align-items:start;
}
.hero-grid>div:first-child{padding-top:10px;max-width:760px}
.hero .kicker{background:rgba(8,8,14,.34);backdrop-filter:blur(6px);border-color:rgba(155,108,255,.40)}
.hero h1{text-shadow:0 4px 24px rgba(0,0,0,.42)}
.hero-sub{color:#f4f0f7;text-shadow:0 2px 14px rgba(0,0,0,.52)}
.hero-point{background:rgba(8,8,14,.38);backdrop-filter:blur(5px);border-color:rgba(255,255,255,.22)}
.travel-window{
  position:relative;
  min-height:680px;
  border:0;
  border-radius:0;
  overflow:visible;
  background:transparent;
  box-shadow:none;
}
.travel-window:before,.travel-window:after,.route-dot,.flight-path,.plane{display:none!important}
.route-card{
  left:-4%;
  right:0;
  bottom:82px;
  padding:18px;
  background:linear-gradient(145deg,rgba(9,9,16,.91),rgba(18,12,23,.84));
  border:1px solid rgba(255,255,255,.25);
  box-shadow:0 22px 70px rgba(0,0,0,.38);
  backdrop-filter:blur(14px);
}
.route-mini span{background:rgba(17,18,29,.88)}

@media (max-width:1080px){
  .hero{
    min-height:auto;
    padding:48px 0 38px;
    background-position:58% center;
  }
  .hero-grid{grid-template-columns:1fr;min-height:0;gap:20px}
  .hero-grid>div:first-child{max-width:760px;padding-top:0}
  .travel-window{min-height:330px}
  .route-card{left:5%;right:5%;bottom:34px}
}

@media (max-width:700px){
  .hero{
    padding:40px 0 28px;
    min-height:auto;
    background-image:
      linear-gradient(180deg,rgba(5,5,10,.08) 0%,rgba(5,5,10,.03) 42%,rgba(5,5,10,.10) 100%),
      url('/assets/travel-legwork-hero-mobile.jpg?v=20260915');
    background-size:cover;
    background-position:62% center;
    background-repeat:no-repeat;
  }
  .hero:before{
    background:linear-gradient(180deg,rgba(5,5,10,.10) 0%,rgba(5,5,10,.03) 38%,rgba(5,5,10,0) 60%,rgba(5,5,10,.08) 100%);
  }
  .hero-grid{gap:14px}
  .hero h1{font-size:clamp(2.7rem,13vw,4.2rem);line-height:.95}
  .hero-sub{font-size:1rem;line-height:1.55;max-width:96%}
  .hero-points{gap:8px;margin-top:18px}
  .hero-cta-row{margin-top:22px}
  .travel-window{min-height:430px}
  .route-card{
    left:0;
    right:0;
    bottom:12px;
    padding:15px;
    border-radius:15px;
  }
  .route-code{font-size:1.12rem}
  .route-mini{grid-template-columns:repeat(5,1fr);gap:5px}
  .route-mini span{font-size:.58rem;padding:6px 2px}
}

@media (max-width:430px){
  .hero{background-position:64% center}
  .travel-window{min-height:460px}
  .route-card{bottom:10px}
}