@tokenoftrust/storefront-runner 0.1.0

package/tenants/home/public/js/storefront.js

@@ -0,0 +1,210 @@
+/* Storefront early-access landing — interactions + analytics.
+ * Served at /tenants/home/js/storefront.js (mirrored from tenants/home/public/).
+ *
+ * ---- tot20 analytics: public reportAnalytics endpoint --------------------
+ * GET /reportAnalytics/{origin}/{pluginVersion}/{subject}/{action}?...
+ * origin=totcom => anonymous marketing path (user_id null, device-id based).
+ * apiKeyNotRequired + allowCORs, so we fire a fire-and-forget GET beacon.
+ *
+ * Beacon transport is an Image() GET on purpose: the storefront CSP is
+ * `img-src https:` (allowed) but `connect-src 'self'` (a cross-origin fetch to
+ * qa.tokenoftrust.com would be BLOCKED). An <img> GET sidesteps connect-src.
+ *
+ * Detail rides in utm_content/utm_campaign (the endpoint's eventProperties).
+ * Events use subject=cust and are shaped onto two EXISTING registered wildcards
+ * in tot20's analytics schema (analyticEvents.json), so they validate (HTTP 200)
+ * with no schema change:
+ *   - views  → cust_viewed_totcom_page_*   (the anonymous tokenoftrust.com convention)
+ *   - clicks → cust_clicked_btn_*
+ * ------------------------------------------------------------------------- */
+(function () {
+  const BASE = "https://qa.tokenoftrust.com/api"; // tot20 public API (qa; swap for prod)
+  const ORIGIN = "totcom", PLUGIN = "1.0", SUBJECT = "cust", APP_DOMAIN = "tokenoftrust.com";
+
+  function deviceId() {
+    try {
+      const k = "ampDeviceId";
+      let v = localStorage.getItem(k);
+      if (!v) { v = (crypto.randomUUID ? crypto.randomUUID() : String(Date.now()) + Math.random()); localStorage.setItem(k, v); }
+      return v;
+    } catch (e) { return "anon"; }
+  }
+  function track(action, detail, campaign) {
+    try {
+      const qs = new URLSearchParams({
+        appDomain: APP_DOMAIN, ampDeviceId: deviceId(),
+        title: document.title, referrer: document.referrer || "",
+        lang: navigator.language || "", screen_w: String(screen.width), screen_h: String(screen.height)
+      });
+      if (detail) qs.set("utm_content", detail);
+      qs.set("utm_campaign", campaign || "storefront_early_access");
+      qs.set("utm_source", "storefront-landing"); qs.set("utm_medium", "web");
+      const url = BASE + "/reportAnalytics/" + ORIGIN + "/" + PLUGIN + "/" + SUBJECT + "/" + encodeURIComponent(action) + "?" + qs.toString();
+      // Image() GET beacon — allowed by img-src https:; a fetch would hit connect-src 'self'.
+      new Image().src = url;
+    } catch (e) { /* fire-and-forget */ }
+  }
+  window.__totTrack = track;
+
+  // 1) page view
+  track("viewed_totcom_page_storefront_early_access");
+
+  // 2) every click on a labeled control (captures all CTAs, nav, deck links, login)
+  document.addEventListener("click", function (e) {
+    const el = e.target.closest("[data-ev]");
+    if (el) { const l = el.getAttribute("data-ev"); track("clicked_btn_" + l, l); }
+  });
+
+  // 3) section visibility (which parts of the page people actually reach)
+  if ("IntersectionObserver" in window) {
+    const seen = {};
+    const io = new IntersectionObserver(function (entries) {
+      entries.forEach(function (en) {
+        const name = en.target.getAttribute("data-section");
+        if (en.isIntersecting && !seen[name]) { seen[name] = 1; track("viewed_totcom_page_section_" + name, name); }
+      });
+    }, { threshold: .4 });
+    document.querySelectorAll("[data-section]").forEach(function (s) { io.observe(s); });
+  }
+
+  // 4) scroll depth
+  const marks = [25, 50, 75, 100], hit = {};
+  window.addEventListener("scroll", function () {
+    const sc = document.documentElement, pct = Math.round((sc.scrollTop + window.innerHeight) / sc.scrollHeight * 100);
+    marks.forEach(function (m) { if (pct >= m && !hit[m]) { hit[m] = 1; track("viewed_totcom_page_scroll_" + m, String(m)); } });
+  }, { passive: true });
+
+  // 5) comparison expand/collapse
+  document.querySelectorAll(".cmp .top").forEach(function (btn) {
+    btn.addEventListener("click", function () {
+      const card = btn.closest(".cmp"), open = card.getAttribute("aria-expanded") === "true";
+      card.setAttribute("aria-expanded", open ? "false" : "true");
+      btn.setAttribute("aria-expanded", open ? "false" : "true");
+      // (analytics for the open already fired via data-ev on the button)
+    });
+  });
+
+  // 6) persona tabs
+  const tabs = document.querySelectorAll(".seg [data-persona]");
+  const panels = document.querySelectorAll(".ppanel");
+  tabs.forEach(function (tab) {
+    tab.addEventListener("click", function () {
+      const who = tab.getAttribute("data-persona");
+      tabs.forEach(function (t) { t.setAttribute("aria-selected", t === tab ? "true" : "false"); });
+      panels.forEach(function (p) { p.classList.toggle("on", p.getAttribute("data-panel") === who); });
+    });
+  });
+
+  // 7) time on page (sent on leave)
+  const start = Date.now();
+  window.addEventListener("pagehide", function () {
+    track("viewed_totcom_page_exit", String(Math.round((Date.now() - start) / 1000)));
+  });
+
+  // ---- request-access modal --------------------------------------------------
+  // Board address the mailto: fallback targets (mirrors the server route's
+  // recipient). Kept in sync with apps/storefront/src/pages/api/request-access.ts.
+  const BOARD_EMAIL = "darrin84+l6gajmvvoo1x4edew5qs@boards.trello.com";
+  const modal = document.getElementById("ra-modal");
+  const form = modal && modal.querySelector("form.ra");
+
+  function openModal(source) {
+    if (!modal) return;
+    modal.classList.remove("done");
+    if (form) form.classList.remove("has-error");
+    modal.classList.add("on");
+    document.body.style.overflow = "hidden";
+    track("clicked_btn_request_access_open", source || "unknown");
+    const first = modal.querySelector("input[name=email]");
+    if (first) setTimeout(function () { first.focus(); }, 40);
+  }
+  function closeModal() {
+    if (!modal) return;
+    modal.classList.remove("on");
+    document.body.style.overflow = "";
+  }
+
+  // Any element pointing at #request opens the modal instead of jumping.
+  document.querySelectorAll('a[href="#request"]').forEach(function (a) {
+    a.addEventListener("click", function (e) {
+      e.preventDefault();
+      openModal(a.getAttribute("data-ev") || "cta");
+    });
+  });
+  if (modal) {
+    modal.querySelectorAll("[data-close]").forEach(function (el) {
+      el.addEventListener("click", closeModal);
+    });
+    document.addEventListener("keydown", function (e) {
+      if (e.key === "Escape" && modal.classList.contains("on")) closeModal();
+    });
+  }
+
+  function mailtoFallback(fields) {
+    const lines = [
+      "First name: " + fields.firstName,
+      "Last name: " + fields.lastName,
+      "Email: " + fields.email,
+      fields.phone ? "Phone: " + fields.phone : null,
+      fields.details ? "\nDetails:\n" + fields.details : null,
+    ].filter(Boolean).join("\n");
+    const subject = "Early-access request — " + fields.firstName + " " + fields.lastName;
+    return "mailto:" + BOARD_EMAIL + "?subject=" + encodeURIComponent(subject) + "&body=" + encodeURIComponent(lines);
+  }
+
+  if (form) {
+    form.addEventListener("submit", async function (e) {
+      e.preventDefault();
+      form.classList.remove("has-error");
+      const fd = new FormData(form);
+      const fields = {
+        email: String(fd.get("email") || "").trim(),
+        firstName: String(fd.get("firstName") || "").trim(),
+        lastName: String(fd.get("lastName") || "").trim(),
+        phone: String(fd.get("phone") || "").trim(),
+        details: String(fd.get("details") || "").trim(),
+      };
+      track("clicked_btn_request_access_submit", fields.email ? "with_email" : "no_email");
+
+      const btn = form.querySelector("button[type=submit]");
+      const label = btn ? btn.textContent : "";
+      if (btn) { btn.disabled = true; btn.textContent = "Sending…"; }
+
+      try {
+        const res = await fetch("/api/request-access", {
+          method: "POST",
+          headers: { "content-type": "application/json", accept: "application/json" },
+          body: JSON.stringify(fields),
+        });
+        const data = await res.json().catch(function () { return {}; });
+        if (res.ok && data && data.ok) {
+          // If the endpoint couldn't send server-side yet, it hands back a
+          // mailto: so the request is never dropped on the floor.
+          if (data.fallback === "mailto") {
+            window.location.href = data.mailto || mailtoFallback(fields);
+          }
+          modal.classList.add("done");
+        } else {
+          throw new Error((data && data.error) || "send_failed");
+        }
+      } catch (err) {
+        // Never a dead form: offer the mailto: as a client-side last resort.
+        // Built with DOM methods (no innerHTML) so field values can't inject markup.
+        form.classList.add("has-error");
+        const errEl = form.querySelector(".err");
+        if (errEl) {
+          errEl.textContent = "Something went wrong. ";
+          const link = document.createElement("a");
+          link.href = mailtoFallback(fields);
+          link.style.color = "inherit";
+          link.style.textDecoration = "underline";
+          link.textContent = "Email us directly";
+          errEl.appendChild(link);
+          errEl.appendChild(document.createTextNode(" and we'll take it from there."));
+        }
+      } finally {
+        if (btn) { btn.disabled = false; btn.textContent = label; }
+      }
+    });
+  }
+})();

package/tenants/home/public/pages/storefront.css

@@ -0,0 +1,212 @@
+/* Storefront by Token of Trust — early-access landing page.
+ * Ported from the approved prototype; served at /tenants/home/pages/storefront.css
+ * (mirrored from tenants/home/public/ by scripts/build/copy-tenant-assets.mjs).
+ * Sub-brand: Storefront lockup + teal→blue gradient on the tokenoftrust.com light theme. */
+:root{
+  --navy:#10294b; --navy-2:#173763; --ink:#1b2a40; --muted:#4d5a70;
+  --cream:#faf8f4; --card:#fff; --line:#e6e2d9; --line-cool:#dfe6ee;
+  --teal:#0d9391; --teal-ink:#0b6360; --coral:#bf3d2c; --green:#1d9e5f; --gold:#8a6012;
+  --grad:linear-gradient(115deg,#0d9391,#3b82c4);
+  --r:20px; --r-sm:13px; --shadow:0 18px 50px rgba(16,41,75,.13); --shadow-soft:0 8px 24px rgba(27,42,64,.07);
+  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
+  --display:"Plus Jakarta Sans",var(--sans); --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
+}
+*{box-sizing:border-box;margin:0;padding:0}
+body{font-family:var(--sans);background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
+.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
+a{color:inherit;text-decoration:none}
+h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;color:var(--navy)}
+.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
+.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:700;font-size:.94rem;
+  padding:12px 22px;border-radius:12px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s;color:inherit}
+.btn:hover{transform:translateY(-2px)}
+.btn-grad{background:var(--grad);color:#fff;box-shadow:0 10px 24px rgba(13,147,145,.32)}
+.btn-grad:hover{box-shadow:0 14px 30px rgba(13,147,145,.4)}
+.btn-line{background:#fff;color:var(--navy);border:1.5px solid var(--line-cool)}
+.btn-line:hover{border-color:var(--navy)}
+.arrow{transition:transform .2s}
+.btn:hover .arrow{transform:translateX(3px)}
+.kicker{font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-ink)}
+
+/* header */
+header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(250,248,244,.85);backdrop-filter:blur(12px)}
+.nav{display:flex;align-items:center;justify-content:space-between;height:76px}
+.lockup{display:flex;align-items:center;gap:12px}
+.lockup img{height:30px;display:block}
+.lockup .div{width:1px;height:22px;background:var(--line-cool)}
+.lockup .prod{font-family:var(--display);font-weight:600;font-size:.95rem;letter-spacing:-.01em}
+.nav-links{display:flex;gap:28px}
+.nav-links a{font-size:.92rem;font-weight:500;color:var(--muted)}
+.nav-links a:hover{color:var(--navy)}
+.nav-right{display:flex;align-items:center;gap:20px}
+.login{font-size:.92rem;font-weight:600;color:var(--muted)}
+.login:hover{color:var(--navy)}
+
+/* hero */
+.hero{position:relative;overflow:hidden}
+.blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;z-index:0;pointer-events:none}
+.b1{width:520px;height:520px;background:radial-gradient(circle,#9fe4dd,transparent 70%);top:-160px;right:-120px}
+.b2{width:440px;height:440px;background:radial-gradient(circle,#bcd6f5,transparent 70%);top:120px;right:220px;opacity:.4}
+.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center;padding:70px 0 84px}
+.eyebrow{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);
+  border-radius:999px;padding:8px 16px;font-size:.82rem;font-weight:700;color:var(--navy);box-shadow:var(--shadow-soft)}
+.eyebrow .dot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--green)}
+.eyebrow .dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--green);animation:pulse 2.2s infinite}
+@keyframes pulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(2.8);opacity:0}}
+h1{font-weight:800;font-size:3.35rem;line-height:1.07;margin:22px 0 20px}
+.lede{font-size:1.17rem;color:var(--muted);max-width:40ch;margin-bottom:14px}
+.lede b{color:var(--ink);font-weight:600}
+.hero-ctas{display:flex;gap:13px;margin:28px 0 26px}
+.cues{display:flex;flex-direction:column;gap:9px}
+.cues span{display:flex;align-items:center;gap:10px;font-size:.95rem;font-weight:500;color:var(--ink)}
+.cues .tk{width:20px;height:20px;border-radius:50%;background:rgba(13,147,145,.12);display:inline-flex;align-items:center;justify-content:center;flex:none}
+.cues .tk svg{width:12px;height:12px;color:var(--teal)}
+
+/* console (from A) */
+.console{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
+.c-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfcfe,#fff)}
+.c-head .url{font-family:var(--mono);font-size:.82rem;color:var(--navy);display:flex;align-items:center;gap:9px}
+.c-live{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;color:var(--green);background:rgba(29,158,95,.1);padding:5px 11px;border-radius:999px}
+.c-live i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blip 1.8s infinite}
+@keyframes blip{0%{box-shadow:0 0 0 0 rgba(29,158,95,.5)}70%{box-shadow:0 0 0 7px rgba(29,158,95,0)}100%{box-shadow:0 0 0 0 rgba(29,158,95,0)}}
+.c-body{padding:8px 8px 12px}
+.crow{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:11px}
+.crow .ic{width:26px;height:26px;border-radius:8px;background:rgba(13,147,145,.12);display:inline-flex;align-items:center;justify-content:center;flex:none}
+.crow .ic svg{width:15px;height:15px;color:var(--teal)}
+.crow .lab{font-weight:600;font-size:.95rem;color:var(--ink)}
+.crow .val{margin-left:auto;font-family:var(--mono);font-size:.82rem;color:var(--muted)}
+.crow .val b{color:var(--green);font-weight:500}
+.crow.killed{opacity:.5}
+.crow.killed .ic{background:rgba(191,61,44,.1)}.crow.killed .ic svg{color:var(--coral)}
+.crow.killed .lab{text-decoration:line-through;text-decoration-color:rgba(191,61,44,.55);color:var(--muted)}
+.crow.killed .val{color:var(--coral)}
+.c-foot{margin:6px 10px 4px;padding:12px 14px;border-top:1px dashed var(--line-cool);display:flex;align-items:center;gap:10px;font-size:.86rem;color:var(--muted)}
+.c-foot b{color:var(--navy);font-weight:700}
+.migbadge{margin-left:auto;font-family:var(--mono);font-size:.74rem;color:var(--teal-ink);background:rgba(13,147,145,.1);padding:4px 9px;border-radius:7px}
+
+/* fear band */
+.fear{background:var(--navy);color:#e7eef8}
+.fear .wrap{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;padding:44px 40px}
+.fear .big{font-family:var(--display);font-weight:800;font-size:3.6rem;line-height:1;color:#fff;letter-spacing:-.03em}
+.fear .big .u{color:#ff9d8e}
+.fear h2{color:#fff;font-size:1.5rem;margin-bottom:8px}
+.fear p{color:#aebfd6;max-width:62ch;font-size:1rem}
+.fear .src{font-family:var(--mono);font-size:.74rem;color:#7d92b3;margin-top:10px}
+
+/* generic section */
+section.blk{padding:78px 0}
+.center{text-align:center}
+.center .section-lede{margin-inline:auto}
+h2.big2{font-size:2.15rem;line-height:1.12;margin:12px 0 12px}
+.section-lede{color:var(--muted);max-width:60ch;font-size:1.06rem}
+
+/* pillars */
+.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
+.pillar{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow-soft)}
+.pillar .pic{width:44px;height:44px;border-radius:12px;background:rgba(13,147,145,.1);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
+.pillar .pic svg{width:23px;height:23px;color:var(--teal)}
+.pillar h3{font-size:1.18rem;margin-bottom:8px}
+.pillar p{color:var(--muted);font-size:.96rem}
+.pillar .tag{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:.74rem;color:var(--teal-ink);background:rgba(13,147,145,.09);padding:5px 10px;border-radius:7px}
+
+/* comparison */
+.cmp-wrap{background:#fff}
+.cmp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}
+.cmp{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;transition:box-shadow .2s}
+.cmp:hover{box-shadow:var(--shadow-soft)}
+.cmp .top{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:20px 22px;display:flex;align-items:center;gap:14px;font:inherit}
+.cmp .logo{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;color:#fff;font-size:1.05rem;flex:none}
+.cmp .tt{flex:1}
+.cmp .tt .nm{display:block;font-family:var(--display);font-weight:700;font-size:1.06rem;color:var(--navy)}
+.cmp .tt .sub{display:block;font-size:.86rem;color:var(--muted);margin-top:2px}
+.cmp .chev{width:20px;height:20px;color:var(--muted);transition:transform .25s;flex:none}
+.cmp[aria-expanded="true"] .chev{transform:rotate(180deg)}
+.cmp .panel{display:none;padding:0 22px 22px;border-top:1px solid var(--line)}
+.cmp[aria-expanded="true"] .panel{display:block;animation:fade .3s ease}
+@keyframes fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
+.cmp .row2{padding-top:16px}
+.cmp .row2 .h{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}
+.cmp .them .h{color:var(--coral)}
+.cmp .us .h{color:var(--teal-ink)}
+.cmp .row2 p{font-size:.92rem;color:var(--muted);line-height:1.55}
+.cmp .row2 p b{color:var(--ink);font-weight:600}
+.cmp .us{margin-top:16px;padding-top:16px;border-top:1px dashed var(--line-cool)}
+
+/* persona */
+.persona-wrap{background:linear-gradient(180deg,#f4f1ea,#faf8f4)}
+.seg{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:14px;padding:5px;gap:4px;margin:28px 0 8px;box-shadow:var(--shadow-soft)}
+.seg button{font-family:var(--display);font-weight:700;font-size:.95rem;color:var(--muted);background:none;border:0;padding:11px 20px;border-radius:10px;cursor:pointer;transition:.18s}
+.seg button[aria-selected="true"]{background:var(--grad);color:#fff;box-shadow:0 6px 16px rgba(13,147,145,.28)}
+.ppanel{display:none;margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden}
+.ppanel.on{display:grid;grid-template-columns:.9fr 1.1fr}
+.ppanel .lft{padding:34px;border-right:1px solid var(--line);background:linear-gradient(180deg,#fbfcfe,#fff)}
+.ppanel .lft .who{font-family:var(--mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink);font-weight:600}
+.ppanel .lft h3{font-size:1.7rem;line-height:1.12;margin:12px 0 12px}
+.ppanel .lft p{color:var(--muted);font-size:1rem;margin-bottom:20px}
+.ppanel .deck{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:.9rem;color:var(--teal-ink)}
+.ppanel .deck:hover{color:var(--navy)}
+.ppanel .rgt{padding:30px 34px;display:flex;flex-direction:column;gap:16px}
+.ben{display:flex;gap:13px}
+.ben .bic{width:28px;height:28px;border-radius:8px;background:rgba(13,147,145,.12);display:inline-flex;align-items:center;justify-content:center;flex:none}
+.ben .bic svg{width:15px;height:15px;color:var(--teal)}
+.ben .bt{font-family:var(--display);font-weight:700;font-size:.98rem;color:var(--navy)}
+.ben .bd{font-size:.9rem;color:var(--muted)}
+
+/* final cta */
+.final{padding:20px 0 88px}
+.cta-band{background:var(--navy);border-radius:26px;padding:56px 40px;text-align:center;position:relative;overflow:hidden}
+.cta-band .cb{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(80px);opacity:.35}
+.cta-band .cb1{background:#0d9391;top:-120px;left:-60px}.cta-band .cb2{background:#3b82c4;bottom:-140px;right:-40px}
+.cta-band .kicker{color:#7fe3d6;position:relative}
+.cta-band h2{color:#fff;font-size:2.2rem;margin:12px 0 12px;position:relative}
+.cta-band p{color:#aebfd6;max-width:56ch;margin:0 auto 26px;position:relative}
+.cta-band .hero-ctas{justify-content:center;position:relative}
+.btn-white{background:#fff;color:var(--navy)}
+
+/* built strip / footer */
+.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
+.strip .wrap{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;gap:24px;flex-wrap:wrap}
+.strip .built{display:flex;align-items:center;gap:14px;font-size:.88rem;color:var(--muted);flex-wrap:wrap}
+.strip .built .k{font-weight:700;color:var(--navy);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
+.strip .built .tag{font-weight:600;color:var(--ink)}
+.strip .built .sep{color:var(--line-cool)}
+.strip .repl{font-size:.85rem;color:var(--muted)}.strip .repl b{color:var(--navy);font-weight:700}
+footer.foot{padding:40px 0;color:var(--muted);font-size:.85rem;text-align:center;background:#f4f1ea}
+
+/* request-access modal */
+.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:24px}
+.modal.on{display:flex}
+.modal .ov{position:absolute;inset:0;background:rgba(16,41,75,.5);backdrop-filter:blur(3px)}
+.modal .dlg{position:relative;z-index:1;background:#fff;border-radius:var(--r);box-shadow:var(--shadow);width:100%;max-width:520px;max-height:92vh;overflow:auto;animation:fade .25s ease}
+.modal .dlg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 30px 6px}
+.modal .dlg-head h3{font-size:1.5rem;line-height:1.15}
+.modal .dlg-head p{color:var(--muted);font-size:.95rem;margin-top:6px}
+.modal .x{background:none;border:0;cursor:pointer;color:var(--muted);width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:none}
+.modal .x:hover{background:var(--cream);color:var(--navy)}
+.modal .x svg{width:20px;height:20px}
+form.ra{padding:14px 30px 30px;display:flex;flex-direction:column;gap:14px}
+form.ra .fld{display:flex;flex-direction:column;gap:6px}
+form.ra .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
+form.ra label{font-family:var(--display);font-weight:700;font-size:.82rem;color:var(--navy)}
+form.ra label .opt{font-family:var(--sans);font-weight:500;color:var(--muted);text-transform:none;letter-spacing:0}
+form.ra input,form.ra textarea{font:inherit;font-size:.95rem;color:var(--ink);background:#fff;border:1.5px solid var(--line-cool);
+  border-radius:10px;padding:11px 13px;transition:border-color .15s}
+form.ra input:focus,form.ra textarea:focus{outline:none;border-color:var(--teal)}
+form.ra textarea{resize:vertical;min-height:78px}
+form.ra .btn-grad{justify-content:center;margin-top:4px}
+form.ra .err{display:none;color:var(--coral);font-size:.9rem;font-weight:600}
+form.ra.has-error .err{display:block}
+.ra-done{display:none;padding:34px 30px 40px;text-align:center}
+.modal.done form.ra{display:none}
+.modal.done .ra-done{display:block}
+.ra-done .tick{width:56px;height:56px;border-radius:50%;background:rgba(29,158,95,.12);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
+.ra-done .tick svg{width:30px;height:30px;color:var(--green)}
+.ra-done h3{font-size:1.5rem;margin-bottom:8px}
+.ra-done p{color:var(--muted);font-size:1rem;max-width:34ch;margin:0 auto 18px}
+
+@media (max-width:900px){
+  .hero-grid{grid-template-columns:1fr;gap:40px}.pillars,.cmp-cards{grid-template-columns:1fr}
+  .ppanel.on{grid-template-columns:1fr}.ppanel .lft{border-right:0;border-bottom:1px solid var(--line)}
+  .fear .wrap{grid-template-columns:1fr;gap:16px}h1{font-size:2.5rem}
+  form.ra .row{grid-template-columns:1fr}
+}

package/tenants/home/theme.json

@@ -0,0 +1,6 @@
+{
+  "color": {
+    "primary": "#0030a0",
+    "primary-contrast": "#ffffff"
+  }
+}

package/tenants/tokenoftrust/.tot/config.json

@@ -0,0 +1,9 @@
+{
+  "tenant": "tokenoftrust",
+  "scope": "tokenoftrust.com",
+  "mappings": [
+    { "workspace": "theme.json", "repo": "tenants/tokenoftrust/theme.json", "kind": "file" },
+    { "workspace": "content/", "repo": "tenants/tokenoftrust/content/", "kind": "tree" },
+    { "workspace": "public/", "repo": "tenants/tokenoftrust/public/", "kind": "tree" }
+  ]
+}

package/tenants/tokenoftrust/content/chrome.json

@@ -0,0 +1,55 @@
+{
+  "nav": [
+    { "label": "Platform", "href": "/#platform" },
+    { "label": "Industries", "href": "/#industries" },
+    { "label": "Resources", "href": "https://help.tokenoftrust.com" },
+    { "label": "Pricing", "href": "https://tokenoftrust.com/pricing/" },
+    { "label": "Login", "href": "https://app.tokenoftrust.com" }
+  ],
+  "headerCtas": [
+    { "label": "Book Demo", "href": "https://tokenoftrust.com/contact/", "variant": "secondary" },
+    { "label": "Start For Free", "href": "https://app.tokenoftrust.com", "variant": "primary" }
+  ],
+  "footer": {
+    "tagline": "Customer verification and compliance for regulated ecommerce. 200+ countries. We will never sell your data.",
+    "legal": "GDPR · CCPA · PIPEDA compliant. 256-bit SSL. We will never sell your data.",
+    "columns": [
+      {
+        "title": "Platform",
+        "links": [
+          { "label": "Identity Verification", "href": "/#platform" },
+          { "label": "Age Assurance", "href": "/#platform" },
+          { "label": "Fraud Prevention", "href": "/#platform" },
+          { "label": "Compliance Evidence", "href": "/#platform" },
+          { "label": "AML · PACT Act · Tax", "href": "/#platform" }
+        ]
+      },
+      {
+        "title": "Industries",
+        "links": [
+          { "label": "Alcohol", "href": "/#industries" },
+          { "label": "Tobacco & Vape", "href": "/#industries" },
+          { "label": "Age-Restricted Goods", "href": "/#industries" },
+          { "label": "Marketplaces", "href": "/#industries" }
+        ]
+      },
+      {
+        "title": "Company",
+        "links": [
+          { "label": "Pricing", "href": "https://tokenoftrust.com/pricing/" },
+          { "label": "Contact Sales", "href": "https://tokenoftrust.com/contact/" },
+          { "label": "Resources", "href": "https://help.tokenoftrust.com" },
+          { "label": "Login", "href": "https://app.tokenoftrust.com" }
+        ]
+      },
+      {
+        "title": "Legal",
+        "links": [
+          { "label": "Privacy Policy", "href": "https://tokenoftrust.com/privacy/" },
+          { "label": "Terms", "href": "https://tokenoftrust.com/terms/" }
+        ]
+      }
+    ],
+    "social": []
+  }
+}