' + '

' + '' + '

' + '

000 %STANDBY

' + '

'; var dragonImg = overlay.querySelector(".gpx-dragon"); if (dragonImg) dragonImg.addEventListener("error", function(){ try { this.style.visibility = "hidden"; } catch (e) {} }, { once: true }); function mountOverlay() { // Append AFTER first paint (invariant 2); body exists by then. (document.body || root).appendChild(overlay); initBoot(); } function initBoot() { var pctEl = overlay.querySelector(".gpx-pct"); var fillEl = overlay.querySelector(".gpx-bar-fill"); var ledEl = overlay.querySelector(".gpx-led"); var ledTxt = overlay.querySelector(".gpx-ledtxt"); try { braille = setupBraille(overlay); if (braille) overlay.className = (overlay.className ? overlay.className + " " : "") + "gpx-braille"; } catch (e) { braille = null; } // ── HONEST METER (invariant 4) ────────────────────────────────────────── // Eases 0 -> 90% over DURATION on its own clock, then HOLDS; only when the // page is actually ready (window load + one rAF) does it complete 90 -> 100 // and the splash lifts at max(BRAND_FLOOR, readiness). So on a slow // connection the loader genuinely covers the load; on a fast one it is a // single ~1.9s brand beat (floor + fade). var DURATION = 1200; // ms — the 0->90% ease var BRAND_FLOOR = 1400; // ms — long enough to read the dragon assemble var now = function(){ return (window.performance && performance.now) ? performance.now() : Date.now(); }; var raf = window.requestAnimationFrame || function(cb){ return setTimeout(function(){ cb(now()); }, 16); }; var caf = window.cancelAnimationFrame || clearTimeout; var rafId = 0; var start = 0; var cur = 0; var floorDone = false, pageReady = false, meterDone = false, lifted = false, finishing = false; function pad3(n){ var x = "" + n; return x.length >= 3 ? x : ("000" + x).slice(-3); } function render(v) { if (pctEl) pctEl.textContent = pad3(Math.round(v * 100)); if (fillEl) fillEl.style.transform = "scaleX(" + v.toFixed(4) + ")"; if (braille) braille.setProgress(v); } function settleAll() { render(1); if (ledEl) ledEl.className = "gpx-led gpx-online"; if (ledTxt) ledTxt.textContent = "ONLINE"; } function maybeLift() { if (lifted || torn) return; if (meterDone && floorDone && pageReady) { lifted = true; fadeAndRemove(); } } function tick(t) { if (finishing || meterDone) return; var p = (t - start) / DURATION; if (p < 0) p = 0; if (p > 1) p = 1; cur = (1 - Math.pow(1 - p, 1.7)) * 0.9; render(cur); if (p < 1) { rafId = raf(tick); } else { rafId = 0; } } // Completion run: current -> 100% in ~180ms, then LED ONLINE + lift. function finishRun() { if (finishing || torn) return; finishing = true; try { if (rafId) caf(rafId); } catch (e) {} var f0 = cur, t0 = now(); function ftick(t) { var q = (t - t0) / 180; if (q > 1) q = 1; render(f0 + (1 - f0) * q); if (q < 1) { raf(ftick); } else { settleAll(); meterDone = true; maybeLift(); } } raf(ftick); } function markReady() { if (!pageReady) { pageReady = true; finishRun(); } } // Real page-ready = window load (or already-complete) + one rAF so the // first real frame paints under the splash before it lifts. function onLoaded() { raf(function(){ markReady(); }); } try { if (document.readyState === "complete") { onLoaded(); } else { window.addEventListener("load", onLoaded, { once: true }); } } catch (e) { markReady(); } // Brand floor timer (independent of readiness). setTimeout(function(){ floorDone = true; maybeLift(); }, BRAND_FLOOR); // Anchor the RAF clock + CSS animation-delays to the SAME first-paint t0. raf(function(){ raf(function(){ start = now(); rafId = raf(tick); }); }); // Absolute safety cap (invariant 8) — never trap the user if load stalls. setTimeout(function(){ if (torn) return; floorDone = true; pageReady = true; if (!meterDone) { try { if (rafId) caf(rafId); } catch (e) {} finishing = true; settleAll(); meterDone = true; } maybeLift(); }, 6000); } // end initBoot() // ── Braille dragon assemble ───────────────────────────────────────────── // Rasterize /dragon-mark.svg to a small grid, take its silhouette dots as // targets, scatter a particle per target, then lerp each from a random ring // position to its target as setProgress(0..1) is driven by the boot meter. // Past ~80% the crisp dragon crystallizes over the dot field. Pure // vanilla (ES5), same-origin (no canvas taint), self-cleaning. Returns null // on any unsupported path so the caller keeps the CSS fallback reveal. function setupBraille(root) { try { if (typeof document === "undefined") return null; var wrap = root.querySelector(".gpx-dragon-wrap"); var cv = root.querySelector(".gpx-bcanvas"); var dragon = root.querySelector(".gpx-dragon"); if (!wrap || !cv || !cv.getContext) return null; var ctx = cv.getContext("2d"); if (!ctx) return null; var dpr = Math.min((window.devicePixelRatio || 1), 2); var size = 0, parts = null, ready = false, progress = 0, running = true, rid = 0, settledFrames = 0; var rAF = window.requestAnimationFrame || function (c) { return setTimeout(function () { c(); }, 16); }; var cAF = window.cancelAnimationFrame || clearTimeout; function fit() { var r = wrap.getBoundingClientRect(); size = Math.max(40, Math.min(r.width || 148, r.height || 148)); cv.width = Math.round(size * dpr); cv.height = Math.round(size * dpr); cv.style.width = size + "px"; cv.style.height = size + "px"; } fit(); var img = new Image(); img.onload = function () { try { var RW = 80, RH = 80; var oc = document.createElement("canvas"); oc.width = RW; oc.height = RH; var octx = oc.getContext("2d"); if (!octx) return; octx.clearRect(0, 0, RW, RH); octx.drawImage(img, 0, 0, RW, RH); var data; try { data = octx.getImageData(0, 0, RW, RH).data; } catch (e) { return; } var targets = []; var step = 2; // sample density -> braille-ish dot grid for (var y = 0; y < RH; y += step) { for (var x = 0; x < RW; x += step) { if (data[(y * RW + x) * 4 + 3] > 60) targets.push([x / RW, y / RH]); } } if (!targets.length) return; parts = []; for (var i = 0; i < targets.length; i++) { var t = targets[i]; var ang = Math.random() * 6.2832; var rad = 0.65 + Math.random() * 0.95; // start outside the box parts.push({ tx: t[0], ty: t[1], sx: 0.5 + Math.cos(ang) * rad, sy: 0.5 + Math.sin(ang) * rad, j: Math.random() // per-dot stagger }); } ready = true; } catch (e) { ready = false; } }; img.onerror = function () { ready = false; }; img.src = "/dragon-mark.svg"; function draw() { if (!running) return; var W = cv.width, H = cv.height; ctx.clearRect(0, 0, W, H); if (ready && parts) { var p = progress; var dot = Math.max(1.1 * dpr, W / 130); for (var i = 0; i < parts.length; i++) { var pt = parts[i]; var local = (p - pt.j * 0.16) / 0.84; if (local < 0) local = 0; if (local > 1) local = 1; var e = 1 - Math.pow(1 - local, 3); var x = (pt.sx + (pt.tx - pt.sx) * e) * W; var y = (pt.sy + (pt.ty - pt.sy) * e) * H; ctx.fillStyle = "rgba(206,210,216," + (0.2 + 0.78 * e).toFixed(3) + ")"; ctx.beginPath(); ctx.arc(x, y, dot, 0, 6.2832); ctx.fill(); } if (dragon) { var fo = (p - 0.8) / 0.2; if (fo < 0) fo = 0; if (fo > 1) fo = 1; dragon.style.opacity = fo.toFixed(3); cv.style.opacity = (1 - 0.8 * fo).toFixed(3); } // Once fully assembled the frame is static — draw a couple more then // stop the rAF (saves CPU while the splash waits for window.load). if (p >= 1 && ++settledFrames >= 2) { rid = 0; return; } } rid = rAF(draw); } rid = rAF(draw); window.addEventListener("resize", fit); return { setProgress: function (p) { var v = p < 0 ? 0 : (p > 1 ? 1 : p); progress = v; // Re-arm the draw loop if it parked at a settled frame and progress // moved again (defensive; progress is monotonic in practice). if (!rid && running && v < 1) { settledFrames = 0; rid = rAF(draw); } }, destroy: function () { running = false; try { cAF(rid); } catch (e) {} try { window.removeEventListener("resize", fit); } catch (e) {} } }; } catch (e) { return null; } } // Mount the splash AFTER the first paint so

lays out and is recorded // in frame 1 (no 0x0 CLS shift — invariant 2). Double-rAF lands just past // the first content frame; the delayed setTimeout is a throttled-rAF // fallback (background tab) so the splash is never skipped. var mounted = false; function mountOnce(){ if (mounted) return; mounted = true; mountOverlay(); } var rAF2 = window.requestAnimationFrame || function(cb){ return setTimeout(cb, 16); }; rAF2(function(){ rAF2(mountOnce); }); setTimeout(mountOnce, 120); } catch (err) { try { var n = document.getElementById("gpx-boot"); if (n && n.parentNode) n.parentNode.removeChild(n); } catch (e2) {} } })();

INITIATECONTACT

Direct Voice Channel

INITIATE
CONTACT