/* TranslateOS site behaviours — generated from js/modules by tools/bundle.mjs. Do not edit. */
/* ---- 00-core.js ---- */
// Core helpers shared by all modules. Webflow turns <button> into <a type="button"> without href;
// give those real button semantics (focusable, Enter/Space) so every control stays keyboard accessible.
(function () {
  var sel = 'a[type="button"]';
  function enhance(root) {
    (root || document).querySelectorAll(sel).forEach(function (el) {
      if (el.dataset.tosBtn) return;
      el.dataset.tosBtn = "1";
      // Webflow may render these controls with href="#": drop it so clicks never jump to the top
      var h = el.getAttribute("href");
      if (h === "#" || h === "") el.removeAttribute("href");
      el.setAttribute("role", "button");
      if (!el.hasAttribute("tabindex")) el.setAttribute("tabindex", "0");
      el.addEventListener("keydown", function (e) {
        if (e.key === "Enter" || e.key === " ") { e.preventDefault(); el.click(); }
      });
    });
  }
  // Webflow renders form labels that wrap their input with for="", which detaches them from the input
  // (clicking the card/pill then does nothing). Point each such label at the input it contains.
  function fixLabels(root) {
    (root || document).querySelectorAll('label[for=""]').forEach(function (l) {
      var input = l.querySelector("input, select, textarea");
      if (!input) return;
      if (input.id) l.htmlFor = input.id; else l.removeAttribute("for");
    });
  }
  window.TOS = window.TOS || {};
  window.TOS.fixLabels = fixLabels;
  window.TOS.enhanceButtons = enhance;
  window.TOS.reducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
  if (document.readyState === "loading") document.addEventListener("DOMContentLoaded", function () { enhance(); fixLabels(); });
  else { enhance(); fixLabels(); }
})();

/* ---- about-team.js ---- */
// About page team cards: photo turns to colour and the bio fades in while a card is hovered, focused (Tab) or tapped.
// Hook: [data-tos="about-team"] on the section, [data-tos-team-card] on each card (tabindex="0").
// Adds/removes the combo class is-revealed on the card's .aboutus-team-photo, .aboutus-team-link (LinkedIn pill) and .aboutus-team-bio. Escape clears it.
// A LinkedIn pill with no real link (empty or "#") is hidden on the live site; set the link on the element in the Designer to show it
// (the Designer canvas does not run this script, so empty pills stay visible and editable there).
(function () {
  var root = document.querySelector('[data-tos="about-team"]');
  if (!root) return;
  var cards = [].slice.call(root.querySelectorAll("[data-tos-team-card]"));
  cards.forEach(function (card) {
    var link = card.querySelector(".aboutus-team-link");
    var href = link ? (link.getAttribute("href") || "").trim() : "";
    if (link && (href === "" || href === "#")) link.style.display = "none";
    else if (link && !link.target) { link.target = "_blank"; link.rel = "noopener noreferrer"; }
  });
  function parts(card) { return [card.querySelector(".aboutus-team-photo"), card.querySelector(".aboutus-team-link"), card.querySelector(".aboutus-team-bio")]; }
  function set(card, on) {
    parts(card).forEach(function (el) { if (el) el.classList.toggle("is-revealed", on); });
    card.setAttribute("data-active", on ? "true" : "false");
  }
  function clearOthers(except) { cards.forEach(function (c) { if (c !== except) set(c, false); }); }
  cards.forEach(function (card) {
    var touching = false, wasActive = false;
    card.addEventListener("pointerenter", function (e) { if (e.pointerType === "mouse") set(card, true); });
    card.addEventListener("pointerleave", function (e) { if (e.pointerType === "mouse" && !card.contains(document.activeElement)) set(card, false); });
    card.addEventListener("pointerdown", function (e) { touching = e.pointerType !== "mouse"; wasActive = card.getAttribute("data-active") === "true"; });
    card.addEventListener("focusin", function () { clearOthers(card); set(card, true); });
    card.addEventListener("focusout", function (e) { if (!card.contains(e.relatedTarget)) set(card, false); });
    card.addEventListener("click", function () {
      if (!touching) return;
      touching = false;
      clearOthers(card);
      set(card, !wasActive);
    });
    card.addEventListener("keydown", function (e) {
      if (e.key === "Escape") { set(card, false); }
      else if ((e.key === "Enter" || e.key === " ") && e.target === card) {
        e.preventDefault();
        set(card, card.getAttribute("data-active") !== "true");
      }
    });
  });
})();

/* ---- contact-form.js ---- */
// Contact page form (/contact). Hook: [data-tos="contact-form"] on the <form> (falls back to #contact-form).
// 1. Radio cards: every radio is a real <input> inside its <label> (pills and option cards), drawn invisible over
//    the whole card, so clicking/tapping anywhere selects it natively and the form submits it. This module mirrors
//    the checked state onto the label as the combo class "is-selected" (Webflow has no :checked state), which
//    draws the coral ring / selected card.
// 2. Keyboard focus ring: while a radio has keyboard focus (:focus-visible) its label gets the combo "is-focused",
//    which draws the cornflower ring. A mouse click or tap focuses the radio too (Chrome), but draws no ring.
// 3. Labels: Webflow renders every form label with for="" (detaching it from its field). Each label is pointed
//    back at the field it wraps or the field right after it, so labels focus their field and name it for
//    screen readers.
// 4. Preselect from the URL: ?intent=demo -> "Schedule a Meeting" (+ topic "Schedule a Demo"), ?intent=contact -> "Contact Me".
//    ?topic=demo|try|pricing|question|technical|media|partner preselects a "How Can We Help?" pill.
// 5. Waiting text: Webflow shows the submit's data-wait while sending. The push pipeline does not copy ours, so
//    Webflow publishes its default "Please wait...", which runs into the arrow (placed for the label "Submit").
//    Only that default is replaced with "Sending"; a waiting text set in the Designer is left alone.
// 6. Links to #contact-form (the hero "Complete the Form" button) scroll the form to 32px below the top of the
//    window. Webflow's own smooth scroll ignores scroll-margin-top, so this module does the scrolling.
// 7. Outside Webflow (local preview, no .w-form wrapper) it hides the success/error blocks and fakes a successful
//    submit so the flow can be tested. On Webflow, Webflow's own form handler does all of this.
(function () {
  // On Webflow the hook (and id) can land on the .w-form wrapper div around the real <form>: resolve the form inside it.
  var hook = document.querySelector('[data-tos="contact-form"]') || document.getElementById("contact-form");
  var form = hook && (hook.tagName === "FORM" ? hook : hook.querySelector("form"));
  if (!form) return;

  var INTENT = { demo: "Schedule a Meeting", meeting: "Schedule a Meeting", schedule: "Schedule a Meeting", contact: "Contact Me", message: "Contact Me" };
  var TOPIC = { demo: "Schedule a Demo", try: "Try TranslateOS", pricing: "Get Pricing", question: "Ask a Question", technical: "Technical, Security or Compliance", security: "Technical, Security or Compliance", compliance: "Technical, Security or Compliance", media: "Media or Press", press: "Media or Press", partner: "Partner With Us" };

  // Re-attach labels to their fields (see 3.)
  [].forEach.call(form.querySelectorAll("label"), function (l) {
    if (l.htmlFor && document.getElementById(l.htmlFor)) return;
    var field = l.querySelector("input, select, textarea");
    if (!field) {
      var next = l.nextElementSibling;
      if (next && /^(INPUT|SELECT|TEXTAREA)$/.test(next.tagName)) field = next;
    }
    if (field && field.id) l.htmlFor = field.id;
    else if (l.hasAttribute("for")) l.removeAttribute("for");
  });

  function radios(name) {
    return [].filter.call(form.querySelectorAll('input[type="radio"]'), function (r) { return !name || r.name === name; });
  }
  function sync() {
    radios().forEach(function (r) {
      var card = r.closest("label");
      if (card) card.classList.toggle("is-selected", r.checked);
    });
  }
  function check(name, value) {
    if (!value) return false;
    var hit = radios(name).filter(function (r) { return r.value === value; })[0];
    if (!hit) return false;
    hit.checked = true;
    return true;
  }

  // Keyboard focus ring (see 2.). Re-checked on keyup too: once a key is pressed, the focused radio becomes :focus-visible.
  var ringed = null;
  function ring() {
    var el = document.activeElement;
    var card = el && el.type === "radio" && form.contains(el) ? el.closest("label") : null;
    var on = false;
    if (card) { try { on = el.matches(":focus-visible"); } catch (e) { on = true; } }
    if (ringed && ringed !== card) ringed.classList.remove("is-focused");
    if (card) card.classList.toggle("is-focused", on);
    ringed = card;
  }
  form.addEventListener("focusin", ring);
  form.addEventListener("focusout", function () { setTimeout(ring, 0); });
  form.addEventListener("keyup", ring);

  // URL preselect (only fills groups the visitor has not already answered, e.g. after Back navigation)
  var params;
  try { params = new URLSearchParams(window.location.search); } catch (e) { params = null; }
  if (params) {
    var intent = (params.get("intent") || "").toLowerCase().trim();
    var topic = (params.get("topic") || "").toLowerCase().trim();
    var noneChecked = function (name) { return !radios(name).some(function (r) { return r.checked; }); };
    if (noneChecked("intent")) check("intent", INTENT[intent]);
    if (noneChecked("topic")) check("topic", TOPIC[topic] || (intent === "demo" ? TOPIC.demo : TOPIC[intent]));
  }

  form.addEventListener("change", sync);
  form.addEventListener("reset", function () { setTimeout(sync, 0); });
  window.addEventListener("pageshow", sync);
  sync();

  // Waiting text (see 5.). Webflow reads data-wait again on every submit, so setting it here is enough.
  var submit = form.querySelector('input[type="submit"]');
  if (submit && /^\s*please wait/i.test(submit.getAttribute("data-wait") || "")) submit.setAttribute("data-wait", "Sending");

  // Jump links to the form (see 6.). The id sits on the real <form> (or, on Webflow, possibly its wrapper).
  var target = document.getElementById("contact-form") || form;
  target.style.scrollMarginTop = "32px"; // native jumps, e.g. arriving from another page at /contact#contact-form
  [].forEach.call(document.querySelectorAll('a[href*="#contact-form"]'), function (a) {
    a.addEventListener("click", function (e) {
      if (a.hash !== "#contact-form" || a.host + a.pathname !== location.host + location.pathname) return;
      if (e.defaultPrevented || e.button || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return;
      e.preventDefault();
      e.stopPropagation(); // Webflow's delegated smooth scroll would land the form flush with the top edge
      var still = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
      target.scrollIntoView({ behavior: still ? "auto" : "smooth", block: "start" });
      if (location.hash !== "#contact-form" && history.pushState) history.pushState(null, "", "#contact-form");
    });
  });

  // 8. "Schedule a Meeting": the visitor's details are sent as usual, then the thank-you message offers the Microsoft
  //    Bookings page to pick the time (same link as the "Schedule a Demo" / "Schedule a Call" buttons).
  var BOOKING = "https://outlook.office.com/book/TranslateOS@BloomInsuranceAgency.onmicrosoft.com/?ismsaljsauthenabled";
  var wantsMeeting = false;
  form.addEventListener("submit", function () {
    wantsMeeting = radios("intent").some(function (r) { return r.checked && r.value === "Schedule a Meeting"; });
  }, true);
  // Choosing "Schedule a Meeting" opens the Bookings calendar in a new tab right away (once per visit) and shows a small
  // note with the link, in case the browser blocks the new tab. Programmatic selection (?intent=demo) never opens it.
  var bookingOpened = false, bookingNote = null;
  function showBookingNote(on) {
    if (!bookingNote) {
      var holder = form.querySelector(".contactus-options");
      if (!holder) return;
      bookingNote = document.createElement("p");
      bookingNote.setAttribute("data-tos-booking-note", "");
      bookingNote.setAttribute("role", "status");
      bookingNote.style.cssText = "margin:14px 0 0;font-size:16px;line-height:1.4;font-weight:500";
      bookingNote.innerHTML = 'Our booking calendar opens in a new tab. If it did not, <a href="' + BOOKING + '" target="_blank" rel="noopener" style="font-weight:700;text-decoration:underline;color:inherit">pick a time here</a>. You can also send the form below.';
      holder.parentNode.insertBefore(bookingNote, holder.nextSibling);
    }
    bookingNote.hidden = !on;
  }
  form.addEventListener("change", function (e) {
    var t = e.target;
    if (!t || t.type !== "radio" || t.name !== "intent") return;
    var meeting = t.value === "Schedule a Meeting" && t.checked;
    showBookingNote(meeting);
    if (meeting && e.isTrusted && !bookingOpened) { bookingOpened = true; window.open(BOOKING, "_blank", "noopener"); }
  });

  var okBlock = (form.closest(".w-form") || form.parentElement || document).querySelector("[data-form-success]");
  if (okBlock && window.MutationObserver) {
    new MutationObserver(function () {
      if (!wantsMeeting || getComputedStyle(okBlock).display === "none" || okBlock.querySelector("[data-tos-booking]")) return;
      var host = okBlock.querySelector("p") || okBlock;
      var a = document.createElement("a");
      a.href = BOOKING; a.target = "_blank"; a.rel = "noopener"; a.setAttribute("data-tos-booking", "");
      a.textContent = "Pick a time that works for you";
      a.style.cssText = "display:inline-block;margin-top:10px;font-weight:700;color:inherit;text-decoration:underline";
      host.appendChild(document.createElement("br"));
      host.appendChild(a);
    }).observe(okBlock, { attributes: true, attributeFilter: ["style", "class"] });
  }

  // Local preview only: emulate Webflow's success / error handling.
  if (!form.closest(".w-form")) {
    var wrap = form.parentElement;
    var ok = wrap && wrap.querySelector("[data-form-success]");
    var fail = wrap && wrap.querySelector("[data-form-error]");
    if (ok) ok.style.display = "none";
    if (fail) fail.style.display = "none";
    form.addEventListener("submit", function (e) {
      e.preventDefault();
      form.style.display = "none";
      if (ok) { ok.style.display = "block"; ok.setAttribute("tabindex", "-1"); ok.focus(); }
    });
  }
})();

/* ---- cookie-banner.js ---- */
// Cookie consent: Essential (always) + Statistics (opt-in). Choice stored for 180 days in localStorage
// ("tos-consent"). Other scripts can read window.TOS.consent or listen for the "tos:consent" event.
(function () {
  var banner = document.querySelector('[data-tos="cookie-banner"]');
  var KEY = "tos-consent", DAYS = 180;
  window.TOS = window.TOS || {};
  function read() {
    try { var v = JSON.parse(localStorage.getItem(KEY) || "null"); if (v && v.expires > Date.now()) return v; } catch (e) {}
    return null;
  }
  function write(stats) {
    var v = { essential: true, statistics: !!stats, updated: Date.now(), expires: Date.now() + DAYS * 864e5 };
    try { localStorage.setItem(KEY, JSON.stringify(v)); } catch (e) {}
    window.TOS.consent = v;
    document.dispatchEvent(new CustomEvent("tos:consent", { detail: v }));
    return v;
  }
  window.TOS.consent = read();
  if (!banner) return;
  var prefs = banner.querySelector("[data-tos-cookie-prefs]");
  var prefsBtn = banner.querySelector('[data-tos-cookie="prefs"]');
  var sw = banner.querySelector("[data-tos-cookie-switch]");
  function setSwitch(on) {
    if (!sw) return;
    sw.classList.toggle("is-on", on);
    sw.setAttribute("aria-checked", on ? "true" : "false");
    [].forEach.call(sw.children, function (k) { k.classList.toggle("is-on", on); });
  }
  function openPrefs(open) {
    if (!prefs) return;
    prefs.classList.toggle("is-expanded", open);
    if (prefsBtn) prefsBtn.setAttribute("aria-expanded", open ? "true" : "false");
  }
  function show(withPrefs) {
    var c = window.TOS.consent;
    setSwitch(!!(c && c.statistics));
    openPrefs(!!withPrefs);
    banner.classList.add("is-visible");
  }
  function hide() { banner.classList.remove("is-visible"); openPrefs(false); }
  banner.addEventListener("click", function (e) {
    var b = e.target.closest("[data-tos-cookie],[data-tos-cookie-switch]");
    if (!b) return;
    if (b.hasAttribute("data-tos-cookie-switch")) return setSwitch(!sw.classList.contains("is-on"));
    var a = b.getAttribute("data-tos-cookie");
    if (a === "accept") { write(true); hide(); }
    else if (a === "reject") { write(false); hide(); }
    else if (a === "save") { write(sw && sw.classList.contains("is-on")); hide(); }
    else if (a === "prefs") openPrefs(!prefs.classList.contains("is-expanded"));
  });
  document.addEventListener("click", function (e) {
    if (e.target.closest("[data-tos-cookie-open]")) { e.preventDefault(); show(true); }
  });
  if (!window.TOS.consent) show(false);
})();

/* ---- faq-accordion.js ---- */
// FAQ page: topic accordions and question accordions (every topic, not only the first).
// Hooks (all inside [data-tos="faq"]):
//   [data-tos-faq-topic="<key>"]        topic card        -> [data-tos-faq-topic-toggle] button, [data-tos-faq-panel] panel
//   [data-tos-faq-question]             question          -> [data-tos-faq-question-toggle] button, [data-tos-faq-answer] answer
//   [data-tos-faq-chevron]              chevron image inside a toggle
//   data-tos-faq-open                   on a topic/question = open when the page loads (everything else starts closed)
// Without JS (and in the Webflow Designer) everything is expanded, so every answer stays readable and editable.
// Closed state = combo class "is-collapsed" on the topic card, its panel/answer and the chevron; aria-expanded on the toggle.
// Webflow may render <button> as <a type="button">; 00-core.js gives those Enter/Space support, so we only listen for click.
// Exposes window.TOS.faq for faq-search.js.
(function () {
  var root = document.querySelector('[data-tos="faq"]');
  if (!root) return;
  var uid = 0;

  // The arrow is the last <img> in a toggle (the topic toggle also has its icon first). Webflow strips custom attributes
  // from images, so [data-tos-faq-chevron] is only used when it survives.
  function chevronOf(toggle) {
    if (!toggle) return null;
    var c = toggle.querySelector("[data-tos-faq-chevron]");
    if (c) return c;
    var imgs = toggle.querySelectorAll("img");
    return imgs.length ? imgs[imgs.length - 1] : null;
  }

  function link(toggle, panel, prefix) {
    if (!toggle || !panel) return;
    if (!panel.id) panel.id = prefix + "-panel-" + ++uid;
    if (!toggle.id) toggle.id = panel.id + "-toggle";
    toggle.setAttribute("aria-controls", panel.id);
  }

  var topics = [].slice.call(root.querySelectorAll("[data-tos-faq-topic]")).map(function (el) {
    var toggle = el.querySelector("[data-tos-faq-topic-toggle]");
    var panel = el.querySelector("[data-tos-faq-panel]");
    link(toggle, panel, "faqs-topic");
    var questions = [].slice.call(el.querySelectorAll("[data-tos-faq-question]")).map(function (q) {
      var qt = q.querySelector("[data-tos-faq-question-toggle]");
      var ans = q.querySelector("[data-tos-faq-answer]");
      link(qt, ans, "faqs-answer");
      return {
        el: q, toggle: qt, panel: ans,
        chevron: chevronOf(qt),
        question: qt ? qt.textContent : "",
        answer: ans ? ans.textContent : ""
      };
    });
    return {
      el: el, key: el.getAttribute("data-tos-faq-topic"), toggle: toggle, panel: panel,
      chevron: chevronOf(toggle),
      title: toggle ? toggle.textContent : "", questions: questions
    };
  });

  function setTopic(t, open) {
    if (!t.toggle || !t.panel) return;
    t.toggle.setAttribute("aria-expanded", open ? "true" : "false");
    t.el.classList.toggle("is-collapsed", !open);
    t.panel.classList.toggle("is-collapsed", !open);
    if (t.chevron) t.chevron.classList.toggle("is-collapsed", !open);
  }
  function setQuestion(q, open) {
    if (!q.toggle || !q.panel) return;
    q.toggle.setAttribute("aria-expanded", open ? "true" : "false");
    q.panel.classList.toggle("is-collapsed", !open);
    if (q.chevron) q.chevron.classList.toggle("is-collapsed", !open);
  }
  function isOpen(item) { return !!item.toggle && item.toggle.getAttribute("aria-expanded") === "true"; }

  // Remember every open/closed state so a search can be undone exactly.
  function snapshot() {
    var s = topics.map(function (t) { return { t: t, open: isOpen(t), q: t.questions.map(isOpen) }; });
    return function restore() {
      s.forEach(function (x) {
        setTopic(x.t, x.open);
        x.t.questions.forEach(function (q, i) { setQuestion(q, x.q[i]); });
      });
    };
  }

  topics.forEach(function (t) {
    setTopic(t, t.el.hasAttribute("data-tos-faq-open"));
    if (t.toggle) t.toggle.addEventListener("click", function (e) { e.preventDefault(); setTopic(t, !isOpen(t)); });
    t.questions.forEach(function (q) {
      setQuestion(q, q.el.hasAttribute("data-tos-faq-open"));
      if (q.toggle) q.toggle.addEventListener("click", function (e) { e.preventDefault(); setQuestion(q, !isOpen(q)); });
    });
  });

  // Deep links (/faq#faq-install-software): open that question's topic and the question, then scroll to it.
  function openFromHash() {
    var id = "";
    try { id = decodeURIComponent((window.location.hash || "").slice(1)); } catch (err) { id = ""; }
    var el = id ? document.getElementById(id) : null;
    if (!el || !root.contains(el)) return;
    topics.forEach(function (t) {
      if (t.el !== el && !t.el.contains(el)) return;
      setTopic(t, true);
      t.questions.forEach(function (q) { if (q.el === el) setQuestion(q, true); });
    });
    setTimeout(function () { el.scrollIntoView({ block: "start" }); }, 60);
  }
  openFromHash();
  window.addEventListener("load", openFromHash);
  window.addEventListener("hashchange", openFromHash);

  window.TOS = window.TOS || {};
  window.TOS.faq = { root: root, topics: topics, setTopic: setTopic, setQuestion: setQuestion, isOpen: isOpen, snapshot: snapshot };
})();

/* ---- faq-search.js ---- */
// FAQ page: search box + topic filter pills. Needs faq-accordion.js (window.TOS.faq).
// Hooks (inside [data-tos="faq"]):
//   form[data-tos-faq-form] > input[data-tos-faq-input]   search box (the form never submits; see below)
//   [data-tos-faq-clear]                                   clear control (combo is-visible while there is text)
//   [data-tos-faq-filter="all|<topic key>"]                pills (combo is-current + aria-pressed on the current one)
//   [data-tos-faq-empty] with [data-tos-faq-query]         "No questions match …" box (combo is-visible only at 0 matches)
//   [data-tos-faq-status]                                  visually hidden live region for screen readers
// Search matches every word of the query against question + answer text (and the topic name) in all topics, hides the rest, opens the topics
// that have matches (and answers that match only in their text), and restores the previous open/closed state when cleared.
// Also reads ?q=… from the URL on load, so /faq?q=pricing opens with that search.
(function () {
  var api = window.TOS && window.TOS.faq;
  if (!api) return;
  var root = api.root;
  var form = root.querySelector("[data-tos-faq-form]");
  var input = root.querySelector("[data-tos-faq-input]");
  var clearBtn = root.querySelector("[data-tos-faq-clear]");
  var pills = [].slice.call(root.querySelectorAll("[data-tos-faq-filter]"));
  var empty = root.querySelector("[data-tos-faq-empty]");
  var emptyQuery = root.querySelector("[data-tos-faq-query]");
  var status = root.querySelector("[data-tos-faq-status]");
  var filter = "all";
  var restore = null; // set while a search is active
  var statusTimer = 0;

  // Webflow's form script posts every <form>. Stop the submit in the capture phase on window, before any other handler
  // (Webflow's is delegated on document) can see it, and run the search instead (Enter key).
  window.addEventListener("submit", function (e) {
    if (!form || !(e.target === form || form.contains(e.target))) return;
    e.preventDefault();
    e.stopImmediatePropagation();
    run();
  }, true);

  function norm(s) {
    s = String(s || "").toLowerCase();
    if (s.normalize) s = s.normalize("NFD").replace(/[̀-ͯ]/g, "");
    return s.replace(/[‘’']/g, "").replace(/[^a-z0-9À-￿]+/g, " ").trim();
  }
  api.topics.forEach(function (t) {
    var nt = norm(t.title);
    t.questions.forEach(function (q) { q.nq = norm(q.question); q.na = norm(q.answer); q.nall = nt + " " + q.nq + " " + q.na; });
  });
  function show(el, on) { if (el) el.style.display = on ? "" : "none"; }
  function say(msg) {
    clearTimeout(statusTimer);
    statusTimer = setTimeout(function () { if (status) status.textContent = msg; }, 350);
  }

  function applyFilter() {
    pills.forEach(function (p) {
      var on = p.getAttribute("data-tos-faq-filter") === filter;
      p.classList.toggle("is-current", on);
      p.setAttribute("aria-pressed", on ? "true" : "false");
    });
    api.topics.forEach(function (t) {
      var on = filter === "all" || t.key === filter;
      show(t.el, on);
      if (on && filter !== "all") api.setTopic(t, true);
    });
  }

  function endSearch() {
    api.topics.forEach(function (t) { t.questions.forEach(function (q) { show(q.el, true); }); });
    if (restore) { restore(); restore = null; }
    if (empty) empty.classList.remove("is-visible");
    applyFilter();
  }

  function run() {
    var raw = input ? input.value : "";
    var q = norm(raw);
    if (clearBtn) clearBtn.classList.toggle("is-visible", raw.length > 0);
    if (!q) {
      if (restore) { endSearch(); say("Showing all questions."); }
      return;
    }
    if (!restore) {
      restore = api.snapshot();
      filter = "all";
      applyFilter();
    }
    var words = q.split(" ");
    var has = function (text) { return words.every(function (w) { return text.indexOf(w) > -1; }); };
    var total = 0;
    api.topics.forEach(function (t) {
      var n = 0;
      t.questions.forEach(function (item) {
        var hit = has(item.nall);
        show(item.el, hit);
        if (hit) {
          n++;
          if (!has(item.nq) && has(item.na)) api.setQuestion(item, true); // match is only in the answer: show it
        }
      });
      show(t.el, n > 0);
      if (n) api.setTopic(t, true);
      total += n;
    });
    var shown = raw.trim();
    if (emptyQuery) emptyQuery.textContent = shown;
    if (empty) empty.classList.toggle("is-visible", total === 0);
    say(total ? total + (total === 1 ? " question matches" : " questions match") + " “" + shown + "”." : "No questions match “" + shown + "”.");
  }

  function clearSearch(focus) {
    if (!input) return;
    input.value = "";
    run();
    if (focus) input.focus();
  }

  if (input) {
    input.addEventListener("input", run);
    input.addEventListener("keydown", function (e) {
      if (e.key === "Escape" && input.value) { e.preventDefault(); clearSearch(true); }
    });
  }
  if (clearBtn) clearBtn.addEventListener("click", function (e) { e.preventDefault(); clearSearch(true); });

  pills.forEach(function (p) {
    p.addEventListener("click", function (e) {
      e.preventDefault();
      if (input && input.value) { input.value = ""; run(); }
      filter = p.getAttribute("data-tos-faq-filter") || "all";
      applyFilter();
      var label = p.textContent.trim();
      say(filter === "all" ? "Showing all topics." : "Showing " + label + ".");
    });
  });

  var initial = "";
  try { initial = new URLSearchParams(window.location.search).get("q") || ""; } catch (err) { initial = ""; }
  if (initial && input) { input.value = initial.slice(0, 120); run(); }
})();

/* ---- home-audio.js ---- */
// Homepage "Hear TranslateOS" call recordings (section #hear-translateos).
// Hook: each recording row has data-tos="audio" and data-src="<MP3 URL>" (set in Webflow as the custom attribute
// "data-src" on the row). Empty data-src = no file yet: the play button is disabled and "Recording coming soon" shows.
// Inside a row: [data-tos-audio-toggle] play/pause <button>, [data-tos-audio-icon] icon span (combo is-playing),
// [data-tos-audio-time] "elapsed / total", [data-tos-audio-note] coming-soon note (combo is-visible),
// [data-tos-audio-progress] seek bar (role=slider) with [data-tos-audio-bar] fill.
// Only one recording plays at a time. Keyboard: Tab to the button, Enter/Space toggles; on the seek bar
// Left/Right = -/+5 s, Home/End = start/end. Escape pauses whatever is playing.
(function () {
  var rows = [].slice.call(document.querySelectorAll('[data-tos="audio"]'));
  if (!rows.length) return;
  var players = [];

  function fmt(s) {
    if (!isFinite(s) || s < 0) s = 0;
    s = Math.floor(s);
    return Math.floor(s / 60) + ":" + (s % 60 < 10 ? "0" : "") + (s % 60);
  }

  rows.forEach(function (row) {
    var src = (row.getAttribute("data-src") || "").trim();
    var btn = row.querySelector("[data-tos-audio-toggle]");
    var icon = row.querySelector("[data-tos-audio-icon]");
    var time = row.querySelector("[data-tos-audio-time]");
    var note = row.querySelector("[data-tos-audio-note]");
    var bar = row.querySelector("[data-tos-audio-bar]");
    var track = row.querySelector("[data-tos-audio-progress]");
    if (!btn) return;
    var label = btn.getAttribute("aria-label") || "Play recording";
    var baseLabel = label.replace(/^Play\s+/i, "");
    // design placeholder total ("0:00 / 0:48") until the real duration is known
    var placeholderTotal = time ? (time.textContent.split("/")[1] || "").trim() : "";

    if (!src) {
      btn.classList.add("is-disabled");
      btn.setAttribute("aria-disabled", "true");
      if (btn.tagName === "BUTTON") btn.disabled = true;
      else btn.setAttribute("tabindex", "-1");
      btn.setAttribute("aria-label", baseLabel + " (recording coming soon)");
      if (note) note.classList.add("is-visible");
      return;
    }

    var audio = new Audio();
    audio.preload = "metadata";
    audio.src = src;
    var p = { row: row, audio: audio, btn: btn };
    players.push(p);

    function render() {
      var d = audio.duration;
      var c = audio.currentTime;
      var pct = isFinite(d) && d > 0 ? Math.min(100, (c / d) * 100) : 0;
      if (bar) bar.style.width = pct + "%";
      if (time) time.textContent = fmt(c) + " / " + (isFinite(d) && d > 0 ? fmt(d) : placeholderTotal || "0:00");
      if (track) {
        track.setAttribute("aria-valuenow", String(Math.round(pct)));
        track.setAttribute("aria-valuetext", fmt(c) + " of " + (isFinite(d) ? fmt(d) : placeholderTotal));
      }
    }
    function setPlaying(on) {
      if (icon) icon.classList.toggle("is-playing", on);
      btn.setAttribute("aria-label", (on ? "Pause " : "Play ") + baseLabel);
      btn.setAttribute("aria-pressed", on ? "true" : "false");
    }
    function seekTo(sec) {
      if (!isFinite(audio.duration)) return;
      audio.currentTime = Math.max(0, Math.min(audio.duration, sec));
      render();
    }

    btn.setAttribute("aria-pressed", "false");
    btn.addEventListener("click", function () {
      if (audio.paused) {
        players.forEach(function (o) { if (o !== p && !o.audio.paused) o.audio.pause(); });
        var r = audio.play();
        if (r && r.catch) r.catch(function () { setPlaying(false); });
      } else {
        audio.pause();
      }
    });
    audio.addEventListener("play", function () { setPlaying(true); });
    audio.addEventListener("pause", function () { setPlaying(false); });
    audio.addEventListener("ended", function () { setPlaying(false); audio.currentTime = 0; render(); });
    audio.addEventListener("timeupdate", render);
    audio.addEventListener("loadedmetadata", render);
    audio.addEventListener("durationchange", render);
    audio.addEventListener("error", function () {
      setPlaying(false);
      if (note) { note.textContent = "Recording unavailable"; note.classList.add("is-visible"); }
    });

    if (track) {
      track.setAttribute("tabindex", "0");
      track.setAttribute("aria-disabled", "false");
      track.addEventListener("click", function (e) {
        var r = track.getBoundingClientRect();
        if (r.width > 0) seekTo(((e.clientX - r.left) / r.width) * audio.duration);
      });
      track.addEventListener("keydown", function (e) {
        var k = e.key;
        if (k === "ArrowRight" || k === "ArrowUp") seekTo(audio.currentTime + 5);
        else if (k === "ArrowLeft" || k === "ArrowDown") seekTo(audio.currentTime - 5);
        else if (k === "Home") seekTo(0);
        else if (k === "End") seekTo(audio.duration);
        else return;
        e.preventDefault();
      });
    }
    render();
  });

  document.addEventListener("keydown", function (e) {
    if (e.key !== "Escape") return;
    players.forEach(function (o) { if (!o.audio.paused) o.audio.pause(); });
  });
})();

/* ---- languages-directory.js ---- */
// Languages page (/languages): live search, "N languages & dialects" counter, A–Z jump grid, empty state.
// Hooks inside [data-tos="languages-directory"] (the directory section):
//   [data-tos-langs-form]        the search <form>. On Webflow the hook can land on the .w-form wrapper around the real
//                                form, so submits are matched with contains(). Submission is always cancelled in the
//                                capture phase on window, before Webflow's own form handler can see it.
//   [data-tos-langs-search]      the search input. ?language=… (or ?q=…) in the URL pre-fills it.
//   [data-tos-langs-count]       the number in the counter pill; [data-tos-langs-count-label] the label after it.
//                                The label's text is the plural ("languages & dialects"); the attribute's value is the
//                                singular shown for exactly one match ("language or dialect").
//   [data-tos-langs-group="a"]   one letter card (id="langs-a"); [data-tos-langs-jump="a"] its A–Z link (href="#langs-a").
//   [data-tos-langs-card]        one language. Inside it: [data-tos-langs-name] the language name and (optional)
//                                [data-tos-langs-dialects] its dialects as one line of text separated by "·".
//   [data-tos-langs-empty]       "No languages match that search." block: combo is-shown ONLY when nothing matches.
// Combos it toggles: is-hidden (languages, letter cards), is-disabled / is-current (A–Z links), is-shown (empty block).
// While a search is active, dialects that match are wrapped in <span class="langs-hit">.
// Everything is read from the page's text, so editors add or rename languages and dialects in the Designer only.
// Count: every language counts once, plus each dialect that is not the language itself ("Standard", or a dialect
// with the language's own name, e.g. Tagalog › Tagalog). 46 languages + 32 dialects = 78.
(function () {
  var root = document.querySelector('[data-tos="languages-directory"]');
  if (!root) return;
  var formHook = root.querySelector("[data-tos-langs-form]");
  var input = root.querySelector("[data-tos-langs-search]");
  var countNum = root.querySelector("[data-tos-langs-count]");
  var countLabel = root.querySelector("[data-tos-langs-count-label]");
  var empty = root.querySelector("[data-tos-langs-empty]");
  var groups = [].slice.call(root.querySelectorAll("[data-tos-langs-group]"));
  var jumps = [].slice.call(root.querySelectorAll("[data-tos-langs-jump]"));
  var list = groups.length ? groups[0].parentElement : null;
  var reduced = window.TOS && window.TOS.reducedMotion;
  var SEP = /(\s*[\u00b7\u2022|,;]\s*)/; // dialect separators, kept exactly as typed when the line is re-rendered
  // Counter wording comes from the Designer: the label's text (plural) and its hook attribute's value (singular).
  var plural = countLabel ? countLabel.textContent.trim() : "";
  var singular = countLabel ? (countLabel.getAttribute("data-tos-langs-count-label") || "").trim() : "";
  if (!plural) plural = "languages & dialects";
  if (!singular) singular = "language or dialect";
  function media(q) { return Boolean(window.matchMedia && window.matchMedia(q).matches); }

  // lower-case, strip accents and punctuation: "Español" -> "espanol", "Iranian-Persian" -> "iranian persian"
  function norm(s) {
    s = String(s || "").toLowerCase();
    if (s.normalize) s = s.normalize("NFD").replace(/[\u0300-\u036f]/g, "");
    return s.replace(/[^a-z0-9]+/g, " ").trim();
  }
  function every(list, fn) { for (var i = 0; i < list.length; i++) if (!fn(list[i])) return false; return true; }
  function some(list, fn) { for (var i = 0; i < list.length; i++) if (fn(list[i])) return true; return false; }
  function letterOf(el, attr) { return (el.getAttribute(attr) || "").toLowerCase(); }

  var items = [].slice.call(root.querySelectorAll("[data-tos-langs-card]")).map(function (el) {
    var nameEl = el.querySelector("[data-tos-langs-name]");
    var name = norm(nameEl ? nameEl.textContent : "");
    var lines = [].slice.call(el.querySelectorAll("[data-tos-langs-dialects]")).map(function (p) {
      var raw = p.textContent;
      var parts = raw.split(SEP); // [dialect, separator, dialect, …]
      var dialects = [];
      for (var i = 0; i < parts.length; i += 2) {
        var n = norm(parts[i]);
        if (n) dialects.push({ part: i, n: n, dup: n === "standard" || n === name });
      }
      return { el: p, raw: raw, parts: parts, dialects: dialects, marked: false };
    });
    var all = [];
    lines.forEach(function (l) { all = all.concat(l.dialects); });
    var extra = all.filter(function (d) { return !d.dup; }).length;
    return {
      el: el,
      name: name,
      lines: lines,
      dialects: all,
      hay: name + " " + all.map(function (d) { return d.n; }).join(" "),
      weight: 1 + extra,
      group: el.closest("[data-tos-langs-group]")
    };
  });

  // Re-render one dialect line with the matching dialects highlighted (or restore the original text).
  function mark(line, hits) {
    if (!hits.length) {
      if (line.marked) { line.el.textContent = line.raw; line.marked = false; }
      return;
    }
    var frag = document.createDocumentFragment();
    line.parts.forEach(function (part, i) {
      if (i % 2 === 0 && hits.indexOf(i) !== -1) {
        var s = document.createElement("span");
        s.className = "langs-hit";
        s.textContent = part;
        frag.appendChild(s);
      } else if (part) {
        frag.appendChild(document.createTextNode(part));
      }
    });
    line.el.textContent = "";
    line.el.appendChild(frag);
    line.marked = true;
  }

  function groupFor(letter) {
    for (var i = 0; i < groups.length; i++) if (letterOf(groups[i], "data-tos-langs-group") === letter) return groups[i];
    return null;
  }
  function shown(g) { return Boolean(g) && !g.classList.contains("is-hidden"); }

  // ---- A–Z: current letter follows the scroll position -------------------
  var current; // undefined until the first spy(), so the markup's own is-current (on "A") is always re-checked
  var lockUntil = 0;
  function setCurrent(letter) {
    if (letter === current) return;
    current = letter;
    jumps.forEach(function (j) { j.classList.toggle("is-current", letterOf(j, "data-tos-langs-jump") === letter); });
  }
  function spy() {
    if (Date.now() < lockUntil) return;
    var line = Math.min(160, window.innerHeight * 0.25);
    var pick = null;
    for (var i = 0; i < groups.length; i++) {
      if (!shown(groups[i])) continue;
      if (!pick) pick = groups[i];
      if (groups[i].getBoundingClientRect().top <= line) pick = groups[i];
      else break;
    }
    setCurrent(pick ? letterOf(pick, "data-tos-langs-group") : null);
  }
  var ticking = false;
  window.addEventListener("scroll", function () {
    if (ticking) return;
    ticking = true;
    window.requestAnimationFrame(function () { ticking = false; spy(); });
  }, { passive: true });
  window.addEventListener("resize", spy);

  // ---- Search ----------------------------------------------------------------
  function apply() {
    var q = norm(input ? input.value : "");
    var tokens = q ? q.split(" ").filter(function (t, i, all) { return all.indexOf(t) === i; }) : [];
    var has = function (hay) { return function (t) { return hay.indexOf(t) !== -1; }; };
    var total = 0;
    items.forEach(function (it) {
      var show = true;
      var count = it.weight;
      var hits = it.lines.map(function () { return []; });
      if (tokens.length) {
        show = every(tokens, has(it.hay));
        // every word is in the language name -> the whole language counts; otherwise only the matching dialects do
        if (show && !every(tokens, has(it.name))) {
          // A dialect matches with the words (not in the language name) it contains, unless another dialect contains
          // all of those words and more: "puerto rican" is Puerto Rican only, not also the "rican" in American, while
          // "kannada marathi" still finds both.
          var rest = tokens.filter(function (t) { return it.name.indexOf(t) === -1; });
          var sets = it.dialects.map(function (d) { return rest.filter(has(d.n)); });
          var keep = function (d) {
            var mine = sets[it.dialects.indexOf(d)];
            return mine.length > 0 && !some(sets, function (other) {
              return other.length > mine.length && every(mine, function (t) { return other.indexOf(t) !== -1; });
            });
          };
          var matched = 0;
          it.lines.forEach(function (l, li) {
            l.dialects.forEach(function (d) {
              if (keep(d)) { hits[li].push(d.part); matched++; }
            });
          });
          count = Math.max(matched, 1);
        }
      }
      it.lines.forEach(function (l, li) { mark(l, show ? hits[li] : []); });
      it.el.classList.toggle("is-hidden", !show);
      if (show) total += count;
    });
    groups.forEach(function (g) {
      var any = items.some(function (it) { return it.group === g && !it.el.classList.contains("is-hidden"); });
      g.classList.toggle("is-hidden", !any);
    });
    jumps.forEach(function (j) {
      var on = shown(groupFor(letterOf(j, "data-tos-langs-jump")));
      j.classList.toggle("is-disabled", !on);
      if (on) { j.removeAttribute("aria-disabled"); j.removeAttribute("tabindex"); }
      else { j.setAttribute("aria-disabled", "true"); j.setAttribute("tabindex", "-1"); }
    });
    if (countNum) countNum.textContent = String(total);
    if (countLabel) countLabel.textContent = total === 1 ? singular : plural;
    if (empty) empty.classList.toggle("is-shown", total === 0);
    lockUntil = 0;
    spy();
  }

  // Webflow posts every <form>: cancel this one in the capture phase on window, before any other handler sees it.
  // Enter / the keyboard's "Search" key: touch screens close the on-screen keyboard (keyboard and screen-reader users
  // keep their focus in the box); when the search card sits above the list (<=991px) the page scrolls to the results.
  window.addEventListener("submit", function (e) {
    if (!formHook || !(e.target === formHook || formHook.contains(e.target))) return;
    e.preventDefault();
    e.stopImmediatePropagation();
    apply();
    if (input && media("(pointer: coarse)")) input.blur();
    if (list && media("(max-width: 991px)")) {
      var y = Math.max(0, list.getBoundingClientRect().top + window.pageYOffset - 24);
      window.scrollTo({ top: y, behavior: reduced ? "auto" : "smooth" });
    }
  }, true);

  // Typing in the sticky search box while scrolled deep into the list: bring the (now shorter) list back into view.
  function applyFromUser() {
    apply();
    if (!list) return;
    var top = list.getBoundingClientRect().top;
    if (top < 0) window.scrollTo(0, Math.max(0, top + window.pageYOffset - 24));
  }

  if (input) {
    input.addEventListener("input", applyFromUser);
    input.addEventListener("search", applyFromUser);
    input.addEventListener("keydown", function (e) {
      if (e.key === "Escape" && input.value) { e.preventDefault(); input.value = ""; applyFromUser(); }
    });
  }

  jumps.forEach(function (j) {
    // Phones show the A–Z as one sideways-scrolling row with a fade on the right: keep a keyboard-focused letter clear
    // of the edges (browsers don't scroll a letter that is already partly visible). Keyboard only, so the row never
    // moves under a mouse or finger between press and release.
    j.addEventListener("focus", function () {
      var row = j.parentElement;
      if (!row || row.scrollWidth <= row.clientWidth + 1) return;
      try { if (!j.matches(":focus-visible")) return; } catch (err) { return; }
      var r = j.getBoundingClientRect();
      var box = row.getBoundingClientRect();
      if (r.left < box.left + 8 || r.right > box.right - 32) row.scrollLeft += (r.left + r.right) / 2 - (box.left + box.right) / 2;
    });
    j.addEventListener("click", function (e) {
      // Keep every click away from webflow.js: its delegated hash-link scroll (on document) would animate the card
      // flush with the top edge (ignoring scroll-margin-top), push a history entry and rewrite the URL hash.
      e.stopPropagation();
      if (e.button || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) return; // new tab / window: the browser's job
      e.preventDefault();
      var letter = letterOf(j, "data-tos-langs-jump");
      var g = groupFor(letter);
      if (!shown(g) || j.classList.contains("is-disabled")) return;
      setCurrent(letter);
      lockUntil = Date.now() + (reduced ? 100 : 900); // keep the clicked letter lit while the page scrolls to it
      g.scrollIntoView({ behavior: reduced ? "auto" : "smooth", block: "start" });
      if (!g.hasAttribute("tabindex")) g.setAttribute("tabindex", "-1");
      g.focus({ preventScroll: true });
    });
  });

  var initial = "";
  try {
    var params = new URLSearchParams(window.location.search);
    initial = params.get("language") || params.get("q") || "";
  } catch (err) { initial = ""; }
  if (initial && input) input.value = initial.slice(0, 80);
  apply();
})();

/* ---- nav.js ---- */
// Mobile navigation drawer (≤991px). Toggles is-expanded on the menu, backdrop, toggle and its three bars.
(function () {
  var nav = document.querySelector('[data-tos="nav"]');
  if (!nav) return;
  var toggle = nav.querySelector("[data-tos-nav-toggle]");
  var menu = nav.querySelector("[data-tos-nav-menu]");
  var backdrop = nav.querySelector("[data-tos-nav-backdrop]");
  if (!toggle || !menu) return;
  var parts = [menu, backdrop].concat([].slice.call(toggle.children));
  var mq = window.matchMedia("(max-width: 991px)");
  function set(open) {
    parts.forEach(function (el) { if (el) el.classList.toggle("is-expanded", open); });
    toggle.setAttribute("aria-expanded", open ? "true" : "false");
    toggle.setAttribute("aria-label", open ? "Close menu" : "Open menu");
    document.body.style.overflow = open ? "hidden" : "";
    if (mq.matches) { menu.setAttribute("aria-hidden", open ? "false" : "true"); menu.inert = !open; }
    if (open) { var first = menu.querySelector("a"); if (first) first.focus(); }
  }
  // closed drawer: hidden from screen readers AND out of the tab order (inert), so focus never lands off-screen
  function sync() { if (!mq.matches) { set(false); menu.removeAttribute("aria-hidden"); menu.inert = false; } else if (!menu.classList.contains("is-expanded")) { menu.setAttribute("aria-hidden", "true"); menu.inert = true; } }
  toggle.addEventListener("click", function () { set(!menu.classList.contains("is-expanded")); });
  if (backdrop) backdrop.addEventListener("click", function () { set(false); });
  menu.addEventListener("click", function (e) { if (e.target.closest("a")) set(false); });
  document.addEventListener("keydown", function (e) { if (e.key === "Escape" && menu.classList.contains("is-expanded")) { set(false); toggle.focus(); } });
  (mq.addEventListener ? mq.addEventListener("change", sync) : mq.addListener(sync));
  // Resources dropdown: Webflow's native Dropdown already opens on click/tap and from the keyboard (Escape closes it).
  // On desktop with a mouse it also opens on hover; a real click while it is hover-open keeps it open instead of closing it.
  var hoverMq = window.matchMedia("(min-width: 992px) and (hover: hover)");
  [].slice.call(nav.querySelectorAll(".w-dropdown")).forEach(function (dd) {
    var tog = dd.querySelector(".w-dropdown-toggle");
    var list = dd.querySelector(".w-dropdown-list");
    if (!tog || !list) return;
    var timer = 0;
    function isOpen() { return list.classList.contains("w--open"); }
    dd.addEventListener("mouseenter", function () { if (!hoverMq.matches) return; clearTimeout(timer); if (!isOpen()) tog.click(); });
    dd.addEventListener("mouseleave", function () { if (!hoverMq.matches) return; clearTimeout(timer); timer = setTimeout(function () { if (isOpen()) tog.click(); }, 350); });
    // Webflow toggles on mousedown/mouseup (its "tap" events) as well as click: swallow real mouse presses while hover-open
    ["mousedown", "mouseup", "click"].forEach(function (type) {
      tog.addEventListener(type, function (e) {
        if (!hoverMq.matches || !e.isTrusted || (type === "click" && e.detail === 0)) return; // keyboard and synthetic events behave normally
        if (isOpen()) { e.stopImmediatePropagation(); if (type === "click") e.preventDefault(); }
      }, true);
    });
  });
  sync();
})();

/* ---- reveal.js ---- */
// Subtle reveal-on-scroll. Opt-in per element with data-tos-reveal (values: "" | "stagger").
// Children of a "stagger" parent get 60ms steps. Skipped for reduced motion. Never used on the language selector.
(function () {
  var els = document.querySelectorAll("[data-tos-reveal]");
  if (!els.length || (window.TOS && window.TOS.reducedMotion) || !("IntersectionObserver" in window) || document.documentElement.classList.contains("tos-shot")) return;
  var EASE = "cubic-bezier(.22,.61,.36,1)";
  function prep(el, delay) {
    el.style.opacity = "0";
    el.style.transform = "translate3d(0,18px,0)";
    el.style.transition = "opacity .7s " + EASE + " " + delay + "ms, transform .7s " + EASE + " " + delay + "ms";
    el.style.willChange = "opacity, transform";
  }
  var targets = [];
  els.forEach(function (el) {
    if (el.getAttribute("data-tos-reveal") === "stagger") {
      [].forEach.call(el.children, function (c, i) { prep(c, Math.min(i, 6) * 60); targets.push(c); });
    } else { prep(el, 0); targets.push(el); }
  });
  var io = new IntersectionObserver(function (entries) {
    entries.forEach(function (en) {
      if (!en.isIntersecting) return;
      var el = en.target;
      el.style.opacity = "1";
      el.style.transform = "none";
      io.unobserve(el);
      setTimeout(function () { el.style.willChange = ""; }, 1200);
    });
  }, { rootMargin: "0px 0px -8% 0px", threshold: 0.08 });
  targets.forEach(function (t) {
    var r = t.getBoundingClientRect();
    if (r.top < window.innerHeight && r.bottom > 0) { t.style.transition = "none"; t.style.opacity = "1"; t.style.transform = "none"; }
    else io.observe(t);
  });
})();

/* ---- technical-cards.js ---- */
// Technical page cards: each card shows its summary (front) or its details (back, blue).
// Hooks (all inside [data-tos="technical-cards"]):
//   [data-tos-flip-card]           a card; gets the combo class is-flipped while it shows its details
//   [data-tos-flip-part]           other elements inside the card that also get is-flipped (icon box, icons, title)
//   [data-tos-flip-face="front"]   summary text + CTA link (gets is-flipped = hidden)
//   [data-tos-flip-face="back"]    details text: combo is-ready (hidden, JS running) or is-flipped (visible).
//                                  With no combo (no JS, Webflow Designer) it is shown under the summary so it stays editable.
//   [data-tos-flip-toggle]         the title button; aria-expanded mirrors the state
// Behaviour:
//   mouse    resting on the card shows the details after a short delay (INTENT_MS), so a pointer that only passes
//            over a card does nothing. The card's bottom band (from BAND_PX above the CTA link down to the card's
//            bottom edge, full width) always shows the summary, so the CTA can be reached and clicked. Leaving the
//            card restores the summary. Only real pointer movement arms the delay: cards scrolling under a still
//            pointer never flip. A click on the card body (or title) shows the details at once and keeps them
//            until the pointer enters the bottom band or leaves the card (a click on a card that hover has already
//            flipped just keeps the details). A second click returns to the summary, and hover then stays off
//            until the pointer leaves the card.
//   touch    a tap on the card body (or title) toggles.
//   keyboard Enter/Space on the title button toggles; Escape restores the summary.
//   CTA links (a[href]) always navigate and never flip the card.
(function () {
  var root = document.querySelector('[data-tos="technical-cards"]');
  if (!root) return;
  var INTENT_MS = 200; // hover intent delay
  var BAND_PX = 16; // the summary band starts this far above the CTA link
  var BAND_HYST = 8; // once in the band, the pointer must move this much further up to leave it (no flicker)

  // Last pointer position seen by the document. Card handlers run first (bubbling), so they can tell a real
  // movement (new coordinates) from the boundary events Chrome fires when content scrolls under a still pointer.
  var lastX = null, lastY = null;
  document.addEventListener("pointermove", function (e) { lastX = e.clientX; lastY = e.clientY; }, { passive: true });
  function moved(e) { return lastX !== null && (e.clientX !== lastX || e.clientY !== lastY); }

  function setup(card) {
    var front = card.querySelector('[data-tos-flip-face="front"]');
    var back = card.querySelector('[data-tos-flip-face="back"]');
    if (!front || !back) return;
    var st = {
      flipped: false,
      // "key": toggled open from the keyboard (hover leaves it alone) | "click": a mouse click showed the details |
      // "rest": a click or key closed the card under the pointer (hover stays off until the pointer leaves the card)
      pin: null,
      zone: null, // where the mouse is: "body" | "band" | null (outside the card)
      timer: 0,
      downType: "", // pointerType of the last pointerdown on this card
      parts: [card, front].concat([].slice.call(card.querySelectorAll("[data-tos-flip-part]"))),
      toggle: card.querySelector("[data-tos-flip-toggle]"),
      link: front.querySelector("a[href]")
    };

    // Webflow strips data-* attributes from <img>, so the two icon images are found by class
    var icons = [].slice.call(card.querySelectorAll(".specs-tile-icon-rest, .specs-tile-icon-flip"));
    var reduce = window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
    var FLIP_MS = 170; // half of the flip: card turns edge-on, content swaps, card turns back

    // after a turn: look at where the pointer really is and bring the card in line with it
    function resync() {
      if (st.pin === "key") return;
      // :hover is not refreshed after a transform animation, so compare the last pointer position with the card's box
      var over = false;
      if (lastX !== null && lastY !== null) {
        var r = card.getBoundingClientRect();
        over = lastX >= r.left && lastX <= r.right && lastY >= r.top && lastY <= r.bottom;
      } else { try { over = card.matches(":hover"); } catch (err) {} }
      if (!over) { if (st.zone) { st.zone = null; st.pin = null; cancel(); apply(false); } return; }
      if (lastY !== null && st.link && lastY >= st.link.getBoundingClientRect().top - BAND_PX) {
        st.zone = "band";
        if (st.flipped) { if (st.pin === "click") st.pin = null; apply(false); }
      } else if (st.movedBusy && !st.flipped && !st.pin) {
        st.zone = "body"; // the pointer moved up out of the band while the card was turning: show the details again
        arm();
      }
      st.movedBusy = false;
    }

    function paint(on) {
      // reveal.js leaves an inline opacity/transform transition on the card; drop it once the card is shown
      // so the card's own background-colour transition applies.
      if (card.style.transition && card.style.opacity !== "0") card.style.transition = "";
      st.parts.concat(icons).forEach(function (el) { el.classList.toggle("is-flipped", on); });
      back.classList.toggle("is-flipped", on);
      back.classList.toggle("is-ready", !on);
    }
    function apply(on) {
      if (on === st.flipped) return;
      st.flipped = on;
      // the outgoing face fades for 0.2s: take it out of Tab order and hit-testing at once, so a quick click on
      // the CTA (or a quick Tab) never lands on the face that is going away
      front.inert = on;
      back.inert = !on;
      if (st.toggle) st.toggle.setAttribute("aria-expanded", on ? "true" : "false");
      if (reduce || !card.animate) { paint(on); return; }
      if (st.anim) st.anim.cancel();
      st.busy = true; // while the card is turning its box is distorted: pointer events must not decide anything
      var turn = function (from, to) { return card.animate([{ transform: "perspective(900px) rotateY(" + from + "deg)" }, { transform: "perspective(900px) rotateY(" + to + "deg)" }], { duration: FLIP_MS, easing: "ease-in", fill: "forwards" }); };
      st.anim = turn(0, 90);
      st.anim.onfinish = function () {
        paint(st.flipped);
        st.anim = turn(-90, 0);
        st.anim.onfinish = function () { st.anim.cancel(); st.anim = null; st.busy = false; resync(); };
      };
    }

    function cancel() {
      if (st.timer) clearTimeout(st.timer);
      st.timer = 0;
    }
    function linkHasKeyboardFocus() {
      try { return !!st.link && st.link.matches(":focus-visible"); } catch (err) { return false; } // old Safari
    }
    // bottom band = from BAND_PX above the CTA link to the card's bottom edge (the link keeps its box while hidden)
    function zoneOf(e) {
      if (!st.link) return "body";
      var top = st.link.getBoundingClientRect().top - BAND_PX - (st.zone === "band" ? BAND_HYST : 0);
      return e.clientY >= top ? "band" : "body";
    }
    function arm() {
      if (st.timer || st.flipped) return;
      st.timer = setTimeout(function () {
        st.timer = 0;
        // flip only if the pointer is still over the card body and nothing else decided the state
        if (st.zone === "body" && !st.pin && !linkHasKeyboardFocus()) apply(true);
      }, INTENT_MS);
    }

    function track(e) {
      if (e.pointerType !== "mouse") return;
      if (st.busy) { if (e.type === "pointermove" && moved(e)) st.movedBusy = true; return; }
      var was = st.zone;
      st.zone = zoneOf(e);
      if (st.zone === "band") {
        cancel();
        // entering the band brings the summary (and the CTA) back; a keyboard choice is left alone, and a
        // "rest" choice (closed by a click) is kept so hover does not reopen the card on the way back up
        if (was !== "band" && st.pin !== "key") {
          if (st.pin === "click") st.pin = null;
          apply(false);
        }
      } else if (e.type === "pointermove" && moved(e) && !st.pin) {
        arm();
      }
    }

    back.classList.add("is-ready");
    back.inert = true;
    if (st.toggle) st.toggle.setAttribute("aria-expanded", "false");

    card.addEventListener("pointerenter", track);
    card.addEventListener("pointermove", track);
    card.addEventListener("pointerleave", function (e) {
      if (e.pointerType !== "mouse" || st.busy) return;
      cancel();
      st.zone = null;
      if (st.pin === "key") return;
      st.pin = null;
      apply(false);
    });
    card.addEventListener("pointerdown", function (e) { st.downType = e.pointerType || ""; });

    card.addEventListener("click", function (e) {
      var a = e.target.closest("a[href]");
      if (a && !a.hasAttribute("data-tos-flip-toggle")) return; // CTA: navigate, never flip
      if (a) e.preventDefault(); // Webflow's <a type="button"> toggle, should it still carry href="#"
      if (e.detail === 0) { // Enter/Space on the toggle (or a synthetic click)
        cancel();
        apply(!st.flipped);
        st.pin = st.flipped ? "key" : st.zone ? "rest" : null;
        return;
      }
      var sel = window.getSelection && window.getSelection();
      if (sel && String(sel) && card.contains(sel.anchorNode)) return; // the user is selecting text
      var type = e.pointerType || st.downType || "mouse";
      cancel();
      if (type === "mouse") {
        if (st.flipped && st.pin === "click") {
          // second click: back to the summary (and the CTA); hover stays off until the pointer leaves the card
          st.pin = "rest";
          apply(false);
        } else {
          // hover may already show the details: a click keeps them (and shows them at once if the delay is running)
          st.pin = "click";
          apply(true);
        }
      } else {
        st.pin = null;
        apply(!st.flipped);
      }
    });

    card.addEventListener("keydown", function (e) {
      if (e.key !== "Escape" || !st.flipped) return;
      e.preventDefault();
      cancel();
      st.pin = st.zone ? "rest" : null;
      apply(false);
      if (st.toggle && card.contains(document.activeElement) && document.activeElement !== st.toggle) st.toggle.focus();
    });
  }

  [].forEach.call(root.querySelectorAll("[data-tos-flip-card]"), setup);
})();