<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta name="theme-color" content="#080808">
<meta name="description" content="Infuze installs an AI Operating System inside client acquisition agencies in 90 days. It pays for itself in 90 days — measured in your numbers — or we work free until it does.">

<!-- ============================================================= -->
<!--  INFUZE · WORKFORCE ASSESSMENT VSL                             -->
<!--  3 THINGS TO SET BEFORE GOING LIVE  →  see CONFIG in <script>  -->
<!--    1. CONFIG.bookingUrl   →  where the CTA goes (survey.html)    -->
<!--    2. CONFIG.vsl.embedUrl →  your VSL (YouTube/Vimeo/Wistia)     -->
<!--    3. Legal copy          →  see <footer> near bottom of file    -->
<!-- ============================================================= -->

<title>Take On 15 New Clients a Month — Without Adding a Single Hire | Infuze</title>

<!-- Social share preview (most traffic arrives from social ads) -->
<meta property="og:type" content="website">
<meta property="og:title" content="Take On 15 New Clients a Month — Without Adding a Single Hire.">
<meta property="og:description" content="Infuze installs an AI Operating System inside your agency in 90 days. It pays for itself in 90 days — measured in your numbers — or we work free until it does.">
<meta property="og:image" content="assets/infuze-icon.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Take On 15 New Clients a Month — Without a Single Hire.">
<meta name="twitter:description" content="An AI Operating System for your agency's fulfillment. Pays for itself in 90 days or we work free.">
<meta name="twitter:image" content="assets/infuze-icon.png">

<link rel="icon" href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><rect width="64" height="64" rx="14" fill="%23080808"/><path d="M10 8h17l-4 24 4 24H10zM54 8H37l4 24-4 24h17z" fill="%23d7193f"/></svg>'>
<link rel="apple-touch-icon" href="assets/infuze-icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<!-- Fonts: loaded async (non-render-blocking), trimmed to the 7 instances this page uses -->
<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=Manrope:wght@400;600;700;800&family=IBM+Plex+Mono:wght@400&family=Instrument+Serif:ital@1&display=swap">
<link rel="stylesheet" media="print" onload="this.media='all'" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=Manrope:wght@400;600;700;800&family=IBM+Plex+Mono:wght@400&family=Instrument+Serif:ital@1&display=swap">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@700&family=Manrope:wght@400;600;700;800&family=IBM+Plex+Mono:wght@400&family=Instrument+Serif:ital@1&display=swap"></noscript>

<style>
:root{
  --ink:#080808;
  --ink-2:#101010;
  --panel:rgba(20,20,19,.74);
  --panel-strong:rgba(16,16,15,.92);
  --line:rgba(255,255,255,.12);
  --line-strong:rgba(255,255,255,.2);
  --text:#f7f0e8;
  --text-soft:#c7bbb0;
  --muted:#80776f;
  --red:#c41230;
  --red-hot:#f14b63;
  --red-deep:#7f0a1e;
  --gold:#d9b36a;
  --gold-soft:#e7cd9a;
  --teal:#76d6c5;
  --shadow:rgba(77,10,23,.42);
  --font-display:"Space Grotesk","Manrope",system-ui,sans-serif;
  --font-body:"Manrope",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --font-serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-snappy:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  min-height:100dvh;
  background:
    radial-gradient(circle at 16% 4%, rgba(196,18,48,.34), transparent 34rem),
    radial-gradient(circle at 86% 9%, rgba(217,179,106,.15), transparent 32rem),
    radial-gradient(circle at 50% 58%, rgba(196,18,48,.10), transparent 38rem),
    radial-gradient(circle at 70% 99%, rgba(118,214,197,.12), transparent 32rem),
    linear-gradient(160deg,#070707 0%,#100f0e 50%,#050505 100%);
  background-attachment:fixed;
  color:var(--text);
  font-family:var(--font-body);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  padding:clamp(12px,2.2vh,28px) clamp(16px,4vw,40px) 96px;
  overflow-x:hidden;
}
/* ---- grid "ridges" (matches Workflow P&L) ---- */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.019) 1px,transparent 1px);
  background-size:74px 74px;
  mask-image:radial-gradient(circle at 50% 26%,#000 0%,transparent 74%);
  -webkit-mask-image:radial-gradient(circle at 50% 26%,#000 0%,transparent 74%);
}
/* ---- fine soft-light grain ---- */
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.06;
  mix-blend-mode:soft-light;
  background-image:
    repeating-radial-gradient(circle at 17% 23%,rgba(255,255,255,.8) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(115deg,rgba(255,255,255,.35) 0 1px,transparent 1px 5px);
}

.page{width:min(960px,100%);margin:0 auto;position:relative}
.skip-link{
  position:absolute;left:0;top:-120px;z-index:60;
  background:var(--text);color:var(--ink);
  padding:10px 14px;border-radius:999px;font-size:.82rem;font-weight:800;
  transition:top 180ms var(--ease);
}
.skip-link:focus{top:0;outline:none}

/* ---------- entry motion ---------- */
/* NOTE: no animated `filter:blur` here. An animating filter "moves pixels", which
   disqualifies elements as LCP candidates and made Lighthouse report NO_LCP
   (zeroing the mobile Performance score). opacity + transform stay GPU-composited. */
@keyframes rise{from{opacity:0;transform:translateY(20px) scale(.99)}to{opacity:1;transform:none}}
/* The headline is the LCP element — keep it opaque so there is ALWAYS a
   Largest Contentful Paint candidate (it animates transform only, never opacity). */
@keyframes riseHeadline{from{transform:translateY(18px) scale(.992)}to{transform:none}}
@keyframes glowPulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.07)}}
@keyframes ringPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.7);opacity:0}100%{opacity:0}}
@keyframes sheen{0%{transform:translateX(-120%) skewX(-18deg)}55%,100%{transform:translateX(220%) skewX(-18deg)}}
.reveal{animation:rise 640ms var(--ease-snappy) both}
.headline.reveal{animation-name:riseHeadline}
.d1{animation-delay:60ms}.d2{animation-delay:150ms}.d3{animation-delay:240ms}
.d4{animation-delay:340ms}.d5{animation-delay:440ms}.d6{animation-delay:540ms}

/* ---------- header / logo ---------- */
.top{display:flex;flex-direction:column;align-items:center;text-align:center}
.brand-logo{
  width:clamp(116px,30vw,158px);height:auto;display:block;
  filter:drop-shadow(0 0 16px rgba(241,75,99,.20)) drop-shadow(0 8px 20px rgba(0,0,0,.42));
}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  margin-top:clamp(14px,3vw,22px);
  padding:9px 16px;
  border:1px solid rgba(217,179,106,.34);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(217,179,106,.12),rgba(217,179,106,.03));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 26px rgba(0,0,0,.28);
  font-size:clamp(9.5px,2.5vw,11px);font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-soft);
  backdrop-filter:blur(10px);
}
.eyebrow .dotmark{width:6px;height:6px;border-radius:50%;background:var(--red-hot);box-shadow:0 0 12px var(--red-hot)}

/* ---------- headline ---------- */
.headline{
  font-family:var(--font-display);font-weight:700;
  font-size:clamp(2.1rem,7vw,4.4rem);
  line-height:1.02;letter-spacing:-.035em;
  margin-top:clamp(10px,2.2vw,18px);
  max-width:880px;margin-inline:auto;
  text-wrap:balance;
}
.headline .accent{
  font-family:var(--font-serif);font-style:italic;font-weight:400;
  letter-spacing:-.01em;
  background:linear-gradient(96deg,var(--gold-soft),var(--gold) 55%,#b98e45);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 34px rgba(217,179,106,.22);
}
.headline .num{color:var(--text)}
.headline .accent.keep{white-space:nowrap}
.rule{
  width:64px;height:2px;margin:clamp(12px,2.2vw,18px) auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,var(--red-hot) 30%,var(--gold) 72%,transparent);
  box-shadow:0 0 22px rgba(241,75,99,.4);
}
.subhead{
  margin-top:clamp(12px,2.4vw,18px);
  max-width:600px;margin-inline:auto;
  font-size:clamp(0.9rem,2vw,1.06rem);
  line-height:1.5;color:var(--text-soft);
}
.subhead b{color:var(--text);font-weight:700}

/* ---------- guarantee chip ---------- */
.guarantee{
  display:inline-flex;align-items:center;gap:11px;
  margin-top:clamp(12px,2.4vw,18px);
  padding:11px 18px 11px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 34px rgba(0,0,0,.3);
  backdrop-filter:blur(12px);
  font-size:clamp(.78rem,2.1vw,.9rem);line-height:1.4;color:var(--text-soft);
  text-align:left;max-width:520px;
}
.guarantee b{color:var(--text);font-weight:700}
.seal{
  flex-shrink:0;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,rgba(217,179,106,.4),rgba(127,10,30,.5));
  border:1px solid rgba(217,179,106,.5);
  box-shadow:0 0 18px rgba(217,179,106,.3),inset 0 1px 0 rgba(255,255,255,.25);
}
.seal svg{width:18px;height:18px;stroke:var(--gold-soft);stroke-width:1.9;fill:none}

/* ---------- step label ---------- */
.step{
  display:inline-flex;align-items:center;gap:10px;
  margin:0 auto;
  padding:9px 18px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  font-size:clamp(10px,2.4vw,12px);font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text);
}
.step .k{color:var(--gold);letter-spacing:.16em}
.step::before{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.step::after{content:"";width:18px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.step-wrap{display:flex;justify-content:center;margin-top:clamp(18px,3vw,30px)}
.step-wrap.tight{margin-top:clamp(16px,2.6vw,26px)}

/* ---------- video ---------- */
.video-shell{
  position:relative;margin-top:clamp(12px,2vw,18px);
  padding:clamp(10px,1.6vw,16px);
  border:1px solid var(--line);
  border-radius:clamp(20px,2.4vw,30px);
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(241,75,99,.16),transparent 22rem),
    linear-gradient(150deg,rgba(255,255,255,.085),rgba(255,255,255,.024)),
    var(--panel);
  box-shadow:
    0 30px 90px rgba(0,0,0,.46),
    0 14px 50px rgba(82,9,22,.26),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(255,255,255,.05);
  backdrop-filter:blur(24px) saturate(126%);
  isolation:isolate;overflow:hidden;
}
.video-shell::after{ /* gold inner hairline, premium frame */
  content:"";position:absolute;inset:clamp(10px,1.6vw,16px);
  border-radius:clamp(12px,1.6vw,18px);
  pointer-events:none;z-index:3;
  box-shadow:inset 0 0 0 1px rgba(217,179,106,.22),inset 0 0 40px rgba(217,179,106,.06);
}
.vsl-frame{
  position:relative;width:100%;aspect-ratio:16/9;
  border-radius:clamp(12px,1.6vw,18px);
  overflow:hidden;background:#050505;z-index:2;
}
.vsl-media{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000}
/* poster */
.vsl-poster{
  position:absolute;inset:0;width:100%;height:100%;
  border:0;cursor:pointer;color:var(--text);
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 50% 42%,rgba(196,18,48,.22),transparent 60%),
    linear-gradient(160deg,#15110f,#0a0a0a 60%,#080808);
  overflow:hidden;
}
.vsl-poster::before{ /* faint grid inside the player, echoes the page ridges */
  content:"";position:absolute;inset:0;opacity:.5;
  background:
    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(circle at 50% 45%,#000,transparent 78%);
  -webkit-mask-image:radial-gradient(circle at 50% 45%,#000,transparent 78%);
}
.vsl-poster .watermark{
  position:absolute;width:min(46%,260px);height:auto;aspect-ratio:1;opacity:.05;filter:grayscale(1) brightness(2);
  pointer-events:none;
}
.play{
  position:relative;z-index:2;
  width:clamp(62px,12vw,90px);height:clamp(62px,12vw,90px);border-radius:50%;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--red),var(--red-hot));
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 18px 50px rgba(196,18,48,.46),inset 0 1px 0 rgba(255,255,255,.4);
  transition:transform 260ms var(--ease);
}
.play::before{ /* pulsing ring */
  content:"";position:absolute;inset:-2px;border-radius:50%;
  border:2px solid rgba(241,75,99,.7);
  animation:ringPulse 2.6s var(--ease) infinite;
}
.play svg{width:38%;height:38%;margin-left:8%;fill:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.vsl-poster:hover .play{transform:scale(1.07)}
.vsl-poster:focus-visible{outline:none}
.vsl-poster:focus-visible .play{outline:3px solid var(--gold-soft);outline-offset:4px}
.vsl-cap{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:clamp(12px,2vw,18px) clamp(14px,2.4vw,22px);
  background:linear-gradient(0deg,rgba(5,5,5,.85),transparent);
  font-size:clamp(.72rem,1.9vw,.86rem);
}
.vsl-cap .l{display:flex;align-items:center;gap:9px;min-width:0;font-weight:700;color:var(--text);letter-spacing:.01em}
.vsl-cap .live{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--red-hot);box-shadow:0 0 10px var(--red-hot);animation:glowPulse 2.4s var(--ease) infinite}
.vsl-cap .r{display:flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;color:var(--text-soft);font-weight:600}
.vsl-cap .r svg{width:16px;height:16px;stroke:var(--gold-soft);fill:none;stroke-width:1.8}
.vsl-hint{
  position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);
  background:rgba(127,10,30,.92);color:#fff;border:1px solid rgba(241,75,99,.5);
  padding:9px 14px;border-radius:10px;font-size:.78rem;font-weight:700;
  box-shadow:0 12px 30px rgba(0,0,0,.4);max-width:88%;text-align:center;
}

/* ---------- CTA ---------- */
.cta-card{
  position:relative;margin-top:clamp(20px,3vw,26px);
  padding:clamp(26px,4vw,42px) clamp(20px,3.2vw,40px);
  border:1px solid rgba(241,75,99,.28);
  border-radius:clamp(20px,2.4vw,30px);
  text-align:center;
  background:
    radial-gradient(circle at var(--mx,50%) var(--my,0%),rgba(241,75,99,.18),transparent 24rem),
    radial-gradient(circle at 82% 4%,rgba(217,179,106,.12),transparent 22rem),
    linear-gradient(150deg,rgba(255,255,255,.1),rgba(255,255,255,.03)),
    var(--panel-strong);
  box-shadow:
    0 30px 90px rgba(0,0,0,.42),
    0 14px 50px rgba(126,13,31,.28),
    inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(24px) saturate(126%);
  isolation:isolate;overflow:hidden;
}
.cta-btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  width:min(460px,100%);min-height:64px;
  padding:18px 30px;border-radius:999px;
  font-family:var(--font-display);font-size:clamp(1.04rem,2.8vw,1.28rem);font-weight:700;letter-spacing:-.01em;
  color:#fff;text-decoration:none;cursor:pointer;overflow:hidden;
  background:linear-gradient(135deg,var(--red-deep) 0%,var(--red) 46%,var(--red-hot) 100%);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:
    0 20px 54px rgba(196,18,48,.42),
    0 0 0 1px rgba(217,179,106,.16),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -2px 8px rgba(127,10,30,.5);
  transition:transform 240ms var(--ease),box-shadow 240ms var(--ease),filter 240ms var(--ease);
}
.cta-btn::after{ /* moving sheen */
  content:"";position:absolute;top:0;bottom:0;width:42%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);
  animation:sheen 4.6s var(--ease) infinite;pointer-events:none;
}
.cta-btn svg{width:20px;height:20px;stroke:#fff;stroke-width:2.4;fill:none;transition:transform 240ms var(--ease)}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 26px 66px rgba(241,75,99,.5),0 0 0 1px rgba(217,179,106,.3),inset 0 1px 0 rgba(255,255,255,.4)}
.cta-btn:hover svg{transform:translateX(4px)}
.cta-btn:active{transform:translateY(0) scale(.99)}
.cta-sub{
  margin-top:18px;max-width:480px;margin-inline:auto;
  font-size:clamp(.82rem,2.1vw,.95rem);line-height:1.55;color:var(--text-soft);
}
.cta-sub b{color:var(--text);font-weight:700}
.cta-scarcity{
  display:inline-flex;align-items:center;gap:8px;margin-top:16px;
  font-family:var(--font-mono);font-size:clamp(.68rem,1.8vw,.76rem);letter-spacing:.02em;
  color:var(--gold-soft);text-transform:uppercase;
}
.cta-scarcity::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:glowPulse 2.6s var(--ease) infinite}

/* ---------- sticky mobile CTA ---------- */
.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:50;display:none;
  padding:11px clamp(14px,4vw,20px) calc(11px + env(safe-area-inset-bottom));
  background:linear-gradient(0deg,rgba(8,8,8,.97),rgba(8,8,8,.82) 72%,transparent);
  backdrop-filter:blur(16px);
  border-top:1px solid var(--line);
  transform:translateY(130%);transition:transform .42s var(--ease-snappy);
}
.sticky-cta.show{transform:none}
.sticky-cta .cta-btn{width:100%;min-height:58px;font-size:1.06rem}
.sticky-cta .cta-btn::after{animation:none}

/* ---------- footer / legal ---------- */
.foot{
  margin-top:clamp(44px,7vw,80px);
  padding-top:clamp(26px,4vw,34px);
  border-top:1px solid var(--line);
  text-align:center;
}
.foot-logo{width:120px;height:auto;opacity:.85;filter:drop-shadow(0 6px 16px rgba(0,0,0,.4))}
.foot-tag{margin-top:14px;font-size:.8rem;color:var(--muted);letter-spacing:.02em}
.legal{
  margin:22px auto 0;max-width:760px;
  font-size:.72rem;line-height:1.7;color:var(--muted);text-align:center;
}
.legal a{color:var(--text-soft)}
.legal p{margin-bottom:10px}

button:focus-visible,a:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px;border-radius:8px}

@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  body{background-attachment:scroll}
}

/* ---------- responsive ---------- */
@media (max-width:760px){
  body{padding-bottom:120px} /* room for sticky CTA */
  .eyebrow{font-size:9px;letter-spacing:.04em;padding:7px 12px;gap:6px}
  .headline{font-size:clamp(1.92rem,6.6vw,2.6rem)}
  .guarantee{max-width:100%;border-radius:18px}
  .cta-card{padding-left:16px;padding-right:16px}
  .cta-btn{width:100%;font-size:1.02rem;letter-spacing:-.02em;padding:18px 16px;gap:10px}
  .sticky-cta{display:block}
}
@media (min-width:1100px){
  .headline{font-size:4.6rem}
}
</style>
</head>
<body>
<a class="skip-link" href="#watch">Skip to video</a>

<div class="page">

  <!-- ===== HEADER: LOGO + EYEBROW + HEADLINE + SUBHEAD ===== -->
  <header class="top">
    <img class="brand-logo reveal d1" src="assets/infuze-wordmark.png" alt="Infuze" width="158" height="28" fetchpriority="high" decoding="async">

    <span class="eyebrow reveal d2"><span class="dotmark"></span>For Client Acquisition Agencies Doing $50K/mo+</span>

    <!-- ============================================================
         HEADLINE — ACTIVE: Outcome variant (built for cold ad traffic).
         To swap to the MIRROR variant (best for warm / retargeting),
         comment out the <h1> + <p class="subhead"> below, then uncomment:

         <h1 class="headline reveal d2">
           You sign <span class="num">15</span> new clients a month.<br>
           Your fulfillment was <span class="accent keep">built for 5.</span>
         </h1>
         <p class="subhead reveal d3">
           Infuze installs an <b>AI Operating System</b> that runs the back end of your
           agency in 90 days. Your first workflow is live in <b>two weeks</b>, and your
           whole team runs it from <b>Slack</b>, with no new tool to learn.
         </p>
         ============================================================ -->

    <h1 class="headline reveal d2">
      Take on <span class="num">15</span> new clients a month<br>
      <span class="accent">without a single hire.</span>
    </h1>
    <div class="rule reveal d3"></div>

    <p class="subhead reveal d3">
      Infuze installs an <b>AI Operating System</b> that runs your agency's workflows — so you <b>grow your margins, not just your revenue</b>. Live in two weeks, run from <b>Slack</b>.
    </p>

    <div class="guarantee reveal d4">
      <span class="seal" aria-hidden="true">
        <svg viewBox="0 0 24 24"><path d="M12 3l7 3v5c0 4.5-3 7.5-7 9-4-1.5-7-4.5-7-9V6l7-3z"/><path d="M9 12l2 2 4-4"/></svg>
      </span>
      <span><b>The 90-Day Payback Guarantee.</b> It pays for itself in 90 days — measured in your own numbers — or we work free until it does.</span>
    </div>
  </header>

  <!-- ===== STEP ONE: VIDEO ===== -->
  <div class="step-wrap reveal d4" id="watch">
    <span class="step"><span class="k">Step One</span> · Watch this first</span>
  </div>

  <section class="video-shell glass reveal d5" aria-label="Watch the video">
    <div class="vsl-frame" id="vsl-frame">
      <button class="vsl-poster" id="vsl-poster" type="button" aria-label="Play the video">
        <svg class="watermark" viewBox="0 0 64 64" aria-hidden="true"><rect width="64" height="64" rx="14" fill="#080808"/><path d="M10 8h17l-4 24 4 24H10zM54 8H37l4 24-4 24h17z" fill="#d7193f"/></svg>
        <span class="play" aria-hidden="true">
          <svg viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/></svg>
        </span>
        <span class="vsl-cap">
          <span class="l"><span class="live"></span>Why your fulfillment doesn't scale like your sales</span>
          <span class="r"><svg viewBox="0 0 24 24"><path d="M11 5L6 9H2v6h4l5 4V5z"/><path d="M15.5 8.5a5 5 0 010 7M19 5a9 9 0 010 14"/></svg>Sound on</span>
        </span>
      </button>
      <p class="vsl-hint" id="vsl-hint" hidden>Add your VSL link in <b>CONFIG.vsl.embedUrl</b> to go live.</p>
    </div>
  </section>

  <!-- ===== STEP TWO: CTA ===== -->
  <div class="step-wrap tight reveal d5">
    <span class="step"><span class="k">Step Two</span> · Book your assessment</span>
  </div>

  <section class="cta-card glass reveal d6" id="main-cta">
    <a class="cta-btn" href="#book" data-book>
      Book Workforce Assessment
      <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
    </a>
    <p class="cta-sub">
      <b>Free · 30 minutes.</b> You leave with your <b>Workflow P&amp;L</b> — your operation broken into workflows,
      each priced in dollars per month. Yours regardless of what you decide.
    </p>
    <span class="cta-scarcity">Limited installations per quarter — assessments fill before install spots do</span>
  </section>

  <!-- ============================================================ -->
  <!--  LEGAL — add / replace the copy below. Renders small + muted. -->
  <!-- ============================================================ -->
  <footer class="foot">
    <img class="foot-logo" src="assets/infuze-wordmark.png" alt="Infuze" width="116" height="20" loading="lazy" decoding="async">
    <p class="foot-tag">An AI Operating System for client acquisition agencies.</p>
    <div class="legal">
      <!-- ▼▼▼  YOUR LEGAL JARGON GOES HERE  ▼▼▼ -->
      <p>© 2026 Infuze. All rights reserved.</p>
      <p>
        This site is not a part of, or endorsed by, any social platform. Results are not typical and
        depend on your inputs, market, and execution. The 90-Day Payback Guarantee terms are presented
        in writing at the time of the Workforce Assessment.
      </p>
      <p><a href="privacy.html">Privacy Policy</a> · <a href="terms.html">Terms</a> · <a href="disclaimer.html">Disclaimer</a> · <a href="/cdn-cgi/l/email-protection#7a213935342e3b392e5a3f373b333627">Contact</a></p>
      <!-- ▲▲▲  YOUR LEGAL JARGON GOES HERE  ▲▲▲ -->
    </div>
  </footer>

</div>

<!-- ===== STICKY MOBILE CTA ===== -->
<div class="sticky-cta" id="sticky-cta">
  <a class="cta-btn" href="#book" data-book>
    Book Workforce Assessment
    <svg viewBox="0 0 24 24"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
  </a>
</div>

<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
/* ============================================================
   CONFIG — set these three things before launch
   ============================================================ */
const CONFIG = {
  // 1) Where the CTA goes. Flow: VSL → survey.html (qualifier) → GHL calendar.
  //    Keep "survey.html" if deployed together, else the survey's full URL.
  bookingUrl: "survey.html",

  // 2) Your VSL. Paste ONE of these:
  vsl: {
    embedUrl: "",  // YouTube / Vimeo / Wistia link (autoplay is added automatically)
    fileUrl:  "",  // OR a self-hosted .mp4 URL (used only if embedUrl is empty)
    poster:   ""   // optional poster image for a self-hosted file
  }
};

/* ---- wire every booking button ---- */
document.querySelectorAll("[data-book]").forEach(a=>{
  a.setAttribute("href", CONFIG.bookingUrl || "#book");
  if(/^https?:/i.test(CONFIG.bookingUrl||"")){ a.target="_blank"; a.rel="noopener"; }
});

/* ---- turn a share URL into an autoplay embed URL ---- */
function toEmbed(url){
  try{
    const u=new URL(url, location.href);
    const h=u.hostname.replace(/^www\./,"");
    if(h==="youtu.be") return `https://www.youtube.com/embed/${u.pathname.slice(1)}?autoplay=1&rel=0&modestbranding=1&playsinline=1`;
    if(h.endsWith("youtube.com")){
      const id=u.searchParams.get("v")||u.pathname.split("/").pop();
      return `https://www.youtube.com/embed/${id}?autoplay=1&rel=0&modestbranding=1&playsinline=1`;
    }
    if(h.endsWith("vimeo.com")){
      const id=u.pathname.split("/").filter(Boolean).pop();
      return `https://player.vimeo.com/video/${id}?autoplay=1`;
    }
    return url + (url.includes("?")?"&":"?") + "autoplay=1";
  }catch(e){ return url; }
}

/* ---- play on click ---- */
const frame=document.getElementById("vsl-frame");
const poster=document.getElementById("vsl-poster");
poster.addEventListener("click", ()=>{
  const v=CONFIG.vsl||{};
  let node;
  if(v.embedUrl){
    node=document.createElement("iframe");
    node.src=toEmbed(v.embedUrl);
    node.allow="autoplay; fullscreen; picture-in-picture; encrypted-media";
    node.allowFullscreen=true;
  }else if(v.fileUrl){
    node=document.createElement("video");
    node.src=v.fileUrl; node.controls=true; node.autoplay=true; node.playsInline=true;
    if(v.poster) node.poster=v.poster;
  }else{
    document.getElementById("vsl-hint").hidden=false;   // no source yet
    return;
  }
  node.className="vsl-media";
  poster.remove();
  frame.appendChild(node);
});

/* ---- mouse-tracked glow on glass panels (matches Workflow P&L) ---- */
document.querySelectorAll(".glass").forEach(panel=>{
  panel.addEventListener("pointermove", e=>{
    const r=panel.getBoundingClientRect();
    panel.style.setProperty("--mx", (e.clientX-r.left)+"px");
    panel.style.setProperty("--my", (e.clientY-r.top)+"px");
  });
});

/* ---- sticky mobile CTA: appears once they engage & the main CTA isn't on screen ---- */
(function(){
  const sticky=document.getElementById("sticky-cta");
  const main=document.getElementById("main-cta");
  if(!sticky||!main||!("IntersectionObserver" in window)) return;
  let engaged=false;
  const onScroll=()=>{ if(window.scrollY>160){engaged=true; window.removeEventListener("scroll",onScroll);} };
  window.addEventListener("scroll", onScroll, {passive:true});
  new IntersectionObserver(([entry])=>{
    sticky.classList.toggle("show", engaged && !entry.isIntersecting);
  }, {threshold:0, rootMargin:"-8% 0px -8% 0px"}).observe(main);
})();
</script>
</body>
</html>
