@tryvitris/website-harness 0.0.0-stage → 0.1.0-beta.5

package/bin/chunks/chunk-YCVGD2CG.js

@@ -0,0 +1,2751 @@
+import {
+  iconCss,
+  renderIcon
+} from "./chunk-GZDLXYZV.js";
+import {
+  escapeHtml
+} from "./chunk-7FS67SRF.js";
+
+// src/compile/paths.ts
+function fileToPath(relFile) {
+  const normalized = relFile.replace(/\\/g, "/").replace(/^\.\//, "");
+  if (normalized === "index.html") return "/";
+  if (normalized.endsWith("/index.html")) {
+    return `/${normalized.slice(0, -"/index.html".length)}`;
+  }
+  if (normalized.endsWith(".html")) {
+    return `/${normalized.slice(0, -".html".length)}`;
+  }
+  return `/${normalized}`;
+}
+function defaultTitleFromPath(path) {
+  if (path === "/") return "Home";
+  const last = path.replace(/\/$/, "").split("/").pop() || "Page";
+  return last.split("-").filter(Boolean).map((part) => part[0].toUpperCase() + part.slice(1)).join(" ");
+}
+
+// src/runtime/beacon.ts
+var beaconJs = `(() => {
+  const kernel = document.documentElement.getAttribute("data-backend") || document.documentElement.getAttribute("data-kernel");
+  if (!kernel) return;
+
+  const endpoint = kernel.replace(/\\/$/, "") + "/api/t";
+  const gpc = navigator.globalPrivacyControl === true
+    || navigator.doNotTrack === "1"
+    || window.doNotTrack === "1";
+  const preview = location.pathname.match(/^\\/preview\\/([^/]+)/);
+  const src = preview ? "preview" : "live";
+  const path = location.pathname || "/";
+  const params = new URLSearchParams(location.search);
+  const started = Date.now();
+  let maxScroll = 0;
+  let engageCount = 0;
+  let left = false;
+  let pingTimer = 0;
+
+  const uuid = () => (crypto.randomUUID ? crypto.randomUUID() : "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = (Math.random() * 16) | 0;
+    return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
+  }));
+
+  const readCookie = (name) => {
+    const parts = document.cookie.split("; ");
+    for (const part of parts) {
+      const i = part.indexOf("=");
+      if (i === -1) continue;
+      if (part.slice(0, i) === name) return decodeURIComponent(part.slice(i + 1));
+    }
+    return "";
+  };
+
+  const writeCookie = (name, value, days) => {
+    const maxAge = Math.floor(days * 86400);
+    const secure = location.protocol === "https:" ? "; Secure" : "";
+    document.cookie = name + "=" + encodeURIComponent(value)
+      + "; Path=/; Max-Age=" + maxAge + "; SameSite=Lax" + secure;
+  };
+
+  const clearCookie = (name) => {
+    const secure = location.protocol === "https:" ? "; Secure" : "";
+    document.cookie = name + "=; Path=/; Max-Age=0; SameSite=Lax" + secure;
+  };
+
+  const privacyHref = () => {
+    if (preview) return "/preview/" + preview[1] + "/cookie-compliance";
+    return "/cookie-compliance";
+  };
+
+  let consent = gpc ? "0" : (readCookie("vitris_cc") || "");
+  let allowCookie = !gpc && consent !== "0";
+
+  const uuidRe = /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+  let vid = "";
+
+  const ensureVid = () => {
+    if (!allowCookie) {
+      vid = "";
+      return;
+    }
+    vid = readCookie("vitris_vid");
+    if (!uuidRe.test(vid)) vid = uuid();
+    writeCookie("vitris_vid", vid, 395);
+  };
+  ensureVid();
+
+  const sidKey = "vitris_sid";
+  const sidAtKey = "vitris_sid_at";
+  let sid = "";
+  try {
+    const last = Number(sessionStorage.getItem(sidAtKey) || "0");
+    sid = sessionStorage.getItem(sidKey) || "";
+    if (!sid || !last || Date.now() - last > 30 * 60 * 1000) sid = uuid();
+    sessionStorage.setItem(sidKey, sid);
+    sessionStorage.setItem(sidAtKey, String(Date.now()));
+  } catch {
+    sid = uuid();
+  }
+
+  const touchSid = () => {
+    try { sessionStorage.setItem(sidAtKey, String(Date.now())); } catch (_) {}
+  };
+
+  const syncVidFields = () => {
+    document.querySelectorAll('form[data-lead-form] input[name="vid"]').forEach((el) => {
+      el.value = vid || "";
+    });
+  };
+  syncVidFields();
+
+  const send = (payload) => {
+    const body = new URLSearchParams();
+    for (const [k, v] of Object.entries(payload)) {
+      if (v == null || v === "") continue;
+      body.set(k, String(v));
+    }
+    if (preview) body.set("slug", preview[1]);
+    if (vid) body.set("vid", vid);
+    body.set("sid", sid);
+    body.set("src", src);
+    body.set("path", path);
+    if (navigator.sendBeacon && navigator.sendBeacon(endpoint, body)) return;
+    try {
+      fetch(endpoint, { method: "POST", body, keepalive: true, credentials: "omit", mode: "cors" }).catch(() => {});
+    } catch (_) {}
+  };
+
+  let referrerHost = "";
+  try {
+    if (document.referrer) referrerHost = new URL(document.referrer).hostname.replace(/^www\\./, "");
+  } catch (_) {}
+
+  send({
+    kind: "pageview",
+    referrer: referrerHost,
+    utm_medium: params.get("utm_medium") || "",
+    utm_source: params.get("utm_source") || "",
+    hour: String(new Date().getHours()),
+  });
+
+  const measureScroll = () => {
+    const doc = document.documentElement;
+    const bodyEl = document.body;
+    const height = Math.max(doc.scrollHeight, bodyEl ? bodyEl.scrollHeight : 0, 1);
+    const view = window.innerHeight || doc.clientHeight || 0;
+    const top = window.scrollY || doc.scrollTop || 0;
+    const pct = Math.min(100, Math.round(((top + view) / height) * 100));
+    if (pct > maxScroll) maxScroll = pct;
+  };
+  measureScroll();
+  let scrollRaf = 0;
+  window.addEventListener("scroll", () => {
+    if (scrollRaf) return;
+    scrollRaf = requestAnimationFrame(() => {
+      scrollRaf = 0;
+      measureScroll();
+      touchSid();
+    });
+  }, { passive: true });
+
+  const leave = () => {
+    if (left) return;
+    left = true;
+    measureScroll();
+    const duration = Math.min(30 * 60 * 1000, Math.max(0, Date.now() - started));
+    send({ kind: "leave", duration_ms: String(duration), scroll_pct: String(maxScroll) });
+    stopPing();
+  };
+
+  document.addEventListener("visibilitychange", () => {
+    if (document.visibilityState === "hidden") leave();
+    else if (allowCookie) {
+      startPing();
+      sendPing();
+    }
+  });
+  window.addEventListener("pagehide", leave);
+
+  const isMaps = (href) => {
+    const h = (href || "").toLowerCase();
+    return h.includes("google.com/maps") || h.includes("maps.google.")
+      || h.includes("maps.apple.com") || h.includes("bing.com/maps") || h.includes("goo.gl/maps");
+  };
+
+  const labelOf = (el) => {
+    if (!el) return "";
+    const raw = (el.getAttribute("aria-label") || el.getAttribute("alt") || el.textContent || "")
+      .replace(/\\s+/g, " ").trim();
+    return raw.slice(0, 40);
+  };
+
+  const hrefPath = (href) => {
+    try { return new URL(href, location.href).pathname.slice(0, 200); }
+    catch (_) { return ""; }
+  };
+
+  document.addEventListener("click", (event) => {
+    const t = event.target;
+    if (!(t instanceof Element)) return;
+
+    if (t.closest("[data-cookie-accept]")) {
+      event.preventDefault();
+      acceptCookies();
+      return;
+    }
+    if (t.closest("[data-cookie-reject]")) {
+      event.preventDefault();
+      rejectCookies();
+      return;
+    }
+
+    touchSid();
+
+    const a = t.closest("a[href]");
+    if (a) {
+      const href = a.getAttribute("href") || "";
+      const low = href.toLowerCase();
+      if (low.startsWith("tel:")) {
+        send({ kind: "convert", goal: "tel", label: labelOf(a) });
+        return;
+      }
+      if (low.startsWith("mailto:")) {
+        send({ kind: "convert", goal: "mailto", label: labelOf(a) });
+        return;
+      }
+      if (isMaps(href)) {
+        send({ kind: "convert", goal: "maps", label: labelOf(a), href: hrefPath(href) });
+        return;
+      }
+    }
+
+    if (engageCount >= 25) return;
+
+    const carousel = t.closest("[data-quotes-prev], [data-quotes-next], [data-stage-prev], [data-stage-next]");
+    if (carousel) {
+      engageCount += 1;
+      send({ kind: "engage", action: "carousel", label: labelOf(carousel) });
+      return;
+    }
+
+    const navA = t.closest("[data-nav] a, .c-header__nav a, nav[aria-label='Primary'] a");
+    if (navA) {
+      engageCount += 1;
+      send({ kind: "engage", action: "nav", label: labelOf(navA), href: hrefPath(navA.getAttribute("href") || "") });
+      return;
+    }
+
+    const btn = t.closest("a.btn, button.btn, .btn-outline, .btn-arrow, .c-header__cta");
+    if (btn) {
+      if (btn.closest("form[data-lead-form]") && (btn.matches("button, [type='submit']"))) return;
+      engageCount += 1;
+      send({ kind: "engage", action: "btn", label: labelOf(btn), href: hrefPath(btn.getAttribute("href") || "") });
+      return;
+    }
+
+    if (t.closest("img") || (a && a.querySelector("img"))) {
+      const img = t.closest("img") || (a && a.querySelector("img"));
+      const link = (img && img.closest("a")) || a;
+      engageCount += 1;
+      send({
+        kind: "engage",
+        action: "img",
+        label: labelOf(img || link),
+        href: hrefPath(link && link.getAttribute ? link.getAttribute("href") || "" : ""),
+      });
+    }
+  }, true);
+
+  const sendPing = () => {
+    if (!allowCookie || document.visibilityState !== "visible") return;
+    send({ kind: "ping" });
+  };
+  const startPing = () => {
+    if (!allowCookie || pingTimer) return;
+    pingTimer = window.setInterval(sendPing, 15000);
+  };
+  const stopPing = () => {
+    if (!pingTimer) return;
+    clearInterval(pingTimer);
+    pingTimer = 0;
+  };
+  if (allowCookie) {
+    sendPing();
+    startPing();
+  }
+
+  const removeBanner = () => {
+    const el = document.getElementById("vitris-cookie-banner");
+    if (el) el.remove();
+  };
+
+  const acceptCookies = () => {
+    if (gpc) return;
+    consent = "1";
+    writeCookie("vitris_cc", "1", 395);
+    allowCookie = true;
+    ensureVid();
+    syncVidFields();
+    removeBanner();
+    if (document.visibilityState === "visible") {
+      startPing();
+      sendPing();
+    }
+  };
+
+  const rejectCookies = () => {
+    consent = "0";
+    writeCookie("vitris_cc", "0", 395);
+    clearCookie("vitris_vid");
+    vid = "";
+    allowCookie = false;
+    syncVidFields();
+    stopPing();
+    removeBanner();
+  };
+
+  if (!gpc && !consent) {
+    const banner = document.createElement("div");
+    banner.id = "vitris-cookie-banner";
+    banner.className = "c-cookie-banner";
+    banner.setAttribute("role", "dialog");
+    banner.setAttribute("aria-modal", "false");
+    banner.setAttribute("aria-labelledby", "vitris-cookie-title");
+    banner.setAttribute("aria-describedby", "vitris-cookie-desc");
+    banner.innerHTML = '<div class="c-cookie-banner__inner wrap">'
+      + '<div class="c-cookie-banner__copy">'
+      + '<p id="vitris-cookie-title" class="c-cookie-banner__title">Cookies on this site</p>'
+      + '<p id="vitris-cookie-desc" class="c-cookie-banner__text">'
+      + "We use a first-party cookie to understand visits and improve this website. "
+      + "You can accept or reject analytics cookies."
+      + "</p>"
+      + "</div>"
+      + '<div class="c-cookie-banner__actions">'
+      + '<button type="button" class="btn" data-cookie-accept>Accept</button>'
+      + '<button type="button" class="btn btn-ghost" data-cookie-reject>Reject</button>'
+      + '<a class="c-cookie-banner__more" href="' + privacyHref() + '">Learn more</a>'
+      + "</div>"
+      + "</div>";
+    const mount = () => {
+      if (!document.body || document.getElementById("vitris-cookie-banner")) return;
+      document.body.prepend(banner);
+    };
+    if (document.body) mount();
+    else document.addEventListener("DOMContentLoaded", mount);
+  }
+})();
+`;
+
+// src/runtime/cookie-compliance.ts
+var COOKIE_COMPLIANCE_PATH = "/cookie-compliance";
+var BODY = [
+  "This website is powered by Vitris. Analytics run on the site\u2019s own domain \u2014 there are no third-party ad or analytics tags.",
+  "If you allow analytics cookies, we set a first-party cookie named vitris_vid (about 13 months). It is a random visitor id so return visits can be counted without knowing who you are. We also keep a short-lived session id in session storage while you browse.",
+  "With that id we record page views, time on page, scroll depth, clicks on navigation and buttons, live presence while the tab is open, and core conversions such as form submits, phone, email, and map links. Form submissions may include the visitor id when present.",
+  "We do not sell this data. Site owners see aggregated reports in their Vitris dashboard so they can improve the site.",
+  "If your browser sends Global Privacy Control or Do Not Track, we do not set the analytics cookie and we do not send live presence pings. That hit may still be counted in a cookieless way for that day only.",
+  "Essential site cookies (for example an owner login session on the Vitris app) are separate from this public-site analytics cookie and are not controlled by the banner on this page."
+];
+function cookieComplianceHtml(siteName) {
+  const paras = BODY.map((p) => `<p>${p}</p>`).join("\n");
+  return `<main id="main" tabindex="-1" class="c-cookie-page">
+  <div class="wrap">
+    <h1>Cookie compliance</h1>
+    <p>First-party analytics on ${escapeText(siteName)}, and how to control them.</p>
+    <h2>What we store</h2>
+    ${paras}
+    <h2>Change your preference</h2>
+    <p>Use Accept to allow the analytics cookie, or Reject to clear it and stop future analytics cookies and live pings in this browser. Your choice is saved in a first-party preference cookie named vitris_cc. You can return here anytime to change it.</p>
+    <div class="c-cookie-page__actions">
+      <button type="button" class="btn" data-vitris-cc="accept" data-cookie-accept>Accept analytics cookies</button>
+      <button type="button" class="btn-ghost" data-vitris-cc="reject" data-cookie-reject>Reject analytics cookies</button>
+    </div>
+  </div>
+</main>`;
+}
+function escapeText(value) {
+  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+
+// src/runtime/scroll-motion.generated.ts
+var motionAssetHref = "/motion-465c0e1b6d85.js";
+var motionJs = '(()=>{function W(a){window.VitrisMotion?.dispose();let n=()=>{},r=new Map,p=!1,u=matchMedia("(prefers-reduced-motion: reduce)"),c=matchMedia("(max-width: 599px)"),l=new WeakSet,b=["count","text","sequence","draw"],m=["entrance","stagger",...b],h=(o,s,w)=>Number(o.getAttribute("data-motion-"+s)??w),v=()=>{p||(u.addEventListener("change",v),p=!0);for(let[i,g]of r)if(b.includes(g.effect)&&g.phase==="playing"){let A=document.getElementById(i);A&&l.add(A)}n(),r=new Map;let o=[],s=[],w=new Map,I=!1,M=(i,g,A,$)=>{i.addEventListener(g,A,$),s.push(()=>i.removeEventListener(g,A,$))},L=i=>{w.get(i)?.(),w.delete(i),i.classList.add("is-in");let g=r.get(i.id);g&&(g.phase="complete")};if(n=()=>{I=!0;for(let i of o)i();for(let i of w.values())i();w.clear();for(let i of s)i()},!(document.documentElement.dataset.motionPolicy==="off"||u.matches||!window.IntersectionObserver||!Element.prototype.animate))try{let i=document.documentElement.dataset.motionPolicy==="enabled",g=i?\'[data-motion],[data-reveal],[data-island="counter"] [data-count-to]\':\'[data-reveal],[data-island="counter"] [data-count-to]\',A=[...document.querySelectorAll(g)],$=(e,t)=>{t.run=a.enter(t.children,t.options,()=>{I||(t.phase="complete",l.add(e),e.classList.add("is-in"))},!0),w.set(e,t.run.cancel)},O=new IntersectionObserver(e=>{try{for(let t of e){let x=t.target,d=r.get(x.id);!d||d.static||(t.isIntersecting&&(d.effect!=="count"||t.intersectionRatio>=.35)&&d.phase==="pending"?(d.phase="playing",d.run||$(x,d),d.run.play(),d.repeat||O.unobserve(x)):!t.isIntersecting&&d.phase==="playing"&&b.includes(d.effect)?(l.add(x),L(x)):!t.isIntersecting&&d.repeat&&d.phase==="complete"&&(L(x),d.phase="pending",d.run=null,$(x,d)))}}catch(t){n(),r.clear(),console.warn("Motion playback failed; static content restored",t)}},{threshold:[0,.35],rootMargin:"0px 0px -10% 0px"});o.push(()=>O.disconnect());for(let e of A){e.id||(e.id=`motion-runtime-${A.indexOf(e)}`);let t=i&&e.getAttribute("data-motion")||(e.hasAttribute("data-count-to")?"count":e.hasAttribute("data-reveal-stagger")?"stagger":"entrance"),x=e.getBoundingClientRect(),d=getComputedStyle(e),K=e.parentElement?.closest(g),R=t==="story"||!!K||["MAIN","HEADER","FOOTER","BODY","HTML"].includes(e.tagName)||/(?:^|\\s)c-(?:site-)?(?:hero|header|footer)(?:\\s|$)/.test(e.className)||x.height>innerHeight*2||d.position==="sticky"||d.position==="fixed"||c.matches&&(e.getAttribute("data-motion-mobile")==="static"||t==="drift"&&!e.hasAttribute("data-motion-mobile")),Q=t==="text"?"[data-motion-word]":t==="draw"?"[data-motion-path]":i?"[data-motion-child],[data-reveal-child]":"[data-reveal-child]",V=["stagger","text","sequence","draw"].includes(t)?[...e.querySelectorAll(Q)].filter(S=>S.closest(g)===e&&(t!=="stagger"||!S.hasAttribute("data-motion-child")||S.parentElement===e)):[],Z=V.length?V:[e],B={effect:t,treatment:e.getAttribute("data-motion-treatment")||"phrase",duration:h(e,"duration",t==="count"?900:Number.parseFloat(d.getPropertyValue("--reveal-dur"))||550),delay:h(e,"delay",0),distance:h(e,"distance",t==="text"?4:Number.parseFloat(d.getPropertyValue("--reveal-dist"))||16),stagger:h(e,"stagger",70),from:e.getAttribute("data-motion-from")||e.getAttribute("data-reveal-from")||"up",ease:e.getAttribute("data-motion-ease")||"editorial"},C={effect:t,static:R,phase:"pending",children:Z,options:B,repeat:e.getAttribute("data-motion-replay")==="repeat",progress:null};if(r.set(e.id,C),R||b.includes(t)&&l.has(e)||m.includes(t)&&(x.bottom<=0||location.hash.slice(1)===e.id||e.contains(document.activeElement))||["entrance","stagger","text","sequence"].includes(t)&&x.top<innerHeight){C.static=!0,L(e);continue}if(m.includes(t))O.observe(e);else{let S=document.getElementById(e.getAttribute("data-motion-trigger"));if(!S){C.static=!0;continue}C.phase="linked";let T=h(e,"range-start",0),H=h(e,"range-end",1);C.progress=()=>{let U=S.getBoundingClientRect();return Math.max(0,Math.min(1,((innerHeight-U.top)/(innerHeight+U.height)-T)/(H-T)))};let Y=a.link(e,S,t,{...B,start:T,end:H},C.progress);w.set(e,Y.cancel),o.push(Y.cancel)}}for(let e of A){let t=r.get(e.id);t&&!t.static&&m.includes(t.effect)&&$(e,t)}let D=e=>{for(let t of A)(t===e.target||t.contains(e.target))&&L(t)},P=()=>{let e=document.getElementById(decodeURIComponent(location.hash.slice(1)));e&&D({target:e})};M(document,"focusin",D),M(window,"hashchange",P),P(),M(window,"pageshow",e=>{e.persisted&&v()}),M(c,"change",v),M(window,"resize",()=>{for(let e of A){let t=r.get(e.id);t&&["text","sequence"].includes(t.effect)&&(l.add(e),L(e))}}),M(document.fonts,"loadingdone",()=>{for(let e of A){let t=r.get(e.id);t&&t.phase!=="pending"&&["text","sequence"].includes(t.effect)&&(l.add(e),L(e))}})}catch(i){n(),r.clear(),console.warn("Motion initialization left static content readable",i)}},f=!1,y=0,E=()=>{let o=!1,s=()=>{o||f||(o=!0,clearTimeout(y),v())};y=setTimeout(s,1500),(document.fonts?.status==="loading"?document.fonts.ready:Promise.resolve()).then(s,s)};window.VitrisMotion={version:1,engine:a.name,init:v,dispose(){f=!0,clearTimeout(y),document.removeEventListener("DOMContentLoaded",E),n(),r=new Map,u.removeEventListener("change",v),p=!1},inspect(o){let s=r.get(o);return s?{effect:s.effect,static:s.static,phase:s.phase,progress:typeof s.progress=="function"?s.progress():null}:{static:!0,phase:"static",progress:null}}},window.VitrisCounters={dispose(){window.VitrisMotion.dispose()}},document.readyState==="complete"||performance.getEntriesByType("navigation")[0]?.domContentLoadedEventStart>0?E():document.addEventListener("DOMContentLoaded",E,{once:!0})}var q=new Set,z=0;function X(a){z=0;for(let n of[...q])n.update(a);q.size&&(z=requestAnimationFrame(X))}function j(a,n,r){let p=a.textContent,u=!a.hasAttribute("data-motion"),c=Number(a.getAttribute(u?"data-count-to":"data-motion-value")),l=p.match(/[-+]?\\d[\\d,]*(?:\\.\\d+)?/);if(!Number.isFinite(c)||!l||a.children.length)return{play(){r()},cancel(){}};let b=u?p.slice(0,l.index):a.getAttribute("data-motion-prefix")||"",m=u?p.slice(l.index+l[0].length):a.getAttribute("data-motion-suffix")||"",h=u?l[0].split(".")[1]?.length||0:Number(a.getAttribute("data-motion-decimals")||0),v=u?l[0].includes(","):a.getAttribute("data-motion-group")!=="false",f=u?l[0].startsWith("+"):a.getAttribute("data-motion-sign")==="always",y=i=>b+(f&&i>=0?"+":"")+i.toLocaleString("en-US",{minimumFractionDigits:h,maximumFractionDigits:h,useGrouping:v})+m;if(!u&&y(c)!==p)return{play(){r()},cancel(){}};let E=null,o=null,s=null,w=!1,I=a.getAttribute("style"),M=()=>{q.delete(L),q.size||(cancelAnimationFrame(z),z=0),o&&(a.replaceChildren(...o.childNodes),o=null,s=null,I===null?a.removeAttribute("style"):a.setAttribute("style",I))},L={update(i){E===null&&(E=i);let g=Math.min(1,(i-E)/n.duration);if(g>=1){M(),w=!0,r();return}s.textContent=y(c*(1-Math.pow(1-g,3)))}};return{play(){w||o||(o=document.createElement("span"),o.style.opacity="0",o.append(...a.childNodes),s=document.createElement("span"),s.setAttribute("aria-hidden","true"),s.setAttribute("data-motion-visual",""),s.style.cssText="position:absolute;inset:0;user-select:none;pointer-events:none;white-space:inherit",s.textContent=y(0),a.style.position="relative",a.style.display="inline-block",a.append(o,s),q.add(L),z||(z=requestAnimationFrame(X)))},cancel(){w=!0,M()}}}var _={editorial:"cubic-bezier(.22,1,.36,1)",gentle:"cubic-bezier(.25,.1,.25,1)",linear:"linear"},G=a=>{let n=getComputedStyle(a).transform;return n==="none"?"":n},F=new Set,N=0,ee=()=>{N=0;let a=[...F].filter(n=>n.active||n.dirty).map(n=>[n,n.progress()]);for(let[n,r]of a)n.write(r),n.dirty=!1},k=()=>{N||(N=requestAnimationFrame(ee))},J={name:"vanilla",enter(a,n,r,p=!1){if(n.effect==="count")return j(a[0],n,r);let u=a.map((c,l)=>{let b=G(c),m=getComputedStyle(c).opacity,h=["left","right"].includes(n.from)?"X":"Y",v=["down","left"].includes(n.from)?-1:1,f={opacity:0,transform:`${b} translate${h}(${v*n.distance}px)`},y={opacity:m,transform:b||"none"};if(n.effect==="text"&&n.treatment==="mask"&&(f.clipPath="inset(0 0 100% 0)",y.clipPath="inset(0 0 0% 0)"),n.effect==="sequence"&&c.getAttribute("data-motion-role")==="image"&&(f={opacity:m,transform:`${b} scale(1.015)`},y={opacity:m,transform:b||"none"}),n.effect==="draw"){let o=c.getTotalLength?.()||1;f={strokeDasharray:`${o} ${o}`,strokeDashoffset:o},y={strokeDasharray:`${o} ${o}`,strokeDashoffset:0}}let E=c.animate([f,y],{duration:n.duration,delay:Math.min(300,n.delay+l*n.stagger),easing:_[n.ease],fill:"both"});return p&&E.pause(),E});return Promise.all(u.map(c=>c.finished)).then(()=>{for(let c of u)c.cancel();r()}).catch(()=>{}),{play(){for(let c of u)c.play()},cancel(){for(let c of u)c.cancel()}}},link(a,n,r,p,u){let c=G(a),l=f=>r==="drift"?`${c} translateY(${p.distance*(2*f-1)}px)`:`${c} scaleX(${f})`;try{if(window.ViewTimeline){let f=new ViewTimeline({subject:n,axis:"block",inset:"0px"}),y=a.animate([{transform:l(0)},{transform:l(1)}],{timeline:f,rangeStart:`cover ${p.start*100}%`,rangeEnd:`cover ${p.end*100}%`,easing:"linear",fill:"both"});return{cancel(){y.cancel()}}}}catch{}let b=a.style.transform,m={active:!0,dirty:!0,progress:u,write:f=>{a.style.transform=l(f)}};F.size||(addEventListener("scroll",k,{passive:!0}),addEventListener("resize",k)),F.add(m);let h=new IntersectionObserver(f=>{m.active=f[0].isIntersecting,m.dirty=!0,k()});h.observe(n);let v=window.ResizeObserver?new ResizeObserver(()=>{m.dirty=!0,k()}):null;return v?.observe(n),document.fonts?.ready.then(()=>{F.has(m)&&(m.dirty=!0,k())}),k(),{cancel(){F.delete(m),F.size||(cancelAnimationFrame(N),N=0,removeEventListener("scroll",k),removeEventListener("resize",k)),h.disconnect(),v?.disconnect(),a.style.transform=b}}}};W(J);})();\n';
+
+// src/compile/flatten.ts
+var MOTION_STRENGTHS = /* @__PURE__ */ new Set(["off", "whisper", "editorial", "noticeable"]);
+var REVEAL_FROM = /* @__PURE__ */ new Set(["up", "down", "left", "right"]);
+var DEFAULT_OFF = /* @__PURE__ */ new Set(["header", "footer", "hero", "site-header", "site-footer"]);
+function normalizeStrength(value) {
+  if (typeof value !== "string") return void 0;
+  return MOTION_STRENGTHS.has(value) ? value : void 0;
+}
+function normalizeFrom(value) {
+  if (typeof value === "string" && REVEAL_FROM.has(value)) {
+    return value;
+  }
+  return "up";
+}
+function resolveInstanceMotion(site, component, attrs) {
+  if (site.scrollMotion?.policy === "off") return { strength: "off", stagger: false, from: "up" };
+  if (DEFAULT_OFF.has(component) && !attrs.motion) {
+    return { strength: "off", stagger: false, from: "up" };
+  }
+  const siteStrength = normalizeStrength(site.motion?.strength) ?? "editorial";
+  const siteStagger = site.motion?.stagger === true;
+  const attrStrength = normalizeStrength(attrs.motion);
+  const strength = attrStrength ?? (DEFAULT_OFF.has(component) ? "off" : siteStrength);
+  const staggerAttr = attrs["motion-stagger"] ?? attrs.stagger;
+  const stagger = staggerAttr !== void 0 ? staggerAttr === "true" || staggerAttr === "" : siteStagger;
+  const from = normalizeFrom(attrs["motion-from"] ?? attrs.from ?? site.motion?.from);
+  return { strength, stagger: strength !== "off" && stagger, from };
+}
+function wrapReveal(html, motion) {
+  if (motion.strength === "off") return html;
+  const stagger = motion.stagger ? " data-reveal-stagger" : "";
+  return `<div data-reveal data-reveal-strength="${motion.strength}" data-reveal-from="${motion.from}"${stagger}>
+${html}
+</div>`;
+}
+function applyRootAttrs(html, component, attrs) {
+  const trimmed = html.trim();
+  const m = trimmed.match(/^<([a-zA-Z][\w.-]*)(\s[^>]*)?>/);
+  if (!m) return html;
+  const tag = m[1];
+  const existing = m[2] || "";
+  const openEnd = m[0].length;
+  const existingAttrs = parseAttrs(existing);
+  const classes = new Set((existingAttrs.class || "").split(/\s+/).filter(Boolean));
+  classes.add(`c-${component}`);
+  const variant = (attrs.variant || "").trim();
+  if (variant) {
+    for (const token of variant.split(/\s+/).filter(Boolean)) {
+      classes.add(`c-${component}--${token}`);
+    }
+  }
+  const next = { ...existingAttrs, class: [...classes].join(" ") };
+  if (attrs.id && !next.id) next.id = attrs.id;
+  if (next.id && !next["data-section"]) next["data-section"] = next.id;
+  if (!next["data-component"]) next["data-component"] = component;
+  const semantic = attrs["semantic-role"] || attrs["data-semantic-role"];
+  if (semantic && !next["data-semantic-role"]) next["data-semantic-role"] = semantic;
+  for (const key of ["data-fact-ids", "data-asset-ids", "data-action"]) {
+    if (attrs[key] && !next[key]) next[key] = attrs[key];
+  }
+  for (const [key, value] of Object.entries(attrs)) if (key === "data-motion" || key.startsWith("data-motion-")) next[key] = value;
+  const attrStr = Object.entries(next).map(([k, v]) => v === "" ? k : `${k}="${v.replace(/"/g, "&quot;")}"`).join(" ");
+  return `<${tag} ${attrStr}>${trimmed.slice(openEnd)}`;
+}
+function parseAttrs(raw) {
+  const attrs = {};
+  const re = /([:@\w.-]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+)))?/g;
+  let m;
+  while (m = re.exec(raw)) {
+    const key = m[1];
+    attrs[key] = m[2] ?? m[3] ?? m[4] ?? "";
+  }
+  return attrs;
+}
+function splitSlots(innerHtml) {
+  const named = {};
+  const defaults = [];
+  let i = 0;
+  const html = innerHtml.trim();
+  while (i < html.length) {
+    while (i < html.length && /\s/.test(html[i])) i += 1;
+    if (i >= html.length) break;
+    if (html[i] !== "<") {
+      const next = html.indexOf("<", i);
+      const text = html.slice(i, next === -1 ? html.length : next).trim();
+      if (text) defaults.push(text);
+      i = next === -1 ? html.length : next;
+      continue;
+    }
+    if (html.startsWith("<!--", i)) {
+      const end = html.indexOf("-->", i);
+      i = end === -1 ? html.length : end + 3;
+      continue;
+    }
+    const tagMatch = html.slice(i).match(/^<\/?([a-zA-Z][\w.-]*)/);
+    if (!tagMatch) {
+      defaults.push(html[i]);
+      i += 1;
+      continue;
+    }
+    if (html[i + 1] === "/") {
+      const closeEnd = html.indexOf(">", i);
+      i = closeEnd === -1 ? html.length : closeEnd + 1;
+      continue;
+    }
+    const name = tagMatch[1];
+    const openEnd = findTagEnd(html, i);
+    if (openEnd === -1) break;
+    const openTag = html.slice(i, openEnd + 1);
+    const attrs = parseAttrs(openTag.slice(1 + name.length, openTag.endsWith("/>") ? -2 : -1));
+    const selfClosing = /\/>$/.test(openTag) || isVoidElement(name);
+    let elementHtml;
+    if (selfClosing) {
+      elementHtml = openTag;
+      i = openEnd + 1;
+    } else {
+      const close = findMatchingClose(html, name, openEnd + 1);
+      if (!close) {
+        elementHtml = openTag;
+        i = openEnd + 1;
+      } else {
+        elementHtml = html.slice(i, close.end);
+        i = close.end;
+      }
+    }
+    const slotName = attrs.slot;
+    if (slotName) {
+      (named[slotName] ??= []).push(stripSlotAttr(elementHtml));
+    } else {
+      defaults.push(elementHtml);
+    }
+  }
+  return { named, default: defaults };
+}
+function stripSlotAttr(html) {
+  return html.replace(/\s+slot\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/i, "");
+}
+function isVoidElement(name) {
+  return /^(area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/i.test(name);
+}
+function findTagEnd(html, start) {
+  let quote = null;
+  for (let i = start; i < html.length; i++) {
+    const ch = html[i];
+    if (quote) {
+      if (ch === quote) quote = null;
+      continue;
+    }
+    if (ch === '"' || ch === "'") {
+      quote = ch;
+      continue;
+    }
+    if (ch === ">") return i;
+  }
+  return -1;
+}
+function findMatchingClose(html, name, from) {
+  let depth = 1;
+  let i = from;
+  const openRe = new RegExp(`<${name}(\\s|>|/>)`, "i");
+  const closeRe = new RegExp(`</${name}\\s*>`, "i");
+  while (i < html.length) {
+    if (html.startsWith("<!--", i)) {
+      const end = html.indexOf("-->", i);
+      i = end === -1 ? html.length : end + 3;
+      continue;
+    }
+    if (html[i] === "<") {
+      const slice = html.slice(i);
+      const close = slice.match(closeRe);
+      if (close && close.index === 0) {
+        depth -= 1;
+        if (depth === 0) {
+          return { inner: html.slice(from, i), end: i + close[0].length };
+        }
+        i += close[0].length;
+        continue;
+      }
+      const open = slice.match(openRe);
+      if (open && open.index === 0) {
+        const tagEnd = findTagEnd(html, i);
+        if (tagEnd === -1) return null;
+        const tag = html.slice(i, tagEnd + 1);
+        if (!/\/>$/.test(tag) && !isVoidElement(name)) depth += 1;
+        i = tagEnd + 1;
+        continue;
+      }
+    }
+    i += 1;
+  }
+  return null;
+}
+function fillSlots(template, slots) {
+  let out = template.replace(/<slot(\s[^>]*)?\/>/gi, (full, attrRaw = "") => {
+    const attrs = parseAttrs(attrRaw);
+    const name = attrs.name;
+    if (name) return (slots.named[name] || []).join("\n");
+    return slots.default.join("\n");
+  });
+  out = out.replace(/<slot(\s[^>]*)?>[\s\S]*?<\/slot>/gi, (full, attrRaw = "") => {
+    const attrs = parseAttrs(typeof attrRaw === "string" ? attrRaw : "");
+    const name = attrs.name;
+    if (name) {
+      const parts = slots.named[name];
+      return parts && parts.length ? parts.join("\n") : "";
+    }
+    return slots.default.length ? slots.default.join("\n") : "";
+  });
+  return out;
+}
+function escapeRegExp(s) {
+  return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function flattenBody(body, catalog, site, depth = 0) {
+  if (depth > 8) {
+    return { html: body, used: [], usesMotion: false, usesLeadForm: /data-lead-form/i.test(body) };
+  }
+  const names = Object.keys(catalog).sort((a, b) => b.length - a.length);
+  if (!names.length) {
+    return {
+      html: body,
+      used: [],
+      usesMotion: false,
+      usesLeadForm: /data-lead-form/i.test(body)
+    };
+  }
+  const used = /* @__PURE__ */ new Set();
+  let usesMotion = false;
+  let html = body;
+  let guard = 0;
+  while (guard++ < 200) {
+    let matched = false;
+    for (const name of names) {
+      const openRe = new RegExp(`<${escapeRegExp(name)}(\\s[^>]*)?>`, "gi");
+      let m;
+      while (m = openRe.exec(html)) {
+        const start = m.index;
+        const openTag = m[0];
+        const attrRaw = m[1] || "";
+        const attrs = parseAttrs(attrRaw);
+        const cls = attrs.class || "";
+        if (new RegExp(`(?:^|\\s)c-${escapeRegExp(name)}(?:\\s|$)`).test(cls)) {
+          continue;
+        }
+        const openEnd = start + openTag.length;
+        const selfClosing = /\/>$/.test(openTag);
+        let inner = "";
+        let end = openEnd;
+        if (!selfClosing) {
+          const close = findMatchingClose(html, name, openEnd);
+          if (!close) continue;
+          inner = close.inner;
+          end = close.end;
+        }
+        const entry = catalog[name];
+        used.add(name);
+        const slots = splitSlots(inner);
+        let expanded = fillSlots(entry.html, slots);
+        expanded = applyRootAttrs(expanded, name, attrs);
+        const nested = flattenBody(expanded, catalog, site, depth + 1);
+        expanded = nested.html;
+        for (const u of nested.used) used.add(u);
+        if (nested.usesMotion) usesMotion = true;
+        const motion = resolveInstanceMotion(site, name, attrs);
+        if (motion.strength !== "off") usesMotion = true;
+        if (!(site.scrollMotion?.policy === "enabled" && /\bdata-motion\s*=/.test(expanded))) expanded = wrapReveal(expanded, motion);
+        html = html.slice(0, start) + expanded + html.slice(end);
+        matched = true;
+        break;
+      }
+      if (matched) break;
+    }
+    if (!matched) break;
+  }
+  const usesLeadForm = /data-lead-form/i.test(html);
+  return { html, used: [...used], usesMotion, usesLeadForm };
+}
+function wrapMain(flattened, catalog) {
+  const source = flattened.trim();
+  const existingMain = [...source.matchAll(/<main\b[^>]*>/gi)];
+  if (existingMain.length > 1) throw new Error("Page must have exactly one main landmark for the skip link");
+  if (existingMain.length === 1) {
+    const tag = existingMain[0][0];
+    if (!/\bid\s*=\s*["']main["']/i.test(tag) && /\bid\s*=/i.test(tag)) throw new Error('Existing main landmark must use id="main" for the skip link');
+    const next = tag.slice(0, -1) + (/\bid\s*=\s*["']main["']/i.test(tag) ? "" : ' id="main"') + (/\btabindex\s*=/i.test(tag) ? "" : ' tabindex="-1"') + ">";
+    return source.replace(tag, next);
+  }
+  const shell = source.match(/^<(div|section)\b[^>]*>/i);
+  if (shell) {
+    const close = findMatchingClose(source, shell[1], shell[0].length);
+    if (close && close.end === source.length) {
+      const inner = close.inner;
+      if (/<(?:header|footer)\b|class=["'][^"']*\bc-(?:site-)?(?:header|footer)\b/i.test(inner)) {
+        return shell[0] + wrapMain(inner, catalog) + source.slice(shell[0].length + inner.length);
+      }
+    }
+  }
+  const chrome = new Set(
+    ["header", "footer", "site-header", "site-footer"].filter((n) => catalog[n])
+  );
+  const parts = [];
+  let i = 0;
+  const html = flattened.trim();
+  while (i < html.length) {
+    while (i < html.length && /\s/.test(html[i])) i += 1;
+    if (i >= html.length) break;
+    if (!html.startsWith("<", i)) {
+      const next = html.indexOf("<", i);
+      parts.push({ html: html.slice(i, next === -1 ? html.length : next), kind: "other" });
+      i = next === -1 ? html.length : next;
+      continue;
+    }
+    if (html.startsWith("<!--", i)) {
+      const end = html.indexOf("-->", i);
+      const block2 = html.slice(i, end === -1 ? html.length : end + 3);
+      parts.push({ html: block2, kind: "other" });
+      i = end === -1 ? html.length : end + 3;
+      continue;
+    }
+    const tagMatch = html.slice(i).match(/^<([a-zA-Z][\w.-]*)/);
+    if (!tagMatch) {
+      parts.push({ html: html[i], kind: "other" });
+      i += 1;
+      continue;
+    }
+    const tag = tagMatch[1];
+    const tagEnd = findTagEnd(html, i);
+    if (tagEnd === -1) {
+      parts.push({ html: html.slice(i), kind: "other" });
+      break;
+    }
+    const openTag = html.slice(i, tagEnd + 1);
+    let block;
+    if (/\/>$/.test(openTag) || isVoidElement(tag)) {
+      block = openTag;
+      i = tagEnd + 1;
+    } else {
+      const close = findMatchingClose(html, tag, tagEnd + 1);
+      if (!close) {
+        block = openTag;
+        i = tagEnd + 1;
+      } else {
+        block = html.slice(i, close.end);
+        i = close.end;
+      }
+    }
+    const kind = /class="[^"]*\bc-(?:site-)?header\b/.test(openTag) || tag === "header" ? "header" : /class="[^"]*\bc-(?:site-)?footer\b/.test(openTag) || tag === "footer" ? "footer" : "other";
+    const classKind = /class="[^"]*\bc-(?:site-)?header\b/.test(openTag) ? "header" : /class="[^"]*\bc-(?:site-)?footer\b/.test(openTag) ? "footer" : "other";
+    void chrome;
+    parts.push({ html: block, kind: classKind !== "other" ? classKind : kind === "header" || kind === "footer" ? kind : "other" });
+  }
+  const out = [];
+  let mainOpen = false;
+  let mainClosed = false;
+  for (const part of parts) {
+    if (part.kind === "header") {
+      out.push(part.html);
+    } else if (part.kind === "footer") {
+      if (mainOpen && !mainClosed) {
+        out.push("</main>");
+        mainClosed = true;
+      }
+      out.push(part.html);
+    } else {
+      if (!mainOpen) {
+        out.push('<main id="main" tabindex="-1">');
+        mainOpen = true;
+      }
+      out.push(part.html);
+    }
+  }
+  if (mainOpen && !mainClosed) out.push("</main>");
+  return out.join("\n");
+}
+function rewriteLeadForms(html, kernelOrigin, pagePath) {
+  const action = kernelOrigin ? `${kernelOrigin.replace(/\/$/, "")}/api/leads` : "#";
+  return html.replace(/<form\b([^>]*)>([\s\S]*?)<\/form>/gi, (full, attrs, inner) => {
+    if (!/data-lead-form/i.test(attrs)) return full;
+    let next = attrs;
+    if (/\baction\s*=/i.test(next)) {
+      next = next.replace(/\baction\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/i, `action="${action}"`);
+    } else {
+      next += ` action="${action}"`;
+    }
+    next = next.replace(/\bmethod\s*=\s*(?:"[^"]*"|'[^']*'|[^\s>]+)/i, 'method="post"');
+    if (!/\bmethod\s*=/i.test(next)) next += ` method="post"`;
+    if (!/\bdata-lead-custom\b|\bdata-no-enhance\b/i.test(next) && !/\bdata-vitris-enhanced\b/i.test(next)) next += ` data-vitris-enhanced`;
+    let body = inner;
+    if (!/name=["']page_path["']/.test(body)) {
+      body = `
+<input type="hidden" name="page_path" value="${pagePath.replace(/&/g, "&amp;").replace(/"/g, "&quot;")}">` + body;
+    }
+    if (!/name=["']vid["']/.test(body)) {
+      body = `
+<input type="hidden" name="vid" value="">` + body;
+    }
+    return `<form${next}>${body}</form>`;
+  });
+}
+var INSTRUMENT_TAGS = /^(section|header|footer|article|div)$/i;
+function instrumentSections(html, site) {
+  const candidate = site.designRun?.candidateId?.trim();
+  return html.replace(/<([a-zA-Z][\w.-]*)(\s[^>]*?)>/g, (open, tag, attrs) => {
+    if (!INSTRUMENT_TAGS.test(tag)) return open;
+    const id = attrs.match(/\bid=(["'])([^"']+)\1/);
+    if (!id) return open;
+    let extra = "";
+    if (!/\bdata-section=/.test(attrs)) extra += ` data-section="${id[2]}"`;
+    if (candidate && !/\bdata-candidate-id=/.test(attrs)) extra += ` data-candidate-id="${candidate.replace(/"/g, "")}"`;
+    return extra ? `<${tag}${attrs}${extra}>` : open;
+  });
+}
+
+// src/compile/primitives.ts
+var primitivesCss = `
+/* \u2014\u2014 Layout \u2014\u2014 */
+.section {
+  padding-block: var(--section-y);
+}
+.section--tight { padding-block: var(--space-6); }
+.section--roomy { padding-block: calc(var(--section-y) + var(--space-5)); }
+.section--surface { background: var(--color-surface); }
+.section--muted { background: var(--color-surface-2); }
+.section--dark,
+[data-scheme="dark"] {
+  --color-bg: #141210;
+  --color-text: #F7F4EF;
+  --color-muted: #B8B0A4;
+  --color-surface: #1E1B18;
+  --color-surface-2: #2A2622;
+  --color-border: #3A342E;
+  background: var(--color-bg);
+  color: var(--color-text);
+}
+.section__head {
+  display: grid;
+  gap: var(--space-3);
+  margin-bottom: var(--space-7);
+  max-width: 42rem;
+}
+.section__head--center {
+  margin-inline: auto;
+  text-align: center;
+  justify-items: center;
+}
+.section__head--row {
+  max-width: none;
+  grid-template-columns: minmax(0, 42rem);
+  align-items: end;
+  justify-content: space-between;
+}
+@media (min-width: 720px) {
+  .section__head--row { grid-template-columns: minmax(0, 42rem) auto; }
+}
+.section__head--row > .btn-group { justify-self: end; }
+/* Editorial split head: short label column, heading + lede column. */
+.section__head--split { max-width: none; }
+@media (min-width: 720px) {
+  .section__head--split {
+    grid-template-columns: minmax(0, 14rem) minmax(0, 42rem);
+    gap: var(--space-5) var(--space-7);
+    align-items: start;
+  }
+  .section__head--split > .eyebrow { padding-top: 0.45em; }
+  .section__head--split > :not(.eyebrow) { grid-column: 2; }
+}
+.sticky-col { align-self: start; }
+@media (min-width: 1080px) {
+  .sticky-col { position: sticky; top: calc(var(--header-h, 4rem) + var(--space-5)); }
+}
+.section__head .lede,
+.lede {
+  margin: 0;
+  color: var(--color-muted);
+  font-size: var(--step-1);
+  line-height: 1.55;
+  max-width: 38rem;
+}
+.lede--lg { font-size: var(--step-2); line-height: 1.45; }
+.eyebrow {
+  margin: 0;
+  font-size: var(--step-0);
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--color-muted);
+}
+.eyebrow--accent { color: var(--color-accent); }
+.grid {
+  display: grid;
+  gap: var(--gap, var(--space-5));
+}
+.grid--2 { grid-template-columns: 1fr; }
+.grid--3 { grid-template-columns: 1fr; }
+.grid--4 { grid-template-columns: 1fr; }
+@media (min-width: 720px) {
+  .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+  .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+  .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+}
+@media (min-width: 1080px) {
+  .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+}
+.split {
+  display: grid;
+  gap: var(--space-6);
+  align-items: center;
+}
+.split--top { align-items: start; }
+@media (min-width: 720px) {
+  .split { grid-template-columns: 1fr 1fr; gap: var(--space-7); }
+  .split--reverse > :first-child { order: 2; }
+}
+@media (min-width: 1080px) {
+  .split { gap: var(--space-8); }
+}
+.bento {
+  display: grid;
+  gap: var(--space-3);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+.bento__wide, .bento__full { grid-column: span 2; }
+@media (min-width: 720px) {
+  .bento {
+    gap: var(--space-4);
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+    grid-auto-rows: minmax(9rem, auto);
+    grid-auto-flow: dense;
+  }
+  .bento > * { grid-column: span 3; }
+  .bento__wide { grid-column: span 4; }
+  .bento__tall { grid-row: span 2; }
+  .bento__full { grid-column: span 6; }
+  .bento__narrow { grid-column: span 2; }
+}
+.stack { display: grid; gap: var(--space-4); }
+.stack--tight { gap: var(--space-2); }
+.stack--loose { gap: var(--space-6); }
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-3);
+}
+.row--between { justify-content: space-between; }
+
+/* \u2014\u2014 Surfaces \u2014\u2014 */
+.card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-lg);
+  overflow: hidden;
+}
+.card--bordered { box-shadow: none; }
+.card--elevated { box-shadow: var(--shadow-2); border-color: transparent; }
+.card--flat {
+  box-shadow: none;
+  border-color: transparent;
+  background: var(--color-surface-2);
+}
+.card--accent { border-color: var(--color-accent); box-shadow: 0 0 0 1px var(--color-accent); }
+.card--interactive {
+  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
+}
+.card--interactive:hover {
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-2);
+}
+.card__media {
+  position: relative;
+  overflow: hidden;
+  background: var(--color-surface-2);
+  border-radius: 0;
+}
+.card__media img,
+.card__media video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform 400ms ease;
+}
+.card--interactive:hover .card__media img { transform: scale(1.03); }
+.card__body {
+  display: grid;
+  gap: var(--space-2);
+  padding: var(--space-5);
+  flex: 1;
+  align-content: start;
+}
+.card__body > h3,
+.card__body > h4 {
+  font-size: var(--step-2);
+  line-height: 1.25;
+}
+.card__body > p { margin: 0; color: var(--color-muted); font-size: var(--step-1); }
+.card__body > .btn-group,
+.card__body > .btn,
+.card__body > .btn-outline,
+.card__body > .btn-arrow {
+  margin-top: var(--space-2);
+  justify-self: start;
+}
+.card__body > .btn-arrow { align-self: end; margin-top: auto; padding-top: var(--space-3); }
+/* Photo tile with a bottom scrim and light text (services tiles, project grids, step panels). */
+.photo-card {
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  background: var(--color-surface-2);
+  color: #fff;
+  text-decoration: none;
+}
+.photo-card > img {
+  position: absolute;
+  inset: 0;
+  z-index: -2;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: transform 500ms ease;
+}
+.photo-card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: -1;
+  background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 30%, rgba(0, 0, 0, 0.72) 100%);
+}
+.photo-card__body {
+  display: grid;
+  gap: var(--space-1);
+  padding: var(--space-5);
+}
+.photo-card__body h2,
+.photo-card__body h3,
+.photo-card__body strong { color: #fff; }
+.photo-card__body p { margin: 0; color: rgba(255, 255, 255, 0.82); }
+.photo-card__body .eyebrow { color: rgba(255, 255, 255, 0.72); }
+a.photo-card:hover > img,
+a.photo-card:focus-visible > img { transform: scale(1.04); }
+a.photo-card:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
+.card__footer {
+  margin-top: auto;
+  padding: var(--space-4) var(--space-5);
+  border-top: 1px solid var(--color-border);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-3);
+}
+.hairline {
+  border: 0;
+  border-top: 1px solid var(--color-border);
+  margin: var(--space-6) 0;
+}
+.frame {
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  background: var(--color-surface-2);
+  box-shadow: var(--shadow-2);
+}
+.frame > img,
+.frame > video { width: 100%; height: 100%; object-fit: cover; }
+.ratio-16x9,
+.ratio-4x3,
+.ratio-3x2,
+.ratio-1x1,
+.ratio-3x4,
+.ratio-21x9 {
+  position: relative;
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  background: var(--color-surface-2);
+}
+.ratio-16x9 { aspect-ratio: 16 / 9; }
+.ratio-4x3 { aspect-ratio: 4 / 3; }
+.ratio-3x2 { aspect-ratio: 3 / 2; }
+.ratio-1x1 { aspect-ratio: 1 / 1; }
+.ratio-3x4 { aspect-ratio: 3 / 4; }
+.ratio-21x9 { aspect-ratio: 21 / 9; }
+.card__media[class*="ratio-"] { border-radius: 0; }
+.ratio-16x9 > img,
+.ratio-4x3 > img,
+.ratio-3x2 > img,
+.ratio-1x1 > img,
+.ratio-3x4 > img,
+.ratio-21x9 > img {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.icon-tile {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  border-radius: var(--radius);
+  background: color-mix(in srgb, var(--color-accent) 12%, transparent);
+  color: var(--color-accent);
+  flex-shrink: 0;
+}
+.icon-tile .icon { width: 1.35rem; height: 1.35rem; }
+.icon-tile--round { border-radius: var(--radius-pill); }
+.icon-tile--muted { background: var(--color-surface-2); color: var(--color-text); }
+
+/* \u2014\u2014 Marks \u2014\u2014 */
+.badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  min-height: 1.85rem;
+  padding: 0.25rem 0.75rem;
+  border-radius: var(--radius-pill);
+  font-size: var(--step-0);
+  font-weight: 600;
+  line-height: 1.2;
+  background: var(--color-surface-2);
+  color: var(--color-text);
+  border: 1px solid transparent;
+  white-space: nowrap;
+}
+.badge .icon { width: 1rem; height: 1rem; }
+.badge--accent {
+  background: color-mix(in srgb, var(--color-accent) 14%, transparent);
+  color: var(--color-accent);
+}
+.badge--muted { color: var(--color-muted); }
+.badge--outline {
+  background: transparent;
+  border-color: var(--color-border);
+}
+.stat { display: grid; gap: var(--space-1); align-content: start; }
+.stat__value {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: var(--step-4);
+  font-weight: 600;
+  letter-spacing: -0.03em;
+  font-variant-numeric: tabular-nums;
+  line-height: 1.05;
+}
+.stat__label {
+  margin: 0;
+  color: var(--color-muted);
+  font-size: var(--step-0);
+}
+.stat--sm .stat__value { font-size: var(--step-3); }
+.rating {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.15rem;
+  color: var(--color-accent);
+  letter-spacing: 0.05em;
+  line-height: 1;
+}
+.rating .icon { width: 1.05rem; height: 1.05rem; fill: currentColor; stroke: none; }
+.price {
+  display: flex;
+  align-items: baseline;
+  gap: 0.3rem;
+  margin: 0;
+}
+.price__amount {
+  font-family: var(--font-display);
+  font-size: var(--step-4);
+  font-weight: 600;
+  letter-spacing: -0.03em;
+  line-height: 1;
+  font-variant-numeric: tabular-nums;
+}
+.price__period { color: var(--color-muted); font-size: var(--step-0); }
+.prose {
+  max-width: 65ch;
+}
+.prose > * + * { margin-top: var(--space-4); }
+.list-check,
+.list-plain {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  gap: var(--space-3);
+}
+.list-check li {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.65rem;
+  line-height: 1.5;
+}
+.list-check li > .icon {
+  margin-top: 0.2em;
+  color: var(--color-accent);
+}
+.table-wrap { overflow-x: auto; }
+.table {
+  width: 100%;
+  border-collapse: collapse;
+  font-variant-numeric: tabular-nums;
+}
+.table th,
+.table td {
+  padding: var(--space-3) var(--space-4);
+  text-align: left;
+  border-bottom: 1px solid var(--color-border);
+  vertical-align: top;
+}
+.table th {
+  font-size: var(--step-0);
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  color: var(--color-muted);
+}
+.table td:not(:first-child),
+.table th:not(:first-child) { text-align: right; }
+.table--plain th,
+.table--plain td { padding-inline: 0; }
+
+/* \u2014\u2014 People / proof \u2014\u2014 */
+.avatar {
+  width: 2.75rem;
+  height: 2.75rem;
+  border-radius: var(--radius-pill);
+  object-fit: cover;
+  background: var(--color-surface-2);
+  border: 2px solid var(--color-surface);
+  flex-shrink: 0;
+}
+.avatar--sm { width: 2rem; height: 2rem; }
+.avatar--lg { width: 4rem; height: 4rem; }
+.avatar-group {
+  display: inline-flex;
+  align-items: center;
+}
+.avatar-group .avatar { margin-inline-start: -0.55rem; box-shadow: 0 0 0 2px var(--color-bg); }
+.avatar-group .avatar:first-child { margin-inline-start: 0; }
+/* \u2014\u2014 Chips (radio / checkbox pills) \u2014\u2014 */
+.chips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+.chips > legend,
+.chips__label {
+  display: block;
+  width: 100%;
+  margin-bottom: var(--space-2);
+  font-size: var(--step-0);
+  font-weight: 600;
+  color: var(--color-text);
+}
+.chips label { position: relative; display: inline-flex; }
+.chips input {
+  position: absolute;
+  inset: 0;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+.chips span {
+  display: inline-flex;
+  align-items: center;
+  min-height: 2.25rem;
+  padding: 0.35rem 0.9rem;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-pill);
+  font-size: var(--step-0);
+  font-weight: 500;
+  color: var(--color-text);
+  background: var(--color-surface);
+  transition: background 0.15s ease, border-color 0.15s ease;
+}
+.chips label:hover span { border-color: var(--color-text); }
+.chips input:checked + span {
+  background: var(--color-text);
+  border-color: var(--color-text);
+  color: var(--color-bg);
+}
+.chips input:focus-visible + span { outline: 2px solid var(--color-focus); outline-offset: 2px; }
+.byline {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  font-size: var(--step-0);
+}
+.byline strong { display: block; font-weight: 600; color: var(--color-text); }
+.byline span { color: var(--color-muted); }
+.logo-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-5) var(--space-7);
+  opacity: 0.65;
+}
+.logo-row img {
+  max-height: 1.75rem;
+  width: auto;
+  filter: grayscale(1);
+}
+.quote {
+  margin: 0;
+  font-family: var(--font-display);
+  font-size: var(--step-2);
+  line-height: 1.4;
+  letter-spacing: -0.015em;
+  text-wrap: pretty;
+}
+.quote--lg { font-size: var(--step-3); line-height: 1.3; letter-spacing: -0.02em; }
+.quote cite,
+.quote footer {
+  display: block;
+  margin-top: var(--space-4);
+  font-style: normal;
+  font-family: var(--font-body);
+  font-size: var(--step-0);
+  letter-spacing: 0;
+  color: var(--color-muted);
+}
+.quote--card {
+  font-family: var(--font-body);
+  font-size: var(--step-1);
+  line-height: 1.6;
+  letter-spacing: 0;
+}
+
+/* \u2014\u2014 Controls \u2014\u2014 */
+.btn-lg { padding: 0.9rem 1.75rem; min-height: 3rem; font-size: var(--step-1); }
+.btn-sm { padding: 0.45rem 1rem; min-height: 2.25rem; font-size: var(--step-0); }
+.btn-icon {
+  width: var(--tap-min);
+  height: var(--tap-min);
+  padding: 0;
+  border-radius: var(--radius-pill);
+}
+.btn-group {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-3);
+  align-items: center;
+}
+.field {
+  display: grid;
+  gap: var(--space-2);
+}
+.field label {
+  font-weight: 600;
+  font-size: var(--step-0);
+}
+.field + .field { margin-top: var(--space-4); }
+.form-grid {
+  display: grid;
+  gap: var(--space-4);
+}
+.form-grid .field + .field { margin-top: 0; }
+@media (min-width: 720px) {
+  .form-grid--2 { grid-template-columns: 1fr 1fr; }
+  .form-grid .field--full { grid-column: 1 / -1; }
+}
+.input,
+.textarea,
+.select {
+  width: 100%;
+  min-height: var(--tap-min);
+  padding: 0.65rem 0.9rem;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius);
+  background: var(--color-surface);
+  color: var(--color-text);
+  font: inherit;
+  line-height: 1.4;
+}
+.textarea { min-height: 7rem; resize: vertical; }
+.input:focus-visible,
+.textarea:focus-visible,
+.select:focus-visible {
+  outline: none;
+  box-shadow: var(--ring);
+  border-color: var(--color-focus);
+}
+.input-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+.input-row .input { flex: 1 1 14rem; }
+.checkbox {
+  width: 1.15rem;
+  height: 1.15rem;
+  accent-color: var(--color-accent);
+}
+.accordion {
+  border-top: 1px solid var(--color-border);
+}
+.accordion details {
+  border-bottom: 1px solid var(--color-border);
+}
+.accordion summary {
+  list-style: none;
+  cursor: pointer;
+  min-height: var(--tap-min);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--space-4);
+  padding: var(--space-4) 0;
+  font-weight: 600;
+  font-size: var(--step-1);
+}
+.accordion summary::-webkit-details-marker { display: none; }
+.accordion summary::after {
+  content: "+";
+  flex-shrink: 0;
+  width: 1.75rem;
+  height: 1.75rem;
+  display: inline-grid;
+  place-items: center;
+  border-radius: var(--radius-pill);
+  background: var(--color-surface-2);
+  font-weight: 500;
+  color: var(--color-muted);
+  transition: transform 180ms ease;
+}
+.accordion details[open] summary::after { content: "\u2013"; }
+.accordion details > *:not(summary) {
+  margin: 0;
+  padding-bottom: var(--space-4);
+  max-width: 60ch;
+  color: var(--color-muted);
+}
+.tabs {
+  display: grid;
+  gap: var(--space-5);
+}
+.tabs__list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+  border-bottom: 1px solid var(--color-border);
+}
+.tabs__list--pill {
+  border-bottom: 0;
+  gap: var(--space-1);
+  padding: var(--space-1);
+  background: var(--color-surface-2);
+  border-radius: var(--radius-pill);
+  width: fit-content;
+}
+.tabs__tab {
+  appearance: none;
+  background: transparent;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  padding: var(--space-3) var(--space-4);
+  min-height: var(--tap-min);
+  font: inherit;
+  font-weight: 600;
+  color: var(--color-muted);
+  cursor: pointer;
+  transition: color 160ms ease;
+}
+.tabs__tab:hover { color: var(--color-text); }
+.tabs__tab[aria-selected="true"] {
+  color: var(--color-text);
+  border-bottom-color: var(--color-accent);
+}
+.tabs__list--pill .tabs__tab {
+  border: 0;
+  margin: 0;
+  min-height: 2.5rem;
+  padding: var(--space-2) var(--space-4);
+  border-radius: var(--radius-pill);
+}
+.tabs__list--pill .tabs__tab[aria-selected="true"] {
+  background: var(--color-surface);
+  box-shadow: var(--shadow-1);
+}
+.tabs__panel[hidden] { display: none; }
+.announcement {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2) var(--space-4);
+  padding: var(--space-3) var(--space-4);
+  background: var(--color-surface-2);
+  border-bottom: 1px solid var(--color-border);
+  font-size: var(--step-0);
+  text-align: center;
+}
+.announcement a { font-weight: 600; color: inherit; }
+
+/* \u2014\u2014 Chrome \u2014\u2014 */
+.header--sticky {
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  background: color-mix(in srgb, var(--color-bg) 86%, transparent);
+  backdrop-filter: blur(var(--blur-header));
+  -webkit-backdrop-filter: blur(var(--blur-header));
+  border-bottom: 1px solid transparent;
+  transition: border-color 180ms ease, background-color 180ms ease;
+}
+.header--sticky.is-scrolled {
+  border-bottom-color: var(--color-border);
+  background: color-mix(in srgb, var(--color-bg) 92%, transparent);
+}
+.nav-links {
+  display: flex;
+  align-items: center;
+  gap: var(--space-1);
+}
+.nav-links a {
+  display: inline-flex;
+  align-items: center;
+  min-height: 2.5rem;
+  padding: 0 var(--space-3);
+  border-radius: var(--radius-pill);
+  font-size: var(--step-0);
+  font-weight: 500;
+  color: var(--color-muted);
+  text-decoration: none;
+  transition: color 160ms ease, background-color 160ms ease;
+}
+.nav-links a:hover,
+.nav-links a[aria-current="page"] {
+  color: var(--color-text);
+  background: color-mix(in srgb, var(--color-text) 5%, transparent);
+}
+.brand {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-2);
+  font-family: var(--font-display);
+  font-weight: 700;
+  font-size: var(--step-2);
+  letter-spacing: -0.02em;
+  color: var(--color-text);
+  text-decoration: none;
+  white-space: nowrap;
+}
+.brand img { height: 2rem; width: auto; }
+.nav-drawer {
+  position: fixed;
+  inset: 0;
+  z-index: 60;
+  background: color-mix(in srgb, var(--color-text) 40%, transparent);
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transition: opacity 180ms ease, visibility 180ms ease;
+}
+.nav-drawer.is-open {
+  opacity: 1;
+  visibility: visible;
+  pointer-events: auto;
+}
+.nav-drawer__panel {
+  position: absolute;
+  inset-block: 0;
+  inset-inline-end: 0;
+  width: min(20rem, 88vw);
+  background: var(--color-surface);
+  color: var(--color-text);
+  padding: calc(var(--header-h) + var(--space-2)) var(--space-5) var(--space-5);
+  box-shadow: var(--shadow-3);
+  transform: translateX(100%);
+  transition: transform 200ms ease;
+  display: grid;
+  align-content: start;
+  gap: var(--space-5);
+}
+.nav-drawer.is-open .nav-drawer__panel { transform: none; }
+.nav-drawer__panel nav {
+  display: grid;
+}
+.nav-drawer__panel nav a {
+  display: block;
+  padding: var(--space-3) 0;
+  border-bottom: 1px solid var(--color-border);
+  font-weight: 600;
+  text-decoration: none;
+  color: var(--color-text);
+}
+.nav-drawer__panel .btn-group > * { flex: 1; }
+
+/* \u2014\u2014 Island widgets \u2014\u2014 */
+.carousel {
+  display: grid;
+  gap: var(--space-5);
+}
+.carousel__track {
+  display: flex;
+  gap: var(--space-4);
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  scroll-behavior: smooth;
+  padding-bottom: var(--space-2);
+  scrollbar-width: none;
+}
+.carousel__track::-webkit-scrollbar { display: none; }
+.carousel__track > * {
+  flex: 0 0 min(100%, 22rem);
+  scroll-snap-align: start;
+}
+.carousel__nav {
+  display: flex;
+  gap: var(--space-2);
+}
+.carousel__nav > button {
+  display: inline-grid;
+  place-items: center;
+  width: 2.75rem;
+  height: 2.75rem;
+  min-height: 0;
+  padding: 0;
+  border-radius: var(--radius-pill);
+  border: 1px solid var(--color-border);
+  background: var(--color-surface);
+  color: var(--color-text);
+  font: inherit;
+  font-size: 1.1rem;
+  line-height: 1;
+  cursor: pointer;
+  transition: border-color 160ms ease, background-color 160ms ease;
+}
+.carousel__nav > button:hover { border-color: var(--color-text); }
+.carousel__nav > button:disabled { opacity: 0.4; cursor: default; }
+.before-after {
+  position: relative;
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  background: var(--color-surface-2);
+  user-select: none;
+  touch-action: none;
+}
+.before-after__before,
+.before-after__after {
+  display: block;
+  width: 100%;
+  aspect-ratio: 16 / 10;
+  object-fit: cover;
+}
+.before-after__after {
+  position: absolute;
+  inset: 0;
+  clip-path: inset(0 0 0 50%);
+}
+.before-after__handle {
+  position: absolute;
+  inset-block: 0;
+  left: 50%;
+  width: 2px;
+  background: var(--color-surface);
+  transform: translateX(-50%);
+  cursor: ew-resize;
+}
+.before-after__handle::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: var(--radius-pill);
+  border: 2px solid var(--color-surface);
+  background: color-mix(in srgb, var(--color-text) 70%, transparent);
+  box-shadow: var(--shadow-2);
+  transform: translate(-50%, -50%);
+}
+.before-after__label {
+  position: absolute;
+  top: var(--space-3);
+  padding: 0.2rem 0.6rem;
+  border-radius: var(--radius-pill);
+  font-size: var(--step-0);
+  font-weight: 600;
+  background: color-mix(in srgb, var(--color-bg) 80%, transparent);
+  color: var(--color-text);
+  pointer-events: none;
+}
+.before-after__label--before { left: var(--space-3); }
+.before-after__label--after { right: var(--space-3); }
+.icon {
+  width: 1.25rem;
+  height: 1.25rem;
+  stroke: currentColor;
+  fill: none;
+  stroke-width: 1.75;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  flex-shrink: 0;
+}
+.icon--lg { width: 1.75rem; height: 1.75rem; }
+.icon--sm { width: 1rem; height: 1rem; }
+`;
+
+// src/runtime/before-after.ts
+var beforeAfterJs = `(() => {
+  const roots = [...document.querySelectorAll("[data-island=\\"before-after\\"]")];
+  for (const root of roots) {
+    if (!(root instanceof HTMLElement)) continue;
+    const after = root.querySelector(".before-after__after");
+    const handle = root.querySelector(".before-after__handle");
+    if (!(after instanceof HTMLElement) || !(handle instanceof HTMLElement)) continue;
+
+    let dragging = false;
+    const setPos = (clientX) => {
+      const rect = root.getBoundingClientRect();
+      const pct = Math.min(100, Math.max(0, ((clientX - rect.left) / rect.width) * 100));
+      after.style.clipPath = \`inset(0 0 0 \${pct}%)\`;
+      handle.style.left = \`\${pct}%\`;
+      root.setAttribute("aria-valuenow", String(Math.round(pct)));
+    };
+
+    const onMove = (e) => {
+      if (!dragging) return;
+      const x = "touches" in e ? e.touches[0].clientX : e.clientX;
+      setPos(x);
+    };
+    const stop = () => { dragging = false; };
+
+    root.addEventListener("pointerdown", (e) => {
+      dragging = true;
+      root.setPointerCapture?.(e.pointerId);
+      setPos(e.clientX);
+    });
+    root.addEventListener("pointermove", onMove);
+    root.addEventListener("pointerup", stop);
+    root.addEventListener("pointercancel", stop);
+    root.addEventListener("keydown", (e) => {
+      if (!(e instanceof KeyboardEvent)) return;
+      const now = Number(root.getAttribute("aria-valuenow") || "50");
+      if (e.key === "ArrowLeft") setPos(root.getBoundingClientRect().left + ((now - 5) / 100) * root.clientWidth);
+      if (e.key === "ArrowRight") setPos(root.getBoundingClientRect().left + ((now + 5) / 100) * root.clientWidth);
+    });
+    root.setAttribute("role", "slider");
+    root.setAttribute("aria-valuemin", "0");
+    root.setAttribute("aria-valuemax", "100");
+    root.setAttribute("aria-valuenow", "50");
+    root.tabIndex = 0;
+  }
+})();
+`;
+
+// src/runtime/carousel.ts
+var carouselJs = `(() => {
+  const roots = [...document.querySelectorAll("[data-island=\\"carousel\\"]")];
+  for (const root of roots) {
+    const track = root.querySelector(".carousel__track");
+    const prev = root.querySelector("[data-carousel-prev]");
+    const next = root.querySelector("[data-carousel-next]");
+    if (!(track instanceof HTMLElement)) continue;
+    const step = () => Math.max(track.clientWidth * 0.85, 240);
+    prev?.addEventListener("click", () => track.scrollBy({ left: -step(), behavior: "smooth" }));
+    next?.addEventListener("click", () => track.scrollBy({ left: step(), behavior: "smooth" }));
+    root.addEventListener("keydown", (e) => {
+      if (!(e instanceof KeyboardEvent)) return;
+      if (e.key === "ArrowLeft") track.scrollBy({ left: -step(), behavior: "smooth" });
+      if (e.key === "ArrowRight") track.scrollBy({ left: step(), behavior: "smooth" });
+    });
+  }
+})();
+`;
+
+// src/runtime/header.ts
+var headerJs = `(() => {
+  const headers = [...document.querySelectorAll("[data-island=\\"header\\"]")];
+  if (!headers.length) return;
+
+  const onScroll = () => {
+    const scrolled = window.scrollY > 8;
+    for (const el of headers) el.classList.toggle("is-scrolled", scrolled);
+  };
+  onScroll();
+  window.addEventListener("scroll", onScroll, { passive: true });
+
+  for (const root of headers) {
+    const toggle = root.querySelector("[data-nav-toggle]");
+    const drawer = root.querySelector(".nav-drawer");
+    const panel = root.querySelector(".nav-drawer__panel");
+    if (!toggle || !drawer || !panel) continue;
+
+    const close = () => {
+      drawer.classList.remove("is-open");
+      toggle.setAttribute("aria-expanded", "false");
+      document.body.style.overflow = "";
+    };
+    const open = () => {
+      drawer.classList.add("is-open");
+      toggle.setAttribute("aria-expanded", "true");
+      document.body.style.overflow = "hidden";
+      const focusable = panel.querySelector("a,button,[tabindex]:not([tabindex='-1'])");
+      if (focusable instanceof HTMLElement) focusable.focus();
+    };
+
+    toggle.addEventListener("click", () => {
+      if (drawer.classList.contains("is-open")) close();
+      else open();
+    });
+    drawer.addEventListener("click", (e) => {
+      if (e.target === drawer) close();
+    });
+    document.addEventListener("keydown", (e) => {
+      if (e.key === "Escape") close();
+    });
+    panel.querySelectorAll("a").forEach((a) => a.addEventListener("click", close));
+  }
+})();
+`;
+
+// src/runtime/experience.ts
+function experienceArrivalBootstrap(pauseKey = "vitris-experience-paused") {
+  return `(()=>{try{if(matchMedia('(prefers-reduced-motion:reduce)').matches||document.documentElement.dataset.motionPolicy==='off'||localStorage.getItem(${JSON.stringify(pauseKey)})==='true')return;const key='vitris-experience-handoff',raw=sessionStorage.getItem(key);sessionStorage.removeItem(key);const handoff=raw?JSON.parse(raw):null;const route=handoff&&handoff.path===location.pathname&&Date.now()-handoff.at<15000;const initial=!sessionStorage.getItem('vitris-experience-arrived');if(!route&&!initial)return;document.documentElement.dataset.experienceArrival=route?'route':'initial';window.VitrisExperienceArrival={mode:route?'route':'initial',title:route?handoff.title:null,timer:setTimeout(()=>{delete document.documentElement.dataset.experienceArrival;delete window.VitrisExperienceArrival;},3500)};}catch{}})();`;
+}
+var experienceJs = String.raw`(()=>{
+ if(window.VitrisExperience)return;
+ let cleanup=()=>{};
+ const reduce=matchMedia('(prefers-reduced-motion:reduce)'),fine=matchMedia('(hover:hover) and (pointer:fine)');
+ const allowed=()=>!reduce.matches&&document.documentElement.dataset.motionPolicy!=='off'&&!document.hidden;
+ const clamp=(n,min,max)=>Math.max(min,Math.min(max,n));
+ function init(){
+  cleanup();const abort=new AbortController(),cancels=[];let raf=0;
+  const on=(el,event,fn,options={})=>el?.addEventListener(event,fn,{...options,signal:abort.signal});
+  const preview=document.querySelector('[data-experience-preview]'),cursor=document.querySelector('[data-experience-cursor]');
+  let active=null,mode='',last=0,target={x:0,y:0},position={x:0,y:0},cursorPosition={x:0,y:0};
+  const stop=()=>{active=null;cancelAnimationFrame(raf);raf=0;preview?.setAttribute('data-visible','false');cursor?.setAttribute('data-visible','false');};
+  function bounds(x,y){const w=preview?.offsetWidth||310,h=preview?.offsetHeight||230;return {x:clamp(x,w/2+12,innerWidth-w/2-12),y:clamp(y,h/2+12,innerHeight-h/2-12)};}
+  function paint(){if(preview)preview.style.transform='translate3d('+(position.x-(preview.offsetWidth/2))+'px,'+(position.y-(preview.offsetHeight/2))+'px,0)';if(cursor)cursor.style.transform='translate3d('+(cursorPosition.x-(cursor.offsetWidth/2))+'px,'+(cursorPosition.y-(cursor.offsetHeight/2))+'px,0)';}
+  function follow(t){if(!active||!allowed()){stop();return;}const dt=Math.min(48,t-last||16);last=t;const approach=(v,to,ms)=>v+(to-v)*(1-Math.exp(-dt/ms));position={x:approach(position.x,target.x,190),y:approach(position.y,target.y,190)};cursorPosition={x:approach(cursorPosition.x,target.x,110),y:approach(cursorPosition.y,target.y,110)};paint();if(Math.abs(position.x-target.x)+Math.abs(position.y-target.y)>.15){raf=requestAnimationFrame(follow);}else raf=0;}
+  const focusPosition=el=>{const r=el.getBoundingClientRect();return bounds(innerWidth*.72,r.top+r.height/2);};
+  function show(el,x,y,input){if(!preview||!fine.matches||!allowed()||innerWidth<=Number(preview.dataset.experienceMinWidth||1024)||el.closest('[data-view="grid"]'))return;active=el;mode=input;target=position=cursorPosition=bounds(x,y);last=0;const image=preview.querySelector('img');if(image){image.src=el.dataset.experienceImage;image.alt='';}const label=cursor?.querySelector('[data-experience-label]')||preview.querySelector('[data-experience-label]');if(label)label.textContent='View '+(el.dataset.experienceName||el.textContent.trim());paint();preview.dataset.visible='true';if(cursor)cursor.dataset.visible='true';}
+  document.querySelectorAll('[data-experience-image]').forEach(el=>{
+   on(el,'pointerenter',e=>show(el,e.clientX,e.clientY,'pointer'));
+   on(el,'pointermove',e=>{if(active!==el)return;target=bounds(e.clientX,e.clientY);if(!raf)raf=requestAnimationFrame(follow);});
+   on(el,'pointerleave',()=>{if(document.activeElement!==el)stop();});
+   on(el,'focus',()=>{const p=focusPosition(el);show(el,p.x,p.y,'keyboard');});on(el,'blur',stop);on(el,'click',stop);
+  });
+  on(window,'scroll',()=>{if(active&&mode==='keyboard'){target=position=cursorPosition=focusPosition(active);paint();}else stop();},{passive:true});on(window,'resize',stop);on(document,'visibilitychange',stop);on(reduce,'change',stop);on(fine,'change',stop);
+  const magnets=[...document.querySelectorAll('[data-experience-magnetic]')];
+  magnets.forEach(el=>{let x=0,y=0;const reset=()=>{x=y=0;el.style.transition=allowed()?'transform 1.2s cubic-bezier(.2,1.5,.5,1)':'none';el.style.transform='';};on(el,'pointermove',e=>{if(!allowed()||!fine.matches)return;const r=el.getBoundingClientRect();x=clamp((e.clientX-r.left-r.width/2+x)*.1,-8,8);y=clamp((e.clientY-r.top-r.height/2+y)*.1,-8,8);el.style.transition='transform .4s';el.style.transform='translate3d('+x+'px,'+y+'px,0)';});on(el,'pointerleave',reset);cancels.push(reset);});
+  const drifts=[...document.querySelectorAll('[data-experience-drift]')],tracks=[...document.querySelectorAll('[data-experience-marquee-speed]')];let previousY=scrollY,scrollRaf=0;
+  const settleDrift=()=>drifts.forEach(el=>{const trigger=document.getElementById(el.dataset.experienceTrigger)||el.parentElement;const r=trigger.getBoundingClientRect(),factor=Number(el.dataset.experienceDrift||.13),max=Number(el.dataset.experienceDriftMax||40);const value=allowed()&&r.bottom>0&&r.top<innerHeight?(el.dataset.experienceDriftMode==='center'?clamp((r.top-innerHeight*.5)*factor,-max,0):clamp(-r.top*factor,0,max)):0;el.style.transform=value?'translate3d(0,'+value+'px,0)':'';});
+  function sizeTracks(){tracks.forEach(el=>{const copy=el.firstElementChild;if(copy)el.style.animationDuration=(copy.getBoundingClientRect().width/Number(el.dataset.experienceMarqueeSpeed||73))+'s';});}
+  function scroll(){settleDrift();const delta=scrollY-previousY;if(Math.abs(delta)>2&&allowed())tracks.forEach(el=>{const animation=el.getAnimations()[0];if(!animation)return;const duration=Number(animation.effect.getTiming().duration);if(Number(animation.currentTime)<duration*2)animation.currentTime=Number(animation.currentTime)+duration*100;animation.updatePlaybackRate(delta>=0?1:-1);});previousY=scrollY;scrollRaf=0;}
+  on(window,'scroll',()=>{if(!scrollRaf)scrollRaf=requestAnimationFrame(scroll);},{passive:true});on(window,'resize',()=>{sizeTracks();settleDrift();});sizeTracks();document.fonts?.ready.then(()=>{if(!abort.signal.aborted)sizeTracks();});settleDrift();
+  const observer=new IntersectionObserver(entries=>entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('experience-seen');if(e.target.hasAttribute('data-experience-intro')&&allowed())e.target.querySelectorAll('[data-experience-line]').forEach((el,i)=>{const animation=el.animate([{transform:'translateY(24px)',opacity:.75},{transform:'none',opacity:1}],{duration:650,delay:Math.min(i*90,270),easing:'cubic-bezier(.2,1,.3,1)'});cancels.push(()=>animation.cancel());});observer.unobserve(e.target);}}),{threshold:.15});document.querySelectorAll('[data-experience-seam],[data-experience-intro]').forEach(el=>observer.observe(el));
+  const curtain=document.querySelector('[data-experience-transition]');let navigating=false;
+  const opening=()=>{if(allowed())document.querySelectorAll('[data-experience-opening]').forEach((el,i)=>{const a=el.animate([{transform:'translateY(32px)'},{transform:'translateY(0)'}],{duration:1000,delay:Math.min(i*60,180),easing:'cubic-bezier(.15,1,.2,1)',fill:'backwards'});cancels.push(()=>a.cancel());});};
+  const arrival=window.VitrisExperienceArrival;
+  if(arrival&&curtain){clearTimeout(arrival.timer);delete window.VitrisExperienceArrival;try{sessionStorage.setItem('vitris-experience-arrived','seen');}catch{}
+   if(allowed()){
+    const title=document.createElement('span');title.textContent=arrival.title||curtain.dataset.experienceArrival||document.title;curtain.replaceChildren(title);curtain.dataset.state='arrival-hold';curtain.style.visibility='visible';curtain.style.transform='translateY(0)';curtain.style.borderRadius='0';curtain.style.pointerEvents='auto';
+    const reveal=()=>{if(abort.signal.aborted)return;if(!allowed()){delete document.documentElement.dataset.experienceArrival;curtain.style.visibility='';curtain.style.transform='';curtain.style.borderRadius='';curtain.style.pointerEvents='';return;}opening();curtain.dataset.state='revealing';const a=curtain.animate([{transform:'translateY(0)',borderRadius:'0'},{transform:'translateY(-115%)',borderRadius:'0 0 50% 50% / 0 0 12% 12%'}],{duration:800,easing:'cubic-bezier(.65,0,.2,1)',fill:'forwards'});cancels.push(()=>a.cancel());a.finished.catch(()=>{}).finally(()=>{delete document.documentElement.dataset.experienceArrival;curtain.style.visibility='';curtain.style.transform='';curtain.style.borderRadius='';curtain.style.pointerEvents='';curtain.dataset.state='idle';a.cancel();});};
+    const timer=setTimeout(reveal,arrival.mode==='initial'?420:0);cancels.push(()=>clearTimeout(timer));
+   }else delete document.documentElement.dataset.experienceArrival;
+  }else opening();
+  const arrivalSettled=()=>new Promise(resolve=>{if(!document.documentElement.dataset.experienceArrival){resolve();return;}let timer;const done=()=>{observer.disconnect();clearTimeout(timer);abort.signal.removeEventListener('abort',done);resolve();};const observer=new MutationObserver(()=>{if(!document.documentElement.dataset.experienceArrival)done();});observer.observe(document.documentElement,{attributes:true,attributeFilter:['data-experience-arrival']});timer=setTimeout(done,3500);abort.signal.addEventListener('abort',done,{once:true});});
+  on(document,'click',async e=>{const a=e.target.closest('a[href]');if(!curtain||!a||e.defaultPrevented||e.button!==0||e.ctrlKey||e.metaKey||e.shiftKey||e.altKey||a.hasAttribute('download')||a.target&&a.target!=='_self'||!allowed())return;const url=new URL(a.href,location.href);if(url.origin!==location.origin||url.pathname===location.pathname||url.hash||!/^https?:$/.test(url.protocol))return;e.preventDefault();if(navigating)return;navigating=true;await arrivalSettled();if(abort.signal.aborted)return;if(!allowed()){location.assign(url.href);return;}document.dispatchEvent(new Event('vitris:before-navigate'));const label=document.createElement('span');label.textContent=a.dataset.experienceTitle||a.dataset.chapterName||a.textContent.trim().split('\n')[0];label.style.opacity='0';curtain.replaceChildren(label);curtain.dataset.state='covering';curtain.style.visibility='visible';curtain.style.pointerEvents='auto';try{const cover=curtain.animate([{transform:'translateY(115%)',borderRadius:'50% 50% 0 0 / 12% 12% 0 0'},{transform:'translateY(0)',borderRadius:'0'}],{duration:500,easing:'cubic-bezier(.7,0,.9,.4)',fill:'forwards'});cancels.push(()=>cover.cancel());await cover.finished;const title=label.animate([{opacity:0,transform:'translateY(20px)'},{opacity:1,transform:'none'}],{duration:650,fill:'forwards'});cancels.push(()=>title.cancel());await new Promise(resolve=>setTimeout(resolve,430));if(curtain.hasAttribute('data-experience-arrival')&&allowed())try{sessionStorage.setItem('vitris-experience-handoff',JSON.stringify({path:url.pathname,title:label.textContent,at:Date.now()}));}catch{}}catch{}finally{location.assign(url.href);}});
+  const settlePolicy=()=>{if(!allowed()){stop();magnets.forEach(el=>{el.style.transition='none';el.style.transform='';});document.querySelectorAll('[data-experience-opening],[data-experience-line]').forEach(el=>el.getAnimations().forEach(a=>a.cancel()));if(curtain){curtain.getAnimations().forEach(a=>a.cancel());delete document.documentElement.dataset.experienceArrival;curtain.style.visibility='';curtain.style.transform='';curtain.style.borderRadius='';curtain.style.pointerEvents='';}}settleDrift();};
+  const policy=new MutationObserver(settlePolicy);policy.observe(document.documentElement,{attributes:true,attributeFilter:['data-motion-policy']});on(reduce,'change',settlePolicy);on(fine,'change',()=>{magnets.forEach(el=>{el.style.transition='none';el.style.transform='';});});on(document,'visibilitychange',settlePolicy);
+  cleanup=()=>{stop();cancelAnimationFrame(scrollRaf);abort.abort();observer.disconnect();policy.disconnect();cancels.forEach(fn=>fn());drifts.forEach(el=>el.style.transform='');delete document.documentElement.dataset.experienceArrival;if(curtain){curtain.style.visibility='';curtain.style.pointerEvents='';curtain.style.transform='';curtain.style.borderRadius='';}};
+ }
+ window.VitrisExperience={init,dispose:()=>cleanup()};init();
+ addEventListener('pagehide',()=>cleanup());addEventListener('pageshow',e=>{if(e.persisted)init();});
+})();`;
+
+// src/runtime/leads.ts
+var leadsJs = `(() => {
+  let challengeScript;
+  const loadChallenge = () => {
+    if (window.turnstile) return Promise.resolve(window.turnstile);
+    if (!challengeScript) challengeScript = new Promise((resolve, reject) => {
+      const script = document.createElement('script');
+      script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit';
+      script.onload = () => window.turnstile ? resolve(window.turnstile) : reject(new Error('challenge_unavailable'));
+      script.onerror = () => { script.remove(); challengeScript = null; reject(new Error('challenge_unavailable')); };
+      document.head.append(script);
+    });
+    return challengeScript;
+  };
+  document.querySelectorAll('form[data-lead-form][data-vitris-enhanced]').forEach(form => {
+    // Named controls can shadow native form properties and methods.
+    const data = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'dataset').get.call(form);
+    const setAttribute = Element.prototype.setAttribute.bind(form);
+    const removeAttribute = Element.prototype.removeAttribute.bind(form);
+    const querySelectorAll = Element.prototype.querySelectorAll.bind(form);
+    if (data.vitrisInitialized) return;
+    data.vitrisInitialized = '1';
+    let submitting = false, key, signature, widget, token = '', challengeResolve, challengeReject, completedSignature;
+    const note = document.createElement('p'); note.className = 'c-lead-status';
+    note.setAttribute('role', 'status'); note.setAttribute('aria-live', 'polite'); note.tabIndex = -1;
+    note.style.display = 'none'; Element.prototype.after.call(form, note);
+    const say = (message, error = false) => {
+      note.style.display = ''; note.setAttribute('role', error ? 'alert' : 'status'); note.textContent = message;
+      if (error) note.focus();
+    };
+    let challengeBox;
+    const challenge = async () => {
+      const api = await loadChallenge();
+      if (challengeBox) challengeBox.style.display = '';
+      if (token) return token;
+      if (!challengeBox) { challengeBox = document.createElement('div'); challengeBox.className = 'vitris-challenge'; challengeBox.setAttribute('aria-label', 'Security verification'); Element.prototype.append.call(form, challengeBox); }
+      return new Promise((resolve, reject) => {
+        challengeResolve = resolve; challengeReject = reject;
+        if (widget !== undefined) api.reset(widget);
+        else widget = api.render(challengeBox, {
+          sitekey: data.vitrisSitekey, action: data.vitrisAction,
+          callback: value => { token = value; challengeResolve?.(value); },
+          'expired-callback': () => { token = ''; if (submitting) say('Security check expired. Please submit again.', true); challengeReject?.(new Error('challenge_expired')); },
+          'timeout-callback': () => { token = ''; challengeReject?.(new Error('challenge_expired')); },
+          'error-callback': () => { token = ''; challengeReject?.(new Error('challenge_unavailable')); }
+        });
+      });
+    };
+    EventTarget.prototype.addEventListener.call(form, 'submit', async event => {
+      if (event.defaultPrevented) return;
+      event.preventDefault(); if (submitting) return;
+      if (!HTMLFormElement.prototype.reportValidity.call(form)) return;
+      const values = new URLSearchParams(new FormData(form));
+      values.delete('cf-turnstile-response'); values.delete('idempotency_key');
+      const current = values.toString();
+      if (current === completedSignature) { say('Your message was already accepted.'); return; }
+      if (!data.vitrisForm || !data.vitrisSitekey) { say('This preview does not send messages. Please use the listed contact details.', true); return; }
+      if (current !== signature) { key = crypto.randomUUID(); signature = current; }
+      submitting = true;
+      const controls = [...querySelectorAll('button[type="submit"], button:not([type]), input[type="submit"], [data-vitrisid="emailSendButton"]')];
+      const prior = controls.map(c => c.disabled);
+      controls.forEach(c => { c.disabled = true; c.setAttribute('aria-disabled', 'true'); }); setAttribute('aria-busy', 'true');
+      let timeout;
+      try {
+        say('Please complete the security check.');
+        const challengeTimeout = new Promise((_, reject) => { timeout = setTimeout(() => reject(new Error('challenge_unavailable')), 120000); });
+        const verified = await Promise.race([challenge(), challengeTimeout]);
+        clearTimeout(timeout);
+        values.set('cf-turnstile-response', verified); values.set('idempotency_key', key);
+        say('Sending your inquiry\u2026');
+        const controller = new AbortController();
+        timeout = setTimeout(() => controller.abort(), Math.max(100, Math.min(30000, Number(data.leadTimeoutMs) || 10000)));
+        const response = await fetch(Object.getOwnPropertyDescriptor(HTMLFormElement.prototype, 'action').get.call(form), { method:'POST', body:values, headers:{accept:'application/json'}, signal:controller.signal, credentials:'omit' });
+        const result = response.headers.get('content-type')?.includes('application/json') ? await response.json() : null;
+        if (!response.ok || result?.ok !== true) throw new Error(result?.error || 'backend_unavailable');
+        say(result.mode === 'test' ? 'Test message accepted. No customer email will be sent.' : 'Message accepted. Your inquiry has been saved.');
+        completedSignature = current;
+        if (challengeBox) challengeBox.style.display = 'none';
+      } catch (error) {
+        const messages = {
+          challenge_required:'Please complete the security check and try again.',
+          challenge_invalid:'Security check expired or was invalid. Please try again.',
+          challenge_replayed:'Security check was already used. Please try again.',
+          challenge_expired:'Security check expired. Please try again.',
+          challenge_unavailable:'Security check is unavailable. Please try again or use the listed contact details.',
+          rate_limited:'Too many attempts. Please wait ten minutes and try again.',
+          validation_error:'Please check your form fields and try again.',
+          form_disabled:'This form is currently unavailable. Please use the listed contact details.',
+          configuration_unavailable:'This form is currently unavailable. Please use the listed contact details.',
+          idempotency_conflict:'This request changed during a retry. Please edit your message and try again.'
+        };
+        say(error?.name === 'AbortError' ? 'The request timed out. Your message is still here; please try again.' : (messages[error?.message] || 'Acceptance could not be confirmed. Your details are still here; please try again or use the listed contact options.'), true);
+        if (challengeBox) challengeBox.style.display = '';
+      } finally {
+        clearTimeout(timeout); token = ''; challengeResolve = null; challengeReject = null;
+        if (window.turnstile && widget !== undefined) window.turnstile.reset(widget);
+        controls.forEach((c, i) => { c.disabled = prior[i]; c.removeAttribute('aria-disabled'); });
+        removeAttribute('aria-busy'); submitting = false;
+      }
+    });
+  });
+})();`;
+
+// src/runtime/lightbox.ts
+var lightboxJs = `(() => {
+  const roots = [...document.querySelectorAll("[data-island=\\"lightbox\\"]")];
+  for (const root of roots) {
+    const dialog = root.querySelector("dialog");
+    const img = dialog?.querySelector("img");
+    if (!(dialog instanceof HTMLDialogElement) || !(img instanceof HTMLImageElement)) continue;
+
+    root.querySelectorAll("[data-lightbox-src]").forEach((btn) => {
+      btn.addEventListener("click", () => {
+        const src = btn.getAttribute("data-lightbox-src");
+        const alt = btn.getAttribute("data-lightbox-alt") || "";
+        if (!src) return;
+        img.src = src;
+        img.alt = alt;
+        dialog.showModal();
+      });
+    });
+    dialog.addEventListener("click", (e) => {
+      if (e.target === dialog) dialog.close();
+    });
+    dialog.querySelector("[data-lightbox-close]")?.addEventListener("click", () => dialog.close());
+  }
+})();
+`;
+
+// src/runtime/tabs.ts
+var tabsJs = `(() => {
+  const roots = [...document.querySelectorAll("[data-island=\\"tabs\\"]")];
+  for (const root of roots) {
+    const tabs = [...root.querySelectorAll("[role=\\"tab\\"]")];
+    const panels = [...root.querySelectorAll("[role=\\"tabpanel\\"]")];
+    if (!tabs.length) continue;
+
+    const select = (tab) => {
+      for (const t of tabs) {
+        const on = t === tab;
+        t.setAttribute("aria-selected", on ? "true" : "false");
+        t.tabIndex = on ? 0 : -1;
+      }
+      const id = tab.getAttribute("aria-controls");
+      for (const p of panels) {
+        p.hidden = p.id !== id;
+      }
+    };
+
+    tabs.forEach((tab, i) => {
+      tab.addEventListener("click", () => select(tab));
+      tab.addEventListener("keydown", (e) => {
+        if (!(e instanceof KeyboardEvent)) return;
+        let next = i;
+        if (e.key === "ArrowRight") next = (i + 1) % tabs.length;
+        if (e.key === "ArrowLeft") next = (i - 1 + tabs.length) % tabs.length;
+        if (next !== i) {
+          e.preventDefault();
+          tabs[next].focus();
+          select(tabs[next]);
+        }
+      });
+    });
+    const initial = tabs.find((t) => t.getAttribute("aria-selected") === "true") || tabs[0];
+    select(initial);
+  }
+})();
+`;
+
+// src/compile/scroll-motion.ts
+import { parseFragment, serialize } from "parse5";
+var MOTION_EFFECTS = ["entrance", "stagger", "drift", "progress", "story", "count", "text", "sequence", "draw"];
+var bounds = {
+  duration: [120, 1200, 550],
+  delay: [0, 300, 0],
+  distance: [0, 32, 16],
+  stagger: [0, 120, 70],
+  "range-start": [0, 0.95, 0],
+  "range-end": [0.05, 1, 1]
+};
+function prepareMotion(html, site) {
+  if (site.scrollMotion && (site.scrollMotion.version !== 1 || !["enabled", "off"].includes(site.scrollMotion.policy))) throw new Error("Unsupported scrollMotion version or policy");
+  const disabled = site.scrollMotion?.policy === "off";
+  const enabled = site.scrollMotion?.version === 1 && site.scrollMotion.policy === "enabled";
+  if (!/\bdata-motion\s*=|\bdata-reveal\b|\bdata-count-to\b/i.test(html)) return { html, targets: [], usesMotion: false };
+  const fragment = parseFragment(html);
+  const targets = [], ids = /* @__PURE__ */ new Map();
+  const elements = [];
+  const walk = (node) => {
+    if (node.attrs) {
+      elements.push(node);
+      const id = node.attrs.find((a) => a.name === "id")?.value;
+      if (id) ids.set(id, (ids.get(id) || 0) + 1);
+    }
+    for (const child of node.childNodes || []) walk(child);
+  };
+  walk(fragment);
+  let legacy = false;
+  for (const node of elements) {
+    const get = (key) => node.attrs.find((a) => a.name === key)?.value;
+    const set = (key, value) => {
+      const old = node.attrs.find((a) => a.name === key);
+      if (old) old.value = value;
+      else node.attrs.push({ name: key, value });
+    };
+    if (get("data-motion") === "count" || get("data-count-to") !== void 0) set("style", (get("style") || "") + ";display:inline-block;position:relative");
+    if (disabled) {
+      node.attrs = node.attrs.filter((a) => !a.name.startsWith("data-motion") && !a.name.startsWith("data-reveal") && !a.name.startsWith("data-count-"));
+      continue;
+    }
+    if (!enabled) node.attrs = node.attrs.filter((a) => !a.name.startsWith("data-motion"));
+    if (get("data-count-to") !== void 0 && !get("data-motion")) {
+      let ancestor = node.parentNode;
+      while (ancestor && !ancestor.attrs?.some((a) => a.name === "data-island" && a.value === "counter")) ancestor = ancestor.parentNode;
+      if (ancestor) {
+        let id2 = get("id") || `motion-counter-${elements.indexOf(node)}`;
+        while (!get("id") && ids.has(id2)) id2 += "-auto";
+        if (get("id") && ids.get(id2) !== 1) throw new Error("Legacy counter needs a unique ID");
+        if (!get("id")) {
+          set("id", id2);
+          ids.set(id2, 1);
+        }
+        set("data-motion-target", id2);
+        targets.push({ id: id2, effect: "count", trigger: id2 });
+      }
+    }
+    if (get("data-reveal") !== void 0 && !(enabled && get("data-motion"))) {
+      legacy = true;
+      const existing = get("id");
+      let id2 = existing || `motion-legacy-${elements.indexOf(node)}`;
+      if (!existing) while (ids.has(id2)) id2 += "-auto";
+      if (existing && ids.get(existing) !== 1) throw new Error("Legacy motion targets require unique IDs for temporal evidence");
+      if (!existing) {
+        set("id", id2);
+        ids.set(id2, 1);
+      }
+      set("data-motion-target", id2);
+      targets.push({ id: id2, effect: get("data-reveal-stagger") !== void 0 ? "stagger" : "entrance", trigger: id2 });
+    }
+    const effect = get("data-motion");
+    if (!effect || !enabled) continue;
+    if (effect === "stagger" && !(node.childNodes || []).some((child) => child.attrs?.some((a) => a.name === "data-motion-child"))) throw new Error("New stagger targets need direct data-motion-child elements");
+    if (!MOTION_EFFECTS.includes(effect)) throw new Error(`Unknown motion effect: ${effect}`);
+    const id = get("id");
+    if (!id || !/^[A-Za-z][\w-]*$/.test(id) || ids.get(id) !== 1) throw new Error("Motion targets require a unique stable id");
+    if (["html", "body", "main", "header", "footer"].includes(node.tagName) || /(?:^|\s)c-(?:site-)?(?:header|footer|hero)(?:\s|$)/.test(get("class") || "")) throw new Error(`Motion target ${id} must be a content element, not a page shell or primary hero`);
+    const descendants = [];
+    const collect = (n) => {
+      for (const c of n.childNodes || []) {
+        if (c.attrs) descendants.push(c);
+        collect(c);
+      }
+    };
+    collect(node);
+    const marked = (key) => descendants.filter((n) => n.attrs.some((a) => a.name === key));
+    if (["count", "text"].includes(effect) && node.tagName === "h1") throw new Error(`Motion ${id}: primary heading must stay immediately readable`);
+    if (effect === "count") {
+      const value = Number(get("data-motion-value")), decimals = Number(get("data-motion-decimals") || 0);
+      if (get("data-motion-value") === void 0 || !Number.isFinite(value) || Math.abs(value) > 1e12 || !Number.isInteger(decimals) || decimals < 0 || decimals > 3 || !get("data-motion-fact")?.trim() || get("data-motion-kind") !== "statistic" || descendants.length) throw new Error(`Motion ${id}: count needs a supplied statistic fact, finite value, 0\u20133 decimals and plain canonical text`);
+      const final = (get("data-motion-prefix") || "") + (get("data-motion-sign") === "always" && value >= 0 ? "+" : "") + value.toLocaleString("en-US", { minimumFractionDigits: decimals, maximumFractionDigits: decimals, useGrouping: get("data-motion-group") !== "false" }) + (get("data-motion-suffix") || "");
+      if ((node.childNodes || []).map((n) => n.value || "").join("") !== final) throw new Error(`Motion ${id}: formatted value must exactly match canonical author text (${final})`);
+      let ancestor = node;
+      while (ancestor) {
+        if (ancestor.tagName === "a" && ancestor.attrs.some((a) => a.name === "href" && /^(tel:|mailto:)/.test(a.value))) throw new Error(`Motion ${id}: contact details cannot count`);
+        ancestor = ancestor.parentNode;
+      }
+    }
+    if (effect === "text" && (!marked("data-motion-word").length || marked("data-motion-word").length > 8)) throw new Error(`Motion ${id}: text needs 1\u20138 authored semantic data-motion-word spans`);
+    if (effect === "sequence" && (!marked("data-motion-child").length || marked("data-motion-child").length > 8)) throw new Error(`Motion ${id}: sequence needs 1\u20138 authored data-motion-child elements, including forwarded component slots`);
+    if (effect === "draw" && (!marked("data-motion-path").length || get("aria-hidden") !== "true" || node.tagName !== "svg")) throw new Error(`Motion ${id}: draw needs a decorative aria-hidden SVG with data-motion-path paths`);
+    if (["count", "text", "sequence", "draw"].includes(effect) && get("data-motion-replay") === "repeat") throw new Error(`Motion ${id}: expressive content plays once per visit`);
+    const trigger = get("data-motion-trigger") || id;
+    if (ids.get(trigger) !== 1) throw new Error(`Motion trigger ${trigger} must exist uniquely`);
+    if (["drift", "progress"].includes(effect) && trigger === id) throw new Error(`Progress target ${id} needs a separate stable trigger container`);
+    for (const [key, [min, max, fallback]] of Object.entries(bounds)) {
+      const raw = get(`data-motion-${key}`);
+      if (raw === void 0) continue;
+      const value = Number(raw);
+      if (!Number.isFinite(value)) throw new Error(`Motion ${id}: ${key} must be a number`);
+      set(`data-motion-${key}`, String(Math.max(min, Math.min(max, value || (value === 0 ? 0 : fallback)))));
+    }
+    if (Number(get("data-motion-range-start") || 0) >= Number(get("data-motion-range-end") || 1)) throw new Error(`Motion ${id}: range end must follow start`);
+    for (const [key, allowed2] of Object.entries({ ease: ["editorial", "linear", "gentle"], replay: ["once", "repeat"], mobile: ["same", "static"], reduced: ["static"], from: ["up", "down", "left", "right"], treatment: ["phrase", "mask"], group: ["true", "false"], sign: ["always", "auto"] })) {
+      const value = get(`data-motion-${key}`);
+      if (value !== void 0 && !allowed2.includes(value)) throw new Error(`Motion ${id}: invalid ${key}`);
+    }
+    node.attrs = node.attrs.filter((a) => !a.name.startsWith("data-reveal"));
+    targets.push({ id, effect, trigger });
+    set("data-motion-target", id);
+  }
+  return { html: serialize(fragment), targets, usesMotion: legacy || targets.some((t) => t.effect !== "story") };
+}
+
+// src/compile/icons.ts
+import { parseFragment as parseFragment2 } from "parse5";
+var allowed = /* @__PURE__ */ new Set(["name", "variant", "class", "id", "width", "height", "aria-label", "aria-labelledby", "aria-describedby", "aria-hidden"]);
+function compileIcons(html, route = "/") {
+  if (!/<vitris-icon[\s/>]/i.test(html)) return html;
+  const edits = [];
+  function walk(node) {
+    if ("tagName" in node && node.tagName === "vitris-icon") {
+      try {
+        const loc = node.sourceCodeLocation;
+        if (!loc?.startTag || !loc.endTag) throw new Error('Use paired <vitris-icon name="\u2026"></vitris-icon> tags; self-closing and unclosed tags are not supported in HTML.');
+        if (node.childNodes.some((child) => !("nodeName" in child && child.nodeName === "#text" && "value" in child && !child.value.trim()))) throw new Error("Vitris icon tags must be empty. Put text labels outside the icon.");
+        const attrs = Object.fromEntries(node.attrs.map((attr) => [attr.name, attr.value]));
+        for (const attr of node.attrs) if (attr.namespace || !allowed.has(attr.name) && !/^data-[a-z][a-z0-9-]*$/.test(attr.name)) throw new Error(`Unsupported Vitris icon attribute: ${attr.name}`);
+        if (!attrs.name) throw new Error("Vitris icon requires a name.");
+        if (attrs["aria-hidden"] !== void 0 && attrs["aria-hidden"] !== "true") throw new Error("Use aria-label or aria-labelledby for meaningful icons; aria-hidden can only be true.");
+        if (attrs["aria-hidden"] && (attrs["aria-label"] || attrs["aria-labelledby"])) throw new Error("A hidden Vitris icon cannot also have an accessible name.");
+        if (attrs["aria-describedby"] && !(attrs["aria-label"] || attrs["aria-labelledby"])) throw new Error("A described Vitris icon needs an accessible name.");
+        for (const key of ["aria-label", "aria-labelledby"]) if (attrs[key] !== void 0 && !attrs[key].trim()) throw new Error(`Vitris icon ${key} must not be empty.`);
+        edits.push({ start: loc.startOffset, end: loc.endOffset, svg: renderIcon(attrs.name, {
+          variant: attrs.variant,
+          className: attrs.class,
+          id: attrs.id,
+          width: attrs.width,
+          height: attrs.height,
+          label: attrs["aria-label"],
+          labelledby: attrs["aria-labelledby"],
+          describedby: attrs["aria-describedby"],
+          data: Object.fromEntries(Object.entries(attrs).filter(([key]) => key.startsWith("data-")))
+        }) });
+      } catch (error) {
+        throw new Error(`Icon error on ${route}: ${error instanceof Error ? error.message : String(error)}`);
+      }
+      return;
+    }
+    if ("childNodes" in node) for (const child of node.childNodes) walk(child);
+    if ("tagName" in node && node.tagName === "template" && "content" in node) walk(node.content);
+  }
+  walk(parseFragment2(html, { sourceCodeLocationInfo: true }));
+  for (const edit of edits.sort((a, b) => b.start - a.start)) html = html.slice(0, edit.start) + edit.svg + html.slice(edit.end);
+  return html;
+}
+
+// src/compile/site.ts
+var baseCss = `*, *::before, *::after { box-sizing: border-box; }
+html {
+  -webkit-text-size-adjust: 100%;
+  scroll-padding-top: calc(var(--header-h) + var(--space-3));
+}
+body {
+  margin: 0;
+  font-family: var(--font-body);
+  font-size: var(--step-1);
+  background: var(--color-bg);
+  color: var(--color-text);
+  line-height: 1.6;
+}
+h1, h2, h3, h4 {
+  font-family: var(--font-display);
+  font-weight: 600;
+  margin: 0;
+  text-wrap: balance;
+  overflow-wrap: anywhere;
+}
+h1 { font-size: var(--step-5); line-height: 1.05; letter-spacing: -0.03em; }
+h2 { font-size: var(--step-3); line-height: 1.15; letter-spacing: -0.025em; }
+h3 { font-size: var(--step-2); line-height: 1.25; letter-spacing: -0.015em; }
+h4 { font-size: var(--step-1); line-height: 1.3; letter-spacing: -0.01em; }
+p { margin: 0 0 var(--space-4); text-wrap: pretty; }
+p:last-child { margin-bottom: 0; }
+a { color: inherit; }
+a:hover { text-decoration-color: var(--color-accent); }
+img { max-width: 100%; height: auto; display: block; }
+svg { display: inline-block; vertical-align: middle; }
+ul, ol { margin: 0 0 var(--space-4); padding-inline-start: 1.25rem; }
+ul:last-child, ol:last-child { margin-bottom: 0; }
+small { font-size: var(--step-0); }
+:focus-visible {
+  outline: 2px solid var(--color-focus);
+  outline-offset: 3px;
+}
+.skip-link {
+  position: absolute;
+  left: var(--space-4);
+  top: var(--space-4);
+  z-index: 100;
+  padding: var(--space-3) var(--space-4);
+  background: var(--color-surface);
+  color: var(--color-text);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius);
+  text-decoration: none;
+  font-weight: 600;
+  transform: translateY(-160%);
+  transition: transform 160ms ease;
+}
+.skip-link:focus {
+  transform: translateY(0);
+}
+.visually-hidden {
+  position: absolute !important;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.wrap {
+  width: min(var(--max-width), calc(100% - 2rem));
+  margin-inline: auto;
+}
+@media (min-width: 720px) {
+  .wrap { width: min(var(--max-width), calc(100% - 2.5rem)); }
+}
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  min-height: var(--tap-min);
+  padding: 0.75rem 1.5rem;
+  line-height: 1.2;
+  white-space: nowrap;
+  background: var(--color-accent);
+  color: var(--color-accent-text);
+  text-decoration: none;
+  border: 1px solid transparent;
+  border-radius: var(--radius-pill);
+  font: inherit;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
+}
+.btn:hover {
+  background: color-mix(in srgb, var(--color-accent) 88%, var(--color-text));
+}
+.btn-outline {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  min-height: var(--tap-min);
+  padding: 0.75rem 1.5rem;
+  line-height: 1.2;
+  white-space: nowrap;
+  background: transparent;
+  color: var(--color-text);
+  text-decoration: none;
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius-pill);
+  font: inherit;
+  font-weight: 600;
+  cursor: pointer;
+  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease;
+}
+.btn-outline:hover {
+  border-color: var(--color-text);
+  background: color-mix(in srgb, var(--color-text) 6%, transparent);
+}
+.btn-arrow {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4rem;
+  min-height: var(--tap-min);
+  white-space: nowrap;
+  font-weight: 600;
+  text-decoration: none;
+  color: var(--color-text);
+  transition: color 180ms ease;
+}
+.btn-arrow::after {
+  content: "\u2192";
+  transition: transform 180ms ease;
+}
+.btn-arrow:hover {
+  color: var(--color-accent);
+}
+.btn-arrow:hover::after { transform: translateX(3px); }
+.btn-ghost {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  min-height: var(--tap-min);
+  padding: 0.75rem 1.5rem;
+  line-height: 1.2;
+  white-space: nowrap;
+  background: transparent;
+  color: var(--color-text);
+  text-decoration: none;
+  border: 1px solid transparent;
+  border-radius: var(--radius-pill);
+  font: inherit;
+  font-weight: 600;
+  cursor: pointer;
+  transition: border-color 180ms ease, color 180ms ease, background-color 180ms ease;
+}
+.btn-ghost:hover {
+  background: color-mix(in srgb, var(--color-text) 6%, transparent);
+}
+.c-cookie-banner {
+  position: fixed;
+  inset-inline: 0;
+  bottom: 0;
+  z-index: 200;
+  padding: var(--space-4) 0 calc(var(--space-4) + env(safe-area-inset-bottom, 0px));
+  background: var(--color-surface);
+  color: var(--color-text);
+  border-top: 1px solid var(--color-border);
+  box-shadow: 0 -8px 24px color-mix(in srgb, var(--color-text) 8%, transparent);
+}
+.c-cookie-banner__inner {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-4);
+}
+.c-cookie-banner__title {
+  margin: 0 0 var(--space-2);
+  font-family: var(--font-display);
+  font-size: var(--step-1);
+  font-weight: 600;
+  letter-spacing: -0.02em;
+  line-height: 1.25;
+}
+.c-cookie-banner__text {
+  margin: 0;
+  font-size: var(--step-0);
+  color: var(--color-muted);
+  max-width: 42rem;
+}
+.c-cookie-banner__actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: var(--space-3);
+}
+.c-cookie-banner__more {
+  min-height: var(--tap-min);
+  display: inline-flex;
+  align-items: center;
+  font-weight: 600;
+  font-size: var(--step-0);
+  color: var(--color-text);
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+  cursor: pointer;
+}
+.c-cookie-banner__more:hover { color: var(--color-accent); }
+@media (max-width: 719px) {
+  .c-cookie-banner {
+    /* A delayed first-visit beacon must not insert a banner into document flow. */
+    max-height: 50dvh;
+    overflow-y: auto;
+    overscroll-behavior: contain;
+  }
+}
+@media (min-width: 720px) {
+  .c-cookie-banner__inner {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-5);
+  }
+  .c-cookie-banner__actions { flex-shrink: 0; }
+}
+.c-lead-ok {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: var(--radius);
+  padding: var(--space-3) var(--space-4);
+  margin: 0 0 var(--space-4);
+  color: var(--color-text);
+}
+.c-lead-hp {
+  position: absolute;
+  left: -9999px;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+.c-cookie-page {
+  padding: var(--space-7) 0 var(--space-8);
+}
+.c-cookie-page h1 {
+  margin-bottom: var(--space-3);
+}
+.c-cookie-page h2 {
+  margin: var(--space-6) 0 var(--space-3);
+}
+.c-cookie-page .wrap { max-width: 42rem; }
+.c-cookie-page p { color: var(--color-muted); }
+.c-cookie-page__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-3);
+  margin-top: var(--space-5);
+}
+
+/* Scroll reveal \u2014 armed only after islands mark above-fold .is-in */
+[data-reveal] {
+  --reveal-x: 0;
+  --reveal-y: var(--reveal-dist, 16px);
+}
+[data-reveal-strength="whisper"] {
+  --reveal-dist: 8px;
+  --reveal-dur: 400ms;
+  --reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);
+}
+[data-reveal-strength="editorial"] {
+  --reveal-dist: 16px;
+  --reveal-dur: 550ms;
+  --reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);
+}
+[data-reveal-strength="noticeable"] {
+  --reveal-dist: 24px;
+  --reveal-dur: 650ms;
+  --reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);
+}
+[data-reveal-from="up"] { --reveal-x: 0; --reveal-y: var(--reveal-dist, 16px); }
+[data-reveal-from="down"] { --reveal-x: 0; --reveal-y: calc(var(--reveal-dist, 16px) * -1); }
+[data-reveal-from="left"] { --reveal-x: calc(var(--reveal-dist, 16px) * -1); --reveal-y: 0; }
+[data-reveal-from="right"] { --reveal-x: var(--reveal-dist, 16px); --reveal-y: 0; }
+[data-reveal-child][data-reveal-from="up"] {
+  --reveal-child-x: 0;
+  --reveal-child-y: var(--reveal-dist, 16px);
+}
+[data-reveal-child][data-reveal-from="down"] {
+  --reveal-child-x: 0;
+  --reveal-child-y: calc(var(--reveal-dist, 16px) * -1);
+}
+[data-reveal-child][data-reveal-from="left"] {
+  --reveal-child-x: calc(var(--reveal-dist, 16px) * -1);
+  --reveal-child-y: 0;
+}
+[data-reveal-child][data-reveal-from="right"] {
+  --reveal-child-x: var(--reveal-dist, 16px);
+  --reveal-child-y: 0;
+}
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after { animation: none !important; transition: none !important; }
+}
+`;
+function applySiteVars(html, site) {
+  return html.replaceAll("{{siteName}}", escapeHtml(site.name)).replaceAll("{{slug}}", escapeHtml(site.slug || ""));
+}
+function compilePage(page, catalog, site, kernelOrigin) {
+  const withVars = applySiteVars(page.body, site);
+  const flat = flattenBody(withVars, catalog, site);
+  let body = applySiteVars(wrapMain(flat.html, catalog), site);
+  body = compileIcons(body, page.path);
+  body = instrumentSections(body, site);
+  body = rewriteLeadForms(body, kernelOrigin, page.path);
+  const motion = prepareMotion(body, site);
+  body = motion.html;
+  const origin = kernelOrigin.replace(/\/$/, "");
+  body = body.replace(
+    /\b(src|href)="(\/stock\/[^"]+)"/g,
+    (_m, attr, path) => `${attr}="${origin}${path}"`
+  );
+  return {
+    path: page.path,
+    title: page.title || defaultTitleFromPath(page.path),
+    description: page.description,
+    indexing: page.indexing,
+    lang: page.lang,
+    bodyHtml: body,
+    used: flat.used,
+    usesMotion: motion.usesMotion,
+    motionTargets: motion.targets,
+    usesLeadForm: flat.usesLeadForm || /data-lead-form/i.test(body)
+  };
+}
+function usedComponents(pages) {
+  const names = /* @__PURE__ */ new Set();
+  for (const page of pages) {
+    for (const name of page.used) names.add(name);
+  }
+  return [...names];
+}
+function siteCss(pages, catalog) {
+  const chunks = [baseCss, primitivesCss];
+  if (pages.some((page) => page.bodyHtml.includes("data-vitris-icon="))) chunks.push(iconCss);
+  for (const name of usedComponents(pages)) {
+    const css = catalog[name]?.css;
+    if (css) chunks.push(css);
+  }
+  return chunks.join("\n");
+}
+var KERNEL_ISLANDS = {
+  experience: experienceJs,
+  header: headerJs,
+  carousel: carouselJs,
+  tabs: tabsJs,
+  "before-after": beforeAfterJs,
+  lightbox: lightboxJs
+};
+function detectKernelIslands(html) {
+  const found = /* @__PURE__ */ new Set();
+  const re = /data-island=["']([a-z0-9-]+)["']/gi;
+  let m;
+  while (m = re.exec(html)) found.add(m[1]);
+  return [...found];
+}
+function siteIslands(pages, catalog) {
+  const chunks = [];
+  const used = usedComponents(pages);
+  for (const name of used) {
+    const island = catalog[name]?.island;
+    if (island) chunks.push(island);
+  }
+  if (pages.some((p) => p.usesLeadForm)) chunks.push(leadsJs);
+  const needed = /* @__PURE__ */ new Set();
+  for (const page of pages) {
+    for (const id of detectKernelIslands(page.bodyHtml)) needed.add(id);
+  }
+  for (const id of needed) {
+    const js = KERNEL_ISLANDS[id];
+    if (js) chunks.push(js);
+  }
+  return chunks.join("\n");
+}
+function buildEntityJsonLd(site) {
+  if (!site.telephone && !site.email && !site.address && !site.businessType) return null;
+  const type = site.businessType || (site.address ? "LocalBusiness" : "Organization");
+  const data = {
+    "@context": "https://schema.org",
+    "@type": type,
+    name: site.name
+  };
+  if (site.telephone) data.telephone = site.telephone;
+  if (site.email) data.email = site.email;
+  if (site.address) data.address = { "@type": "PostalAddress", streetAddress: site.address };
+  return JSON.stringify(data).replace(/</g, "\\u003c");
+}
+function renderDocument(opts) {
+  const { site, page, kernelOrigin, themeHref } = opts;
+  const prefix = opts.assetsPrefix ?? "";
+  let body = page.bodyHtml;
+  if (prefix) body = body.replace(/href="\//g, `href="${prefix}/`);
+  const islands = opts.islandsHref;
+  const islandTag = islands ? `<script type="module" src="${prefix}${islands}"></script>` : "";
+  const motionTag = page.usesMotion ? `<script src="${prefix}${motionAssetHref}" defer></script>` : "";
+  const arrivalOptIn = body.match(/data-experience-arrival=["']([^"']+)["']/);
+  const pauseKey = body.match(/data-experience-pause-key=["']([^"']+)["']/)?.[1];
+  const arrivalTag = islands && arrivalOptIn && detectKernelIslands(body).includes("experience") ? `<script>${experienceArrivalBootstrap(pauseKey).replace(/<\/script/gi, "<\\/script")}</script>` : "";
+  const authoredTitle = page.title.trim(), brandTitle = site.name.trim();
+  const normalizedTitle = authoredTitle.toLocaleLowerCase(), normalizedBrand = brandTitle.toLocaleLowerCase();
+  const title = normalizedTitle === normalizedBrand || normalizedTitle.endsWith(" " + normalizedBrand) ? authoredTitle : `${authoredTitle} \u2014 ${brandTitle}`;
+  const description = page.description || site.name;
+  const canonicalPath = page.path === "/" ? "/" : page.path.replace(/\/$/, "");
+  const canonical = opts.publicOrigin ? `<link rel="canonical" href="${escapeHtml(opts.publicOrigin.replace(/\/$/, "") + canonicalPath)}">` : "";
+  const jsonLd = buildEntityJsonLd(site);
+  const jsonLdTag = jsonLd ? `<script type="application/ld+json">${jsonLd}</script>` : "";
+  const noindex = site.environment === "preview" || page.indexing === "noindex" || site.indexing === "noindex";
+  const robots = noindex ? `
+  <meta name="robots" content="noindex">` : "";
+  const lang = page.lang || "en";
+  if (opts.webAnalyticsToken && !/^[a-f0-9]{32}$/i.test(opts.webAnalyticsToken)) throw new Error("webAnalyticsToken must be a Cloudflare public 32-character hexadecimal token");
+  const webAnalytics = opts.webAnalyticsToken && site.environment !== "preview" ? `<script defer src="https://static.cloudflareinsights.com/beacon.min.js" data-cf-beacon='${JSON.stringify({ token: opts.webAnalyticsToken })}'></script>` : "";
+  return `<!DOCTYPE html>
+<html lang="${escapeHtml(lang)}"${site.scrollMotion?.policy ? ` data-motion-policy="${site.scrollMotion.policy}"` : ""}${kernelOrigin ? ` data-backend="${escapeHtml(kernelOrigin)}" data-kernel="${escapeHtml(kernelOrigin)}"` : ""}>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">${robots}
+  ${arrivalTag}
+  <title>${escapeHtml(title)}</title>
+  <meta name="description" content="${escapeHtml(description)}">
+  <meta property="og:title" content="${escapeHtml(title)}">
+  <meta property="og:description" content="${escapeHtml(description)}">
+  <meta property="og:type" content="website">
+  ${canonical}
+  <link rel="stylesheet" href="${prefix}${opts.styleHref || "/site.css"}">
+  <link rel="stylesheet" href="${themeHref}">
+  ${jsonLdTag}
+</head>
+<body>
+<a class="skip-link" href="#main">Skip to content</a>
+${body}
+${islandTag}
+${kernelOrigin ? `<script src="${prefix}/beacon.js" defer></script>` : ""}
+${motionTag}
+${webAnalytics}
+</body>
+</html>
+`;
+}
+function robotsTxt(publicOrigin) {
+  return `User-agent: *
+Allow: /
+
+${publicOrigin ? `Sitemap: ${publicOrigin.replace(/\/$/, "")}/sitemap.xml
+` : ""}
+`;
+}
+function sitemapXml(paths, publicOrigin, exclude = [], includeCookie = true) {
+  const omitted = new Set([...exclude, "/404", "/404.html"].map((path) => path === "/" ? "/" : path.replace(/\/$/, "")));
+  const all = (includeCookie && !paths.includes(COOKIE_COMPLIANCE_PATH) ? [...paths, COOKIE_COMPLIANCE_PATH] : paths).filter((path) => !omitted.has(path === "/" ? "/" : path.replace(/\/$/, "")));
+  const origin = (publicOrigin || "").replace(/\/$/, "");
+  const urls = all.map((path) => {
+    const p = path === "/" ? "/" : path.replace(/\/$/, "");
+    const loc = origin ? `${origin}${p}` : p;
+    return `  <url><loc>${escapeHtml(loc)}</loc></url>`;
+  }).join("\n");
+  return `<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+${urls}
+</urlset>
+`;
+}
+function compileSite(opts) {
+  const compiled = opts.pages.map(
+    (page) => compilePage(page, opts.catalog, opts.site, opts.kernelOrigin)
+  );
+  const islands = siteIslands(compiled, opts.catalog);
+  const islandsHref = islands ? "/islands.js" : null;
+  const files = compiled.map((page) => ({
+    path: page.path,
+    html: renderDocument({
+      site: opts.site,
+      page,
+      kernelOrigin: opts.kernelOrigin,
+      themeHref: opts.themeHref,
+      assetsPrefix: opts.assetsPrefix,
+      publicOrigin: opts.publicOrigin,
+      islandsHref: opts.pageAssets?.[page.path]?.js ?? (opts.pageAssets ? null : islandsHref),
+      styleHref: opts.pageAssets?.[page.path]?.css,
+      webAnalyticsToken: opts.webAnalyticsToken
+    })
+  }));
+  const cookiePage = {
+    path: COOKIE_COMPLIANCE_PATH,
+    indexing: "noindex",
+    title: "Cookie compliance",
+    description: "How this site uses first-party analytics cookies, and how to change your preference.",
+    bodyHtml: cookieComplianceHtml(opts.site.name),
+    used: [],
+    usesMotion: false,
+    usesLeadForm: false
+  };
+  if (opts.kernelOrigin) files.push({
+    path: COOKIE_COMPLIANCE_PATH,
+    html: renderDocument({
+      site: opts.site,
+      page: cookiePage,
+      kernelOrigin: opts.kernelOrigin,
+      themeHref: opts.themeHref,
+      assetsPrefix: opts.assetsPrefix,
+      publicOrigin: opts.publicOrigin,
+      islandsHref
+    })
+  });
+  return files;
+}
+function compileAllPages(site, pages, catalog, kernelOrigin) {
+  return pages.map((page) => compilePage(page, catalog, site, kernelOrigin));
+}
+
+export {
+  fileToPath,
+  defaultTitleFromPath,
+  beaconJs,
+  COOKIE_COMPLIANCE_PATH,
+  leadsJs,
+  motionAssetHref,
+  motionJs,
+  resolveInstanceMotion,
+  applyRootAttrs,
+  flattenBody,
+  wrapMain,
+  rewriteLeadForms,
+  primitivesCss,
+  MOTION_EFFECTS,
+  baseCss,
+  compilePage,
+  usedComponents,
+  siteCss,
+  siteIslands,
+  renderDocument,
+  robotsTxt,
+  sitemapXml,
+  compileSite,
+  compileAllPages
+};