Embed

<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
<style>
  #bg_range_wrap{
    max-width: 980px;
    margin: 18px auto;
    padding: 18px;
    border: 1px solid rgba(0,0,0,.10);
    border-radius: 18px;
    background: #fff;
  }
  #bg_range_title{ margin:0 0 6px; font-size:20px; font-weight:900; }
  #bg_range_desc{ margin:0 0 14px; font-size:13px; opacity:.78; line-height:1.35; }

  .bg_range_grid{
    display:grid;
    grid-template-columns: 1.2fr .8fr;
    gap:10px;
    margin-bottom: 12px;
  }
  @media (max-width: 720px){
    .bg_range_grid{ grid-template-columns: 1fr; }
  }
  .bg_field{ position:relative; }
  .bg_field label{ display:block; font-size:12px; font-weight:900; margin:0 0 6px; }
  .bg_field input, .bg_field select{
    width:100%;
    box-sizing:border-box;
    padding:12px;
    border-radius:14px;
    border:1px solid rgba(0,0,0,.18);
    font-size:16px;
    background:#fff;
    outline:none;
  }
  .bg_suggest{
    position:absolute;
    left:0; right:0;
    top: calc(100% + 6px);
    border:1px solid rgba(0,0,0,.12);
    border-radius:14px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    overflow:hidden;
    display:none;
    z-index:999999;
    max-height:280px;
  }
  .bg_item{
    width:100%;
    text-align:left;
    border:none;
    background:#fff;
    padding:12px;
    cursor:pointer;
    font-size:14px;
  }
  .bg_item:hover{ background: rgba(0,0,0,.04); }
  .bg_item strong{ font-weight:900; }
  .bg_sub{ display:block; font-size:12px; opacity:.75; margin-top:2px; }

  #bg_range_actions{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom: 12px;
  }
  #bg_range_btn{
    border:none;
    border-radius:14px;
    padding:13px 16px;
    font-size:16px;
    font-weight:900;
    background:#111;
    color:#fff;
    cursor:pointer;
  }
  #bg_range_clear{
    border:1px solid rgba(0,0,0,.18);
    border-radius:14px;
    padding:13px 16px;
    font-size:16px;
    font-weight:900;
    background:#fff;
    cursor:pointer;
  }

  #bg_map{
    width:100%;
    height: 440px;
    border-radius: 18px;
    overflow:hidden;
    border: 1px solid rgba(0,0,0,.08);
  }
  @media (max-width: 720px){
    #bg_map{ height: 420px; }
  }

  #bg_range_note{
    margin: 10px 0 0;
    font-size: 12px;
    opacity: .75;
    line-height: 1.35;
  }
</style>

<div id="bg_range_wrap">
  <h2 id="bg_range_title">Jet Range Map</h2>
  <p id="bg_range_desc">Select a departure airport + aircraft category to visualize approximate nonstop reach. (Real range varies with winds, payload, runway limits, and aircraft type.)</p>

  <div class="bg_range_grid">
    <div class="bg_field">
      <label for="bg_range_from">Departure airport</label>
      <input id="bg_range_from" placeholder="Type city or code (e.g., BLM, TEB, Los Angeles)" autocomplete="off">
      <div class="bg_suggest" id="bg_range_s"></div>
    </div>

    <div class="bg_field">
      <label for="bg_range_size">Aircraft category</label>
      <select id="bg_range_size">
        <option value="" disabled selected>Select</option>
        <option value="light">Light</option>
        <option value="mid">Mid size</option>
        <option value="heavy">Heavy</option>
        <option value="ulr">Ultra long range</option>
        <option value="vip">VIP airliner</option>
      </select>
    </div>
  </div>

  <div id="bg_range_actions">
    <button id="bg_range_btn" type="button">Show range</button>
    <button id="bg_range_clear" type="button">Clear</button>
  </div>

  <div id="bg_map"></div>

  <p id="bg_range_note">
    Tip: This is a visual guide. Exact routing/nonstop capability depends on the specific tail, winds, fuel reserves, and passenger/luggage load.
  </p>
</div>

<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script>
(function(){
  // Airports dataset
  const AIRPORTS_CSV_URL = "https://davidmegginson.github.io/ourairports-data/airports.csv";
  let AIRPORTS = [];
  let airportsReady = false;
  let airportsLoading = false;

  // Approx ranges (nautical miles) with built-in buffer (conservative-ish)
  const RANGES_NM = {
    light: 1500,   // typical ~1600, buffered
    mid:   2100,   // typical ~2200, buffered
    heavy: 3100,   // typical ~3300, buffered
    ulr:   4800,   // typical ~5200, buffered
    vip:   6200    // typical ~6500, buffered
  };

  const $ = (id)=>document.getElementById(id);
  const input = $("bg_range_from");
  const box = $("bg_range_s");
  const sizeSel = $("bg_range_size");
  const goBtn = $("bg_range_btn");
  const clearBtn = $("bg_range_clear");

  let selectedAirport = null;

  // Leaflet map
  const map = L.map("bg_map", { scrollWheelZoom: false });
  const tiles = L.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
    maxZoom: 18,
    attribution: '&copy; OpenStreetMap'
  }).addTo(map);

  // start view
  map.setView([35, -20], 2);

  let marker = null;
  let circle = null;

  function splitCSVLine(line){
    const out = [];
    let cur = "", inQ = false;
    for (let i=0;i<line.length;i++){
      const ch = line[i];
      if (ch === '"'){
        if (inQ && line[i+1] === '"'){ cur += '"'; i++; }
        else inQ = !inQ;
      } else if (ch === ',' && !inQ){
        out.push(cur); cur = "";
      } else cur += ch;
    }
    out.push(cur);
    return out;
  }

  async function loadAirports(){
    if (airportsReady || airportsLoading) return;
    airportsLoading = true;
    try{
      const res = await fetch(AIRPORTS_CSV_URL, { cache: "force-cache" });
      const text = await res.text();
      const lines = text.split(/\r?\n/);
      const header = splitCSVLine(lines[0]);

      const idx = (name)=> header.indexOf(name);
      const iataIdx = idx("iata_code");
      const nameIdx = idx("name");
      const muniIdx = idx("municipality");
      const countryIdx = idx("iso_country");
      const latIdx = idx("latitude_deg");
      const lonIdx = idx("longitude_deg");

      const arr = [];
      for (let i=1;i<lines.length;i++){
        const line = lines[i];
        if (!line) continue;
        const cols = splitCSVLine(line);

        const code = (cols[iataIdx] || "").trim();
        if (!code || code.length !== 3) continue;

        const lat = parseFloat((cols[latIdx] || "").trim());
        const lon = parseFloat((cols[lonIdx] || "").trim());
        if (!isFinite(lat) || !isFinite(lon)) continue;

        arr.push({
          code: code.toUpperCase(),
          name: (cols[nameIdx] || "").trim(),
          city: (cols[muniIdx] || "").trim(),
          country: (cols[countryIdx] || "").trim(),
          lat, lon
        });
      }

      // de-dupe
      const seen = new Set();
      AIRPORTS = arr.filter(a => (seen.has(a.code) ? false : (seen.add(a.code), true)));
      airportsReady = true;
    } catch(e){
      console.log("Airport load failed", e);
      // fallback minimal
      AIRPORTS = [
        {code:"BLM", name:"Monmouth Executive", city:"Belmar / Wall, NJ", country:"US", lat:40.1869, lon:-74.1249},
        {code:"TEB", name:"Teterboro", city:"Teterboro, NJ", country:"US", lat:40.8501, lon:-74.0608},
        {code:"JFK", name:"John F. Kennedy International", city:"New York, NY", country:"US", lat:40.6413, lon:-73.7781},
        {code:"LAX", name:"Los Angeles International", city:"Los Angeles, CA", country:"US", lat:33.9416, lon:-118.4085},
        {code:"TLV", name:"Ben Gurion", city:"Tel Aviv", country:"IL", lat:32.0114, lon:34.8867}
      ];
      airportsReady = true;
    } finally {
      airportsLoading = false;
    }
  }

  function showBox(html){
    box.innerHTML = html;
    box.style.display = "block";
  }
  function hideBox(){
    box.style.display = "none";
    box.innerHTML = "";
  }

  function formatOption(a){
    const loc = [a.city, a.country].filter(Boolean).join(", ");
    return `
      <button type="button" class="bg_item" data-code="${a.code}">
        <strong>${a.code}</strong> — ${loc || " "}
        <span class="bg_sub">${a.name || ""}</span>
      </button>
    `;
  }

  function matchAirports(q){
    const query = (q || "").trim().toLowerCase();
    if (!query) return [];
    return AIRPORTS
      .filter(a =>
        a.code.toLowerCase().includes(query) ||
        (a.name||"").toLowerCase().includes(query) ||
        (a.city||"").toLowerCase().includes(query)
      )
      .slice(0, 10);
  }

  function resolveByCode(v){
    const code = (v||"").trim().toUpperCase();
    if (code.length !== 3) return null;
    return AIRPORTS.find(a => a.code === code) || null;
  }

  input.addEventListener("focus", async ()=>{
    if (!airportsReady){
      showBox(`<button type="button" class="bg_item"><strong>Loading airports…</strong><span class="bg_sub">One-time load</span></button>`);
      await loadAirports();
    }
    const m = matchAirports(input.value);
    if (m.length) showBox(m.map(formatOption).join(""));
    else hideBox();
  });

  input.addEventListener("input", async ()=>{
    selectedAirport = null;
    if (!airportsReady){
      showBox(`<button type="button" class="bg_item"><strong>Loading airports…</strong><span class="bg_sub">One-time load</span></button>`);
      await loadAirports();
    }
    const m = matchAirports(input.value);
    if (m.length) showBox(m.map(formatOption).join(""));
    else hideBox();
  });

  box.addEventListener("click", (e)=>{
    const b = e.target.closest(".bg_item");
    if (!b) return;
    const code = b.getAttribute("data-code");
    const a = AIRPORTS.find(x => x.code === code);
    if (!a) return;
    input.value = code;
    selectedAirport = a;
    hideBox();
  });

  input.addEventListener("blur", ()=> setTimeout(hideBox, 150));

  function nmToMeters(nm){ return nm * 1852; }

  function draw(){
    const sizeKey = sizeSel.value;
    if (!sizeKey){
      alert("Select aircraft category");
      return;
    }
    let a = selectedAirport || resolveByCode(input.value);
    if (!a){
      alert("Select a valid airport from the dropdown (or enter a 3-letter airport code).");
      return;
    }
    const rangeNm = RANGES_NM[sizeKey];
    const rMeters = nmToMeters(rangeNm);

    if (marker) map.removeLayer(marker);
    if (circle) map.removeLayer(circle);

    marker = L.marker([a.lat, a.lon]).addTo(map).bindPopup(`<b>${a.code}</b><br>${a.name || ""}`).openPopup();

    circle = L.circle([a.lat, a.lon], {
      radius: rMeters,
      weight: 2,
      opacity: 0.9,
      fillOpacity: 0.18
    }).addTo(map);

    // Fit to circle bounds
    map.fitBounds(circle.getBounds(), { padding: [18, 18] });

    // fix any iOS layout weirdness
    setTimeout(()=> map.invalidateSize(), 250);
  }

  goBtn.addEventListener("click", async ()=>{
    if (!airportsReady) await loadAirports();
    draw();
  });

  clearBtn.addEventListener("click", ()=>{
    input.value = "";
    sizeSel.value = "";
    selectedAirport = null;
    if (marker) map.removeLayer(marker), marker = null;
    if (circle) map.removeLayer(circle), circle = null;
    map.setView([35, -20], 2);
  });

  // Load airports in the background on first load (fast enough)
  loadAirports();

})();
</script>

Airliner on runway in blizzard. Aircraft during taxiing during heavy snow. Passenger plane in snow at airport. Modern twin-engine passenger airplane taxiing for take off at airport during snow blizzard

<style>
  #bgmatch_wrap{max-width:980px;margin:18px auto;padding:18px;border-radius:18px;border:1px solid rgba(0,0,0,.10);background:#fff}
  #bgmatch_title{margin:0 0 6px;font-size:20px;font-weight:900}
  #bgmatch_desc{margin:0 0 14px;font-size:13px;opacity:.78;line-height:1.35}

  .bgm_grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media(max-width:720px){.bgm_grid{grid-template-columns:1fr}}

  .bgm_field{position:relative}
  .bgm_field label{display:block;font-size:12px;font-weight:900;margin:0 0 6px}
  .bgm_field input,.bgm_field select{
    width:100%;box-sizing:border-box;padding:12px;border-radius:14px;border:1px solid rgba(0,0,0,.18);
    font-size:16px;outline:none;background:#fff;text-transform:uppercase
  }

  .bgm_suggest{
    position:absolute;left:0;right:0;top:calc(100% + 6px);
    border:1px solid rgba(0,0,0,.12);border-radius:14px;background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);overflow:hidden;display:none;z-index:999999;max-height:260px
  }
  .bgm_item{width:100%;text-align:left;border:none;background:#fff;padding:12px;cursor:pointer;font-size:14px}
  .bgm_item:hover{background:rgba(0,0,0,.04)}
  .bgm_item strong{font-weight:900}
  .bgm_sub{display:block;font-size:12px;opacity:.75;margin-top:2px}

  .bgm_inline{display:flex;gap:10px;flex-wrap:wrap}
  .bgm_chip{
    border:1px solid rgba(0,0,0,.18);border-radius:999px;padding:10px 12px;font-weight:900;font-size:14px;cursor:pointer;background:#fff;user-select:none
  }
  .bgm_chip.active{background:#0f172a;border-color:#0f172a;color:#fff}

  #bgm_actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}
  .bgm_btn{border:none;border-radius:14px;padding:12px 14px;font-size:15px;font-weight:900;cursor:pointer}
  #bgm_run{background:#111;color:#fff}
  #bgm_clear{background:#fff;border:1px solid rgba(0,0,0,.18)}

  #bgm_result{display:none;margin-top:14px;padding:14px;border-radius:16px;border:1px solid rgba(0,0,0,.12);background:rgba(15,23,42,.04)}
  #bgm_badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;font-weight:900;font-size:13px;margin-bottom:10px;background:#fff;border:1px solid rgba(0,0,0,.10)}
  #bgm_result h3{margin:8px 0 6px;font-size:18px;font-weight:900}
  #bgm_result p{margin:0;font-size:13px;opacity:.9;line-height:1.45}
  #bgm_list{margin-top:10px;font-size:13px;line-height:1.55}
  #bgm_tip{margin-top:10px;padding:10px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.10);font-size:13px;line-height:1.45}
  #bgm_cta{margin-top:12px;width:100%;background:#0f172a;color:#fff}
</style>

<div id="bgmatch_wrap">
  <h2 id="bgmatch_title">Jet Category Match</h2>
  <div id="bgmatch_desc">Enter your route and preferences to get the right aircraft category with examples, one best-fit aircraft, and a client-friendly feature tip.</div>

  <div class="bgm_grid">
    <div class="bgm_field">
      <label>From (airport)</label>
      <input id="bgm_from" placeholder="TEB, BLM, MMU, JFK, LAX…" autocomplete="off">
      <div class="bgm_suggest" id="bgm_suggest_from"></div>
    </div>

    <div class="bgm_field">
      <label>To (airport)</label>
      <input id="bgm_to" placeholder="MIA, VNY, TLV…" autocomplete="off">
      <div class="bgm_suggest" id="bgm_suggest_to"></div>
    </div>

    <div class="bgm_field">
      <label>Passengers</label>
      <select id="bgm_pax">
        <option value="1-3">1–3</option>
        <option value="4-6" selected>4–6</option>
        <option value="7-8">7–8</option>
        <option value="9-12">9–12</option>
        <option value="13+">13+</option>
      </select>
    </div>

    <div class="bgm_field">
      <label>Luggage</label>
      <select id="bgm_bags">
        <option value="light" selected>Light (carry-ons)</option>
        <option value="medium">Medium (carry-ons + a few suitcases)</option>
        <option value="heavy">Heavy (big suitcases / gear)</option>
      </select>
    </div>

    <div class="bgm_field">
      <label>Route preference</label>
      <select id="bgm_pref">
        <option value="nonstop" selected>Nonstop required</option>
        <option value="stopok">Fuel stop is OK</option>
      </select>
    </div>

    <div class="bgm_field">
      <label>Want a flight attendant?</label>
      <div class="bgm_inline" role="group" aria-label="flight attendant">
        <div class="bgm_chip active" data-fa="no">No</div>
        <div class="bgm_chip" data-fa="yes">Yes</div>
      </div>
    </div>
  </div>

  <div id="bgm_actions">
    <button class="bgm_btn" id="bgm_run" type="button">Get my match</button>
    <button class="bgm_btn" id="bgm_clear" type="button">Clear</button>
  </div>

  <div id="bgm_result">
    <div id="bgm_badge">Recommendation ready</div>
    <h3 id="bgm_cat"></h3>
    <p id="bgm_why"></p>
    <div id="bgm_list"></div>
    <div id="bgm_tip"></div>
    <button class="bgm_btn" id="bgm_cta" type="button">Request exact quote</button>
  </div>
</div>

<script>
(function(){
  const $ = (id)=>document.getElementById(id);

  const fromEl = $("bgm_from");
  const toEl   = $("bgm_to");
  const paxEl  = $("bgm_pax");
  const bagsEl = $("bgm_bags");
  const prefEl = $("bgm_pref");
  const suggestFrom = $("bgm_suggest_from");
  const suggestTo   = $("bgm_suggest_to");

  const chips = Array.from(document.querySelectorAll(".bgm_chip"));
  const runBtn = $("bgm_run");
  const clearBtn = $("bgm_clear");

  const result = $("bgm_result");
  const catEl = $("bgm_cat");
  const whyEl = $("bgm_why");
  const listEl = $("bgm_list");
  const tipEl = $("bgm_tip");
  const ctaBtn = $("bgm_cta");

  let wantsFA = "no";
  chips.forEach(ch=>{
    ch.addEventListener("click", ()=>{
      chips.forEach(c=>c.classList.remove("active"));
      ch.classList.add("active");
      wantsFA = ch.getAttribute("data-fa");
    });
  });

  // Airports
  const AIRPORTS_CSV_URL = "https://davidmegginson.github.io/ourairports-data/airports.csv";
  const PRIVATE_AIRPORTS = [
    {code:"BLM", iata:"BLM", icao:"KBLM", name:"Monmouth Executive", city:"Belmar / Wall, NJ", country:"US", lat:40.1869, lon:-74.1249},
    {code:"TEB", iata:"TEB", icao:"KTEB", name:"Teterboro", city:"Teterboro, NJ", country:"US", lat:40.8501, lon:-74.0608},
    {code:"MMU", iata:"MMU", icao:"KMMU", name:"Morristown", city:"Morristown, NJ", country:"US", lat:40.7994, lon:-74.4149},
    {code:"HPN", iata:"HPN", icao:"KHPN", name:"Westchester County", city:"White Plains, NY", country:"US", lat:41.0670, lon:-73.7076},
    {code:"FRG", iata:"FRG", icao:"KFRG", name:"Republic", city:"Farmingdale, NY", country:"US", lat:40.7288, lon:-73.4134},
    {code:"VNY", iata:"VNY", icao:"KVNY", name:"Van Nuys", city:"Los Angeles, CA", country:"US", lat:34.2098, lon:-118.4890},
    {code:"TLV", iata:"TLV", icao:"LLBG", name:"Ben Gurion", city:"Tel Aviv", country:"IL", lat:32.0114, lon:34.8867}
  ];

  let AIRPORTS = [];
  let ready=false, loading=false;

  function splitCSVLine(line){
    const out=[]; let cur="", inQ=false;
    for (let i=0;i<line.length;i++){
      const ch=line[i];
      if (ch === '"'){
        if (inQ && line[i+1] === '"'){ cur += '"'; i++; }
        else inQ = !inQ;
      } else if (ch === ',' && !inQ){
        out.push(cur); cur="";
      } else cur += ch;
    }
    out.push(cur);
    return out;
  }

  async function loadAirports(){
    if (ready || loading) return;
    loading=true;
    try{
      const res = await fetch(AIRPORTS_CSV_URL,{cache:"force-cache"});
      const text = await res.text();
      const lines = text.split(/\r?\n/);
      const header = splitCSVLine(lines[0]);
      const idx = (n)=>header.indexOf(n);

      const iataIdx=idx("iata_code"), icaoIdx=idx("ident"), nameIdx=idx("name");
      const muniIdx=idx("municipality"), countryIdx=idx("iso_country");
      const latIdx=idx("latitude_deg"), lonIdx=idx("longitude_deg");

      const temp=[];
      for (let i=1;i<lines.length;i++){
        if (!lines[i]) continue;
        const cols = splitCSVLine(lines[i]);
        const lat=parseFloat((cols[latIdx]||"").trim());
        const lon=parseFloat((cols[lonIdx]||"").trim());
        if (!isFinite(lat) || !isFinite(lon)) continue;

        const iata=(cols[iataIdx]||"").trim().toUpperCase();
        const icao=(cols[icaoIdx]||"").trim().toUpperCase();
        const name=(cols[nameIdx]||"").trim();
        const city=(cols[muniIdx]||"").trim();
        const country=(cols[countryIdx]||"").trim();

        if (!iata && !icao) continue;
        const code = iata || icao;
        temp.push({code, iata, icao, name, city, country, lat, lon});
      }

      const map = new Map();
      PRIVATE_AIRPORTS.forEach(a=>map.set(a.code, a));
      temp.forEach(a=>{ if (!map.has(a.code)) map.set(a.code, a); });

      AIRPORTS = Array.from(map.values());
      ready=true;
    } catch(e){
      AIRPORTS = PRIVATE_AIRPORTS.slice();
      ready=true;
    } finally { loading=false; }
  }

  function formatOption(a){
    const loc=[a.city,a.country].filter(Boolean).join(", ");
    return `<button type="button" class="bgm_item" data-code="${a.code}">
      <strong>${a.iata || a.code}</strong>${a.icao ? ` (${a.icao})` : ""} — ${loc || " "}
      <span class="bgm_sub">${a.name || ""}</span>
    </button>`;
  }

  function match(q){
    const s=(q||"").trim().toLowerCase();
    if (!s) return [];
    return AIRPORTS.filter(a =>
      (a.code||"").toLowerCase().includes(s) ||
      (a.iata||"").toLowerCase().includes(s) ||
      (a.icao||"").toLowerCase().includes(s) ||
      (a.name||"").toLowerCase().includes(s) ||
      (a.city||"").toLowerCase().includes(s)
    ).slice(0,10);
  }

  function showSuggest(box, items){
    if (!items.length){ box.style.display="none"; box.innerHTML=""; return; }
    box.innerHTML = items.map(formatOption).join("");
    box.style.display="block";
  }
  function hideSuggest(box){ box.style.display="none"; box.innerHTML=""; }

  function resolve(codeLike){
    const raw=(codeLike||"").trim().toUpperCase().replace(/\s+/g,"");
    if (!raw) return null;
    return AIRPORTS.find(a => a.code===raw || a.iata===raw || a.icao===raw) || null;
  }

  async function wireAutocomplete(input, box){
    input.addEventListener("focus", async ()=>{
      if (!ready) await loadAirports();
      showSuggest(box, match(input.value));
    });
    input.addEventListener("input", async ()=>{
      if (!ready) await loadAirports();
      showSuggest(box, match(input.value));
    });
    box.addEventListener("click", (e)=>{
      const btn = e.target.closest(".bgm_item");
      if (!btn) return;
      const code = btn.getAttribute("data-code");
      const a = resolve(code);
      if (!a) return;
      input.value = (a.iata || a.code);
      hideSuggest(box);
    });
    input.addEventListener("blur", ()=> setTimeout(()=>hideSuggest(box), 150));
  }

  wireAutocomplete(fromEl, suggestFrom);
  wireAutocomplete(toEl, suggestTo);
  loadAirports();

  // Distance NM
  function toRad(x){ return x*Math.PI/180; }
  function haversineNM(a,b){
    const R=6371;
    const dLat=toRad(b.lat-a.lat), dLon=toRad(b.lon-a.lon);
    const s1=Math.sin(dLat/2), s2=Math.sin(dLon/2);
    const q=s1*s1 + Math.cos(toRad(a.lat))*Math.cos(toRad(b.lat))*s2*s2;
    const c=2*Math.atan2(Math.sqrt(q), Math.sqrt(1-q));
    const km=R*c;
    return km*0.539957;
  }

  // Range buckets tuned so:
  // - TEB→VNY (~2150 nm) = Super-Mid
  // - NJ→TLV (~4800-5200 nm) = ULR (not VIP)
  const BUCKETS = [
    {name:"Light Jet",       max:1200},
    {name:"Midsize Jet",     max:1800},
    {name:"Super-Mid Jet",   max:2800},
    {name:"Heavy Jet",       max:4000},
    {name:"Ultra Long Range",max:6200},
    {name:"VIP Airliner",    max:99999}
  ];

  function baseCategoryByDistance(distanceNM){
    return BUCKETS.find(b=>distanceNM <= b.max).name;
  }

  function moveUp(cat, steps){
    const order = BUCKETS.map(b=>b.name);
    let i = order.indexOf(cat);
    i = Math.min(order.length-1, i + steps);
    return order[i];
  }

  function pickCategory(distanceNM, pax, bags, pref, fa){
    // Start with distance-based category
    let cat = baseCategoryByDistance(distanceNM);

    // VIP should NOT be a range-solver. Only for big groups.
    if (pax === "13+") return "VIP Airliner";

    // If nonstop required, add a buffer -> may push category up
    const buffer = (pref === "nonstop") ? 400 : 0; // conservative buffer for winds/reserves
    const need = distanceNM + buffer;
    cat = baseCategoryByDistance(need);

    // Luggage/pax/FA can push up ONE level (but do not jump to VIP unless 13+)
    let bump = 0;
    if (pax === "9-12") bump += 1;
    if (bags === "heavy") bump += 1;
    if (fa === "yes" && (cat === "Midsize Jet" || cat === "Super-Mid Jet")) bump += 1;

    cat = moveUp(cat, bump);

    // Still prevent VIP unless 13+
    if (cat === "VIP Airliner") cat = "Ultra Long Range";
    return cat;
  }

  function outputFor(category){
    const lib = {
      "Light Jet":{
        why:"Best for short trips with smaller groups. Efficient and cost-effective when range isn’t the driver.",
        examples:["Phenom 300","Citation CJ4","Learjet 75"],
        best:"Phenom 300",
        feature:"Fast climb + smooth ride for short hops — and many are equipped with high-speed Wi-Fi upgrades."
      },
      "Midsize Jet":{
        why:"Great balance of comfort + value. More baggage room and cabin comfort than light jets.",
        examples:["Citation XLS+","Hawker 800XP","Learjet 60"],
        best:"Citation XLS+",
        feature:"Enclosed lav + more cabin space — feels like a real upgrade for families and business travelers."
      },
      "Super-Mid Jet":{
        why:"The sweet spot for longer nonstop domestic and transcon routes. More range and a noticeably nicer cabin.",
        examples:["Challenger 350","Gulfstream G280","Citation X"],
        best:"Challenger 350",
        feature:"Big-jet feel without heavy-jet pricing — quiet cabin, better seating, and strong Wi-Fi availability."
      },
      "Heavy Jet":{
        why:"For higher comfort and longer routes with more space. Often supports a flight attendant and full-service cabin.",
        examples:["Challenger 650","Falcon 2000","Gulfstream G450"],
        best:"Challenger 650",
        feature:"Quieter cabin + flat-floor space — feels like a flying lounge (more room to eat, work, and relax)."
      },
      "Ultra Long Range":{
        why:"Built for true long nonstop legs with maximum comfort — the correct category for international/overwater distance.",
        examples:["Gulfstream G650","Falcon 8X","Gulfstream G550"],
        best:"Gulfstream G650",
        feature:"Lie-flat sleeping capability + very low cabin altitude — clients feel less jet lag on arrival."
      },
      "VIP Airliner":{
        why:"For large groups and true VIP service with multiple cabin zones and dedicated staff.",
        examples:["ACJ319","BBJ","Embraer Lineage 1000"],
        best:"ACJ319",
        feature:"Multi-zone cabin (meeting + dining + sleeping) — it’s the closest thing to a private penthouse in the sky."
      }
    };
    return lib[category];
  }

  function openQuote(){
    const btn = document.getElementById("bgjet_btn");
    if (btn){ btn.click(); return; }
    const anchors = Array.from(document.querySelectorAll("a,button,h2,h3"));
    const target = anchors.find(el => (el.textContent||"").toLowerCase().includes("get a quote"));
    if (target){ target.scrollIntoView({behavior:"smooth",block:"start"}); }
  }

  runBtn.addEventListener("click", ()=>{
    const fromA = resolve(fromEl.value);
    const toA   = resolve(toEl.value);

    if (!fromA || !toA){
      alert("Select both airports from the dropdown (or enter a valid code like TEB / KTEB / TLV).");
      return;
    }

    const pax = paxEl.value;
    const bags = bagsEl.value;
    const pref = prefEl.value;
    const fa = wantsFA;

    const distNM = haversineNM(fromA, toA);
    const category = pickCategory(distNM, pax, bags, pref, fa);
    const out = outputFor(category);

    const fromCode = (fromA.iata || fromA.code);
    const toCode   = (toA.iata || toA.code);

    catEl.textContent = category;

    const routeNote = `Route: ${fromCode} → ${toCode} (~${Math.round(distNM)} nm).`;
    const stopNote = (pref === "stopok")
      ? "Fuel stop is acceptable — this widens aircraft options."
      : "Nonstop required — this narrows to higher-range aircraft for reliability.";

    whyEl.textContent = `${out.why} ${routeNote} ${stopNote}`;

    listEl.innerHTML =
      `<div><b>Example aircraft:</b> ${out.examples.join(" • ")}</div>` +
      `<div style="margin-top:6px;"><b>Best-fit aircraft:</b> ${out.best}</div>`;

    tipEl.innerHTML = `<b>Cool feature tip:</b> ${out.feature}`;

    result.style.display = "block";
    result.scrollIntoView({behavior:"smooth",block:"start"});
  });

  clearBtn.addEventListener("click", ()=>{
    fromEl.value=""; toEl.value="";
    paxEl.value="4-6"; bagsEl.value="light"; prefEl.value="nonstop";
    wantsFA="no";
    chips.forEach(c=>c.classList.remove("active"));
    chips.find(c=>c.getAttribute("data-fa")==="no").classList.add("active");
    result.style.display="none";
  });

  ctaBtn.addEventListener("click", openQuote);

})();
</script>

Instant Jet Price Estimator

Jet Range Map

Live Airport Weather & De-Icing Risk

Jet Category Match