Decks

<section class="flux-slide flux-slide--cover" data-flux-theme="deep" data-accent="core">
  <p class="flux-slide__kicker">Platform review · Q3</p>
  <h1 class="flux-slide__title">Connect ships to every tenant</h1>
  <p class="flux-slide__note">Vera Lindqvist · 18 August 2026</p>
</section>

<section class="flux-slide flux-slide--agenda flux-slide--agenda-video" data-flux-theme="deep" data-accent="core">
  <div class="flux-slide__agenda-copy">
    <p class="flux-slide__kicker">Agenda</p>
    <h2 class="flux-slide__title">What we’ll cover</h2>
    <ol class="flux-slide__agenda">
      <li>
        <div class="flux-slide__agenda-item">
          <h3>Where we are today</h3>
          <p>Product status, go-lives, and key milestones from the year.</p>
        </div>
      </li>
      <li aria-current="step">
        <div class="flux-slide__agenda-item">
          <h3>What customers told us</h3>
          <p>Themes from advisory boards, support, and the field.</p>
        </div>
      </li>
      <li>
        <div class="flux-slide__agenda-item">
          <h3>The roadmap ahead</h3>
          <p>Priorities and innovation themes for the next four quarters.</p>
        </div>
      </li>
      <li>
        <div class="flux-slide__agenda-item">
          <h3>How we get there</h3>
          <p>Teams, timelines, and what we need from each other.</p>
        </div>
      </li>
    </ol>
  </div>
  <div class="flux-slide__agenda-media">
    <video class="flux-slide__agenda-video" muted loop playsinline preload="metadata" data-flux-video aria-hidden="true">
      <source src="https://flux.kaptio.com/decks/assets/flower-blooming-dark.mp4" type="video/mp4">
    </video>
    <button class="flux-slide__video-toggle" type="button" data-flux-video-toggle>Pause video</button>
  </div>
</section>

<section class="flux-slide flux-slide--section" data-flux-theme="dark" data-accent="edge">
  <span class="flux-slide__mark" aria-hidden="true">02</span>
  <p class="flux-slide__kicker">Part two</p>
  <h2 class="flux-slide__title">What the migration cost</h2>
</section>

<section class="flux-slide flux-slide--statement" data-flux-theme="deep">
  <p class="flux-display">Every booking now clears in under four seconds.</p>
</section>

<section class="flux-slide flux-slide--metric" data-accent="pex">
  <p class="flux-slide__kicker">Throughput</p>
  <div class="flux-slide__metrics">
    <div class="flux-metric">
      <span class="flux-metric__figure">3.9s</span>
      <span class="flux-metric__label">Median clear time</span>
      <span class="flux-metric__note">Down from twenty-one seconds at the start of the quarter.</span>
    </div>
    <div class="flux-metric">
      <span class="flux-metric__figure">99.98%</span>
      <span class="flux-metric__label">Availability</span>
      <span class="flux-metric__note">Two minutes of degradation, all of it planned.</span>
    </div>
  </div>
</section>

<section class="flux-slide flux-slide--chart" data-accent="pex">
  <p class="flux-slide__kicker">Median clear time · seconds</p>
  <h2 class="flux-slide__title">Every release took time out</h2>
  <div>
    <!-- The value is data, so it arrives in the markup. It is the one thing the
         stylesheet cannot know, and the only sanctioned inline property. -->
    <ol class="flux-slide__plot">
      <li>
        <p class="flux-slide__bar-value">21.4</p>
        <div class="flux-slide__bar flux-slide__bar--muted" style="--flux-bar: 100%"></div>
      </li>
      <li>
        <p class="flux-slide__bar-value">16.2</p>
        <div class="flux-slide__bar" style="--flux-bar: 76%"></div>
      </li>
      <li>
        <p class="flux-slide__bar-value">9.8</p>
        <div class="flux-slide__bar" style="--flux-bar: 46%"></div>
      </li>
      <li>
        <p class="flux-slide__bar-value">5.1</p>
        <div class="flux-slide__bar" style="--flux-bar: 24%"></div>
      </li>
      <li>
        <p class="flux-slide__bar-value">3.9</p>
        <div class="flux-slide__bar" style="--flux-bar: 18%"></div>
      </li>
    </ol>
    <ol class="flux-slide__axis">
      <li>Q2 '25</li>
      <li>Q3 '25</li>
      <li>Q4 '25</li>
      <li>Q1 '26</li>
      <li>Q2 '26</li>
    </ol>
  </div>
</section>

<section class="flux-slide flux-slide--donut" data-accent="agents">
  <svg class="flux-donut" viewBox="0 0 42 42" role="img"
       aria-label="Sixty-eight per cent of tenants are on the new engine.">
    <circle class="flux-donut__track" cx="21" cy="21" r="15.9155"></circle>
    <!-- Circumference is 100, so the dash pair is the split itself. -->
    <circle class="flux-donut__value" cx="21" cy="21" r="15.9155" stroke-dasharray="68 32"></circle>
  </svg>
  <div class="flux-slide__donut-body">
    <p class="flux-slide__kicker">Migration</p>
    <h2 class="flux-slide__title">68% of tenants are on the new engine</h2>
    <p class="flux-slide__lede">The rest are scheduled before the end of the quarter.</p>
  </div>
</section>

<section class="flux-slide flux-slide--infographic" data-accent="core">
  <p class="flux-slide__kicker">Twelve months of Connect</p>
  <div class="flux-slide__cluster">
    <div class="flux-metric">
      <span class="flux-metric__figure">1.2M</span>
      <span class="flux-metric__label">Bookings cleared</span>
      <span class="flux-metric__note">Through one engine, on one contract, in one currency model.</span>
    </div>
    <div class="flux-slide__cluster-support">
      <div class="flux-metric">
        <span class="flux-metric__figure">41</span>
        <span class="flux-metric__label">Tenants live</span>
      </div>
      <div class="flux-metric">
        <span class="flux-metric__figure">0</span>
        <span class="flux-metric__label">Rollbacks</span>
      </div>
    </div>
  </div>
</section>

<section class="flux-slide flux-slide--split" data-accent="agents">
  <div class="flux-slide__pane">
    <p class="flux-slide__kicker">Before</p>
    <h2 class="flux-slide__title">Six systems, one booking</h2>
    <p class="flux-slide__lede">Every handoff was a place a reservation could quietly stop existing.</p>
  </div>
  <figure class="flux-slide__figure">
    <!-- Diagrams are inline, so currentColor follows the slide's theme.
         A linked image would have to name a colour and would only suit one. -->
    <svg viewBox="0 0 260 150" role="img" aria-label="Six systems joined by nine handoffs."
         fill="none" stroke="currentColor" stroke-width="2">
      <rect x="4" y="4" width="68" height="40" rx="2" />
      <rect x="96" y="4" width="68" height="40" rx="2" />
      <rect x="188" y="4" width="68" height="40" rx="2" />
      <rect x="4" y="106" width="68" height="40" rx="2" />
      <rect x="96" y="106" width="68" height="40" rx="2" />
      <rect x="188" y="106" width="68" height="40" rx="2" />
      <path d="M72 24h24M164 24h24M72 126h24M164 126h24" />
      <path d="M38 44v62M130 44v62M222 44v62" stroke-dasharray="4 6" />
      <path d="M72 44l58 62M188 44l-58 62" stroke-dasharray="4 6" />
    </svg>
  </figure>
</section>

<section class="flux-slide flux-slide--split-photo" data-accent="core">
  <div class="flux-slide__pane">
    <p class="flux-slide__kicker">About Kaptio</p>
    <h2 class="flux-slide__title">Built for multi-day travel. Nothing else.</h2>
    <p class="flux-slide__lede">Founded in Reykjavík to give multi-day travel brands software that fits the industry.</p>
    <div class="flux-slide__metrics">
      <div class="flux-metric">
        <span class="flux-metric__figure">2014</span>
        <span class="flux-metric__label">Founded in Iceland</span>
      </div>
      <div class="flux-metric">
        <span class="flux-metric__figure">100</span>
        <span class="flux-metric__label">People · 17 nationalities</span>
      </div>
      <div class="flux-metric">
        <span class="flux-metric__figure">20+</span>
        <span class="flux-metric__label">Travel brands</span>
      </div>
      <div class="flux-metric">
        <span class="flux-metric__figure">€1.6B</span>
        <span class="flux-metric__label">2025 booking volume</span>
      </div>
    </div>
  </div>
  <img class="flux-slide__photo"
       src="https://images.unsplash.com/photo-1504829857797-ddff29c27927?w=960&q=80"
       alt="Coastal mountains rising from the sea in Iceland at golden hour.">
</section>

<section class="flux-slide flux-slide--list" data-accent="quest">
  <p class="flux-slide__kicker">What changed</p>
  <ol class="flux-slide__list">
    <li>One reservation record, owned by Connect.</li>
    <li>Every price resolved at write time.</li>
    <li>Failures surface in the channel, not the log.</li>
  </ol>
</section>

<section class="flux-slide flux-slide--compare" data-accent="edge">
  <div>
    <p class="flux-slide__kicker">Today</p>
    <p class="flux-slide__lede">Each tenant runs its own pricing rules, and no two agree on rounding.</p>
  </div>
  <div>
    <p class="flux-slide__kicker">September</p>
    <p class="flux-slide__lede">One engine, one rounding rule, and a tenant override that has to be justified.</p>
  </div>
</section>

<section class="flux-slide flux-slide--timeline" data-accent="pex">
  <p class="flux-slide__kicker">Rollout</p>
  <h2 class="flux-slide__title">Every tenant by March</h2>
  <ol class="flux-slide__timeline">
    <li>
      <span class="flux-slide__timeline-date">Sep 2026</span>
      <span class="flux-slide__timeline-label">Pilot</span>
      <span class="flux-slide__timeline-note">Four tenants, both currency models, one region.</span>
    </li>
    <li aria-current="step">
      <span class="flux-slide__timeline-date">Nov 2026</span>
      <span class="flux-slide__timeline-label">General availability</span>
      <span class="flux-slide__timeline-note">Opt-in for everyone already on Connect.</span>
    </li>
    <li>
      <span class="flux-slide__timeline-date">Jan 2027</span>
      <span class="flux-slide__timeline-label">Default</span>
      <span class="flux-slide__timeline-note">New tenants provision on the engine automatically.</span>
    </li>
    <li>
      <span class="flux-slide__timeline-date">Mar 2027</span>
      <span class="flux-slide__timeline-label">Legacy off</span>
      <span class="flux-slide__timeline-note">The old pricing path stops accepting writes.</span>
    </li>
  </ol>
</section>

<section class="flux-slide flux-slide--journey" data-accent="circle">
  <p class="flux-slide__kicker">One booking, end to end</p>
  <ol class="flux-slide__journey">
    <li>
      <span class="flux-slide__journey-stage">Quote</span>
      <span class="flux-slide__journey-note">Prices resolve once, against the live rate card.</span>
      <span class="flux-slide__journey-owner">Connect</span>
    </li>
    <li>
      <span class="flux-slide__journey-stage">Hold</span>
      <span class="flux-slide__journey-note">Inventory is reserved for the length of the quote.</span>
      <span class="flux-slide__journey-owner">Connect</span>
    </li>
    <li>
      <span class="flux-slide__journey-stage">Confirm</span>
      <span class="flux-slide__journey-note">One record, written once, owned by one system.</span>
      <span class="flux-slide__journey-owner">Salesforce</span>
    </li>
    <li>
      <span class="flux-slide__journey-stage">Settle</span>
      <span class="flux-slide__journey-note">Payment clears against the same record it quoted.</span>
      <span class="flux-slide__journey-owner">Kaptio Pay</span>
    </li>
  </ol>
</section>

<section class="flux-slide flux-slide--quote" data-flux-theme="deep" data-accent="voyage">
  <blockquote class="flux-slide__quote">We stopped reconciling bookings by hand in week three, and nobody has asked to go back.</blockquote>
  <p class="flux-slide__attribution">Operations lead, Tauck</p>
</section>

<section class="flux-slide flux-slide--image">
  <img class="flux-slide__media" src="/decks/assets/console.svg" alt="The Connect console showing a reservation timeline.">
  <div class="flux-slide__plate">
    <h2 class="flux-slide__title">One timeline</h2>
    <p class="flux-slide__note">Every state change, in order, with the actor who caused it.</p>
  </div>
</section>

<section class="flux-slide flux-slide--grid" data-accent="circle">
  <p class="flux-slide__kicker">The shape of it</p>
  <div class="flux-slide__tiles">
    <article class="flux-slide__tile">
      <h3>Ingest</h3>
      <p>Supplier feeds land once, and are versioned on arrival.</p>
    </article>
    <article class="flux-slide__tile">
      <h3>Resolve</h3>
      <p>Price and availability settle before anything is written.</p>
    </article>
    <article class="flux-slide__tile">
      <h3>Publish</h3>
      <p>One record, one shape, every channel.</p>
    </article>
  </div>
</section>

<section class="flux-slide flux-slide--closing" data-flux-theme="deep">
  <img class="flux-slide__media"
       src="https://images.unsplash.com/photo-1521737711867-e3b97375f902?w=1600&q=85"
       alt="Colleagues working together around a table.">
  <div class="flux-slide__closing-content">
    <h2 class="flux-slide__title">Pilot it with two tenants in September.</h2>
    <p class="flux-slide__note">Decision needed by 29 August.</p>
  </div>
</section>