/* Prospect Advisory Results v2 */
(function () {
  'use strict';

  if (window.__PAS_RESULTS_LOADED__) return;
  window.__PAS_RESULTS_LOADED__ = true;

  var MOUNT_ID = 'pas-results-root';

  // The mount container is the scope for this bundle. The script is applied
  // to a single Webflow page, and gating on the container rather than on
  // location.pathname means a slug change degrades to a console warning
  // instead of a blank page.
  var mount = document.getElementById(MOUNT_ID);
  if (!mount) {
    console.warn('[pas-results] No #' + MOUNT_ID + ' element on this page. Nothing rendered.');
    return;
  }
  if (location.pathname.indexOf('advisory-report-26-results') === -1) {
    console.warn('[pas-results] Mounted outside the expected path: ' + location.pathname);
  }

  // === STYLES ===
  (function () {
    if (document.getElementById('pas-results-styles')) return;
    var s = document.createElement('style');
    s.id = 'pas-results-styles';
    s.textContent = `/* ==========================================================================
   Prospect Advisory Results -- styles

   Same rules as pas-css.css: every selector is scoped under #pas-results-root
   and every class is prefixed pasr-. This stylesheet is injected into <head>
   on a live Webflow page, so an unscoped selector (.hero, .btn, .wrap, h2)
   would restyle unrelated Webflow elements. Hannah's standalone HTML used
   exactly those names; they were renamed, not restyled.

   Custom properties are prefixed --pasr- because the Sendoso site already
   defines --orange--main, --teal--main and friends.

   Colours are Sendoso brand tokens. Do not substitute approximations.

   The Sendoso logo and the Google Fonts request from the standalone file are
   intentionally absent: the Nav Landing Page component carries the logo and
   the site already serves Bricolage Grotesque.
   ========================================================================== */

#pas-results-root {
  --pasr-deep-teal: #1B4250;
  --pasr-teal: #015A64;
  --pasr-orange: #F37021;
  --pasr-charcoal: #1E2430;
  --pasr-dark-slate: #2D3648;
  --pasr-slate: #51596A;
  --pasr-silver: #C2C5CB;
  --pasr-light-gray: #E6E8EA;
  --pasr-peach: #F9B890;
  --pasr-light-peach: #FBD4BC;
  --pasr-warm-white: #FFFBF8;
  --pasr-soft-teal: #80C0C7;
  --pasr-teal-wash: #E1F0F2;
  --pasr-ice-teal: #E8F4F5;

  display: block;
  width: 100%;
  font-family: 'Bricolage Grotesque', sans-serif;
  background: var(--pasr-warm-white);
  color: var(--pasr-charcoal);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

#pas-results-root *,
#pas-results-root *::before,
#pas-results-root *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
#pas-results-root img,
#pas-results-root svg { display: block; }
#pas-results-root a { color: inherit; }
#pas-results-root h1,
#pas-results-root h2,
#pas-results-root p,
#pas-results-root div {
  font-family: inherit;
  margin: 0;
  text-transform: none;
  text-decoration: none;
  font-style: normal;
}

#pas-results-root .pasr-wrap {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 28px;
}

/* ---- Hero ---- */
#pas-results-root .pasr-hero {
  background: linear-gradient(180deg, var(--pasr-deep-teal) 0%, var(--pasr-teal) 100%);
  color: #fff;
  padding: 96px 0 88px;
  position: relative;
  overflow: hidden;
}
#pas-results-root .pasr-hero::after {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(243, 112, 33, 0.14);
}
#pas-results-root .pasr-hero .pasr-wrap { position: relative; z-index: 1; }
#pas-results-root .pasr-hero h1 {
  font-size: clamp(34px, 5.2vw, 58px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;
  max-width: 780px;
  margin-bottom: 22px;
  color: #fff;
}
#pas-results-root .pasr-hero p.pasr-lede {
  font-size: 19px;
  font-weight: 300;
  color: var(--pasr-ice-teal);
  max-width: 780px;
}

/* ---- Signal section (data overview) ---- */
#pas-results-root .pasr-signal {
  background: var(--pasr-teal-wash);
  border-bottom: 1px solid var(--pasr-light-gray);
  padding: 72px 0 64px;
}
#pas-results-root .pasr-signal-head { max-width: 840px; margin-bottom: 12px; }
#pas-results-root .pasr-signal-head .pasr-kicker { margin-bottom: 10px; }
#pas-results-root .pasr-signal-head h2 { margin-bottom: 14px; }
#pas-results-root .pasr-signal-head p {
  font-size: 16px;
  color: var(--pasr-dark-slate);
  max-width: 840px;
}

#pas-results-root .pasr-data-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin-top: 36px;
}
@media (max-width: 680px) {
  #pas-results-root .pasr-data-grid { grid-template-columns: 1fr; }
}
@media (min-width: 681px) {
  #pas-results-root .pasr-data-grid { grid-auto-rows: 1fr; }
}
#pas-results-root .pasr-data-card {
  background: #fff;
  border-radius: 20px;
  padding: 34px 32px 32px;
  box-shadow: 0 6px 24px rgba(27, 66, 80, 0.07);
  display: flex;
  flex-direction: column;
}
#pas-results-root .pasr-data-tag {
  font-size: 14px;
  font-weight: 600;
  color: var(--pasr-orange);
  margin-bottom: 10px;
}
#pas-results-root .pasr-data-q {
  font-size: 17px;
  font-weight: 600;
  color: var(--pasr-deep-teal);
  line-height: 1.35;
  min-height: 46px;
}
#pas-results-root .pasr-data-num {
  font-size: 68px;
  font-weight: 800;
  color: var(--pasr-orange);
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 22px 0 18px;
}
#pas-results-root .pasr-data-a {
  font-size: 15px;
  color: var(--pasr-charcoal);
  line-height: 1.55;
}
#pas-results-root .pasr-data-a strong {
  color: var(--pasr-deep-teal);
  font-weight: 700;
}

/* ---- Section shell ---- */
#pas-results-root section.pasr-block { padding: 76px 0; }
#pas-results-root .pasr-bg-wash { background: var(--pasr-teal-wash); }
#pas-results-root .pasr-bg-white { background: var(--pasr-warm-white); }

#pas-results-root .pasr-section-head { max-width: 620px; margin-bottom: 44px; }
#pas-results-root .pasr-kicker {
  font-size: 14px;
  font-weight: 600;
  color: var(--pasr-orange);
  margin-bottom: 10px;
}
#pas-results-root h2 {
  font-size: clamp(26px, 3.4vw, 34px);
  font-weight: 700;
  color: var(--pasr-deep-teal);
  letter-spacing: -0.01em;
  line-height: 1.18;
  margin-bottom: 14px;
}
#pas-results-root .pasr-section-head p + p { margin-top: 14px; }
#pas-results-root .pasr-section-head p {
  font-size: 16px;
  color: var(--pasr-dark-slate);
  max-width: 560px;
}

/* ---- Quote cards ---- */
#pas-results-root .pasr-quote-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 680px) {
  #pas-results-root .pasr-quote-grid { grid-template-columns: 1fr; }
}
#pas-results-root .pasr-quote-card {
  background: #fff;
  border: 1px solid var(--pasr-light-gray);
  border-left: 3px solid var(--pasr-orange);
  border-radius: 6px;
  padding: 24px 26px;
}
#pas-results-root .pasr-bg-wash .pasr-quote-card { background: var(--pasr-warm-white); }
#pas-results-root .pasr-bg-wash .pasr-side-stat { background: var(--pasr-warm-white); }
#pas-results-root .pasr-quote-card p {
  font-size: 16px;
  color: var(--pasr-charcoal);
  font-style: italic;
  margin-bottom: 10px;
}
#pas-results-root .pasr-quote-card .pasr-attrib {
  font-size: 13px;
  color: var(--pasr-slate);
  font-style: normal;
}

/* ---- Two-col with side stat ---- */
#pas-results-root .pasr-split {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 52px;
}
#pas-results-root .pasr-split-rev { grid-template-columns: 1.1fr 0.9fr; }
@media (max-width: 720px) {
  #pas-results-root .pasr-split,
  #pas-results-root .pasr-split-rev { grid-template-columns: 1fr; }
}
#pas-results-root .pasr-side-stat {
  background: #fff;
  border: 1px solid var(--pasr-light-gray);
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#pas-results-root .pasr-bg-white .pasr-side-stat { background: var(--pasr-teal-wash); }
#pas-results-root .pasr-split-copy {
  font-size: 16px;
  color: var(--pasr-dark-slate);
  max-width: 560px;
}
#pas-results-root .pasr-side-stat .pasr-num {
  font-size: 44px;
  font-weight: 800;
  color: var(--pasr-teal);
}
#pas-results-root .pasr-side-stat .pasr-cap {
  font-size: 14px;
  color: var(--pasr-slate);
  margin-top: 6px;
}
#pas-results-root .pasr-quote-grid.pasr-stack {
  grid-template-columns: 1fr;
  gap: 16px;
  margin-top: 20px;
}

/* ---- Closing CTA ---- */
#pas-results-root .pasr-closing {
  background: var(--pasr-deep-teal);
  color: #fff;
  padding: 90px 0;
  text-align: center;
}
#pas-results-root .pasr-closing h2 {
  color: #fff;
  max-width: 620px;
  margin: 0 auto 14px;
}
#pas-results-root .pasr-closing p {
  color: var(--pasr-ice-teal);
  max-width: 480px;
  margin: 0 auto 34px;
  font-size: 16px;
  font-weight: 300;
}
#pas-results-root .pasr-btn {
  display: inline-block;
  background: var(--pasr-orange);
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4;
  padding: 14px 34px;
  border-radius: 999px;
  text-decoration: none;
  transition: transform .15s ease, box-shadow .15s ease;
}
#pas-results-root .pasr-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(243, 112, 33, 0.35);
}
#pas-results-root .pasr-btn:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

#pas-results-root .pasr-btn:disabled {
  opacity: 0.7;
  cursor: wait;
  transform: none;
  box-shadow: none;
}

/* ---- Closing form ---- */
#pas-results-root .pasr-form {
  max-width: 560px;
  margin: 0 auto;
  text-align: left;
}
#pas-results-root .pasr-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 18px;
  margin-bottom: 22px;
}
#pas-results-root .pasr-field-full { grid-column: 1 / -1; }
@media (max-width: 560px) {
  #pas-results-root .pasr-form-grid { grid-template-columns: 1fr; }
  #pas-results-root .pasr-field-full { grid-column: auto; }
}
#pas-results-root .pasr-field label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: var(--pasr-ice-teal);
  margin-bottom: 6px;
}
#pas-results-root .pasr-optional {
  font-weight: 400;
  color: var(--pasr-soft-teal);
}
#pas-results-root .pasr-field input {
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.3;
  color: var(--pasr-charcoal);
  background: #fff;
  border: 1px solid var(--pasr-silver);
  border-radius: 10px;
  padding: 12px 14px;
  margin: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
#pas-results-root .pasr-field input:focus {
  outline: none;
  border-color: var(--pasr-orange);
  box-shadow: 0 0 0 3px rgba(243, 112, 33, 0.35);
}
#pas-results-root .pasr-field input.pasr-invalid {
  border-color: #E24B3B;
  box-shadow: 0 0 0 3px rgba(226, 75, 59, 0.3);
}
#pas-results-root .pasr-form .pasr-btn {
  display: block;
  width: 100%;
  border: 0;
  cursor: pointer;
  font-family: inherit;
  text-align: center;
}
@media (min-width: 561px) {
  #pas-results-root .pasr-form .pasr-btn {
    display: inline-block;
    width: auto;
    min-width: 200px;
  }
  #pas-results-root .pasr-form { text-align: center; }
  #pas-results-root .pasr-form-grid { text-align: left; }
}
#pas-results-root .pasr-form-error {
  display: none;
  color: #FFD6D0;
  background: rgba(226, 75, 59, 0.22);
  border: 1px solid rgba(226, 75, 59, 0.5);
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 14px;
  margin-bottom: 18px;
  text-align: left;
}
#pas-results-root .pasr-form-error.pasr-show { display: block; }
#pas-results-root .pasr-form-success[hidden] { display: none; }
#pas-results-root .pasr-form-success h2 {
  color: #fff;
  max-width: 620px;
  margin: 0 auto 10px;
}
#pas-results-root .pasr-form-success p {
  color: var(--pasr-ice-teal);
  margin: 0 auto;
}

@media (prefers-reduced-motion: reduce) {
  #pas-results-root .pasr-btn { transition: none; }
  #pas-results-root .pasr-btn:hover { transform: none; }
}

@media print {
  #pas-results-root section.pasr-block,
  #pas-results-root section.pasr-signal,
  #pas-results-root .pasr-closing,
  #pas-results-root .pasr-hero,
  #pas-results-root .pasr-quote-card,
  #pas-results-root .pasr-data-card,
  #pas-results-root .pasr-side-stat,
  #pas-results-root .pasr-split,
  #pas-results-root .pasr-quote-grid {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  #pas-results-root .pasr-signal { padding: 36px 0 24px; }
}
`;
    document.head.appendChild(s);
  })();

  // === MARKUP ===
  // Static content, no user input anywhere in it, so innerHTML is safe here.
  mount.innerHTML = `<header class="pasr-hero">
  <div class="pasr-wrap">
    <h1>We asked what actually earns your attention. Here's what rose to the top.</h1>
    <p class="pasr-lede">Real answers from the GTM leaders who receive outbound every day.</p>
  </div>
</header>

<section class="pasr-signal">
  <div class="pasr-wrap">
    <div class="pasr-signal-head">
      <div class="pasr-kicker">The data</div>
      <h2>We gathered responses from 100+ GTM leaders.<br>Here's what they shared.</h2>
      <p>We asked four multiple-choice questions, and each had one clear favorite among respondents.</p>
    </div>

    <div class="pasr-data-grid">
      <div class="pasr-data-card">
        <div class="pasr-data-tag">CTA</div>
        <div class="pasr-data-q">Which ask would be most likely to earn a reply from you?</div>
        <div class="pasr-data-num">41%</div>
        <div class="pasr-data-a">said <strong>trying something that demonstrates value</strong>, like a free scoring tool or quick audit, was most likely to earn their attention, beating out asking for feedback, offering content, or sending something unprompted.</div>
      </div>
      <div class="pasr-data-card">
        <div class="pasr-data-tag">Personalization</div>
        <div class="pasr-data-q">What earns your attention more than personalization?</div>
        <div class="pasr-data-num">42%</div>
        <div class="pasr-data-a">chose <strong>relevance</strong> as what earns their attention most, ahead of insight, effort, or generosity. Nearly double the next closest response, it was the clearest preference among leaders surveyed.</div>
      </div>
      <div class="pasr-data-card">
        <div class="pasr-data-tag">Events</div>
        <div class="pasr-data-q">Which experience would you be most likely to make time for?</div>
        <div class="pasr-data-num">45%</div>
        <div class="pasr-data-a">chose <strong>a small, peer-led dinner</strong>, ahead of hands-on workshops, exclusive research, and live debate formats.</div>
      </div>
      <div class="pasr-data-card">
        <div class="pasr-data-tag">Content</div>
        <div class="pasr-data-q">When you forward vendor content internally, what's usually the reason?</div>
        <div class="pasr-data-num">33%</div>
        <div class="pasr-data-a">said <strong>it introduces a new idea worth discussing</strong>, ahead of validating a decision already in motion, sharing a peer proof point, or providing something immediately useful.</div>
      </div>
    </div>

  </div>
</section>

<section class="pasr-block pasr-bg-white" id="pasr-cta">
  <div class="pasr-wrap">
    <div class="pasr-section-head">
      <div class="pasr-kicker">CTA</div>
      <h2>A comparison beats a compliment</h2>
      <p>The takeaway isn't just that leaders want value. They want a reason to engage that's specific to their business.</p>
      <p>A quick audit, personalized benchmark, or scoring tool gives prospects something useful before they've committed to a conversation. Instead of asking for their time, you're giving them a reason to respond.</p>
    </div>
    <div class="pasr-quote-grid">
      <div class="pasr-quote-card">
        <p>"I always like seeing a benchmark of how I am doing vs other similarly situated companies."</p>
        <div class="pasr-attrib">GTM Leader, survey respondent</div>
      </div>
      <div class="pasr-quote-card">
        <p>"Made it relevant to me, offered info on it with no sales pressure, and the timing was right."</p>
        <div class="pasr-attrib">GTM Leader, survey respondent</div>
      </div>
    </div>
  </div>
</section>

<section class="pasr-block pasr-bg-wash" id="pasr-personalization">
  <div class="pasr-wrap">
    <div class="pasr-split">
      <div class="pasr-side-stat">
        <div class="pasr-num">42%</div>
        <div class="pasr-cap">chose relevance as what earns attention beyond personalization, nearly double the next closest answer. The takeaway: relevance is what turns a thoughtful touch into one that actually resonates.</div>
      </div>
      <div>
        <div class="pasr-kicker">Personalization</div>
        <h2>Depth reads as respect. Surface-level reads as a trick.</h2>
        <p class="pasr-split-copy">The open-ended responses revealed a distinction worth noting: personalization alone wasn't always enough to earn attention. What mattered was the thought and substance behind it.</p>
        <div class="pasr-quote-grid pasr-stack">
          <div class="pasr-quote-card">
            <p>"Someone actually built a whole campaign for us using their AI tool. The time was invested, and it was personalized based on our own website and branding."</p>
            <div class="pasr-attrib">GTM Leader, survey respondent</div>
          </div>
          <div class="pasr-quote-card">
            <p>"Personalization usually falls flat. They read something I said online, and it just feels fake."</p>
            <div class="pasr-attrib">GTM Leader, survey respondent</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="pasr-block pasr-bg-white" id="pasr-events">
  <div class="pasr-wrap">
    <div class="pasr-split pasr-split-rev">
      <div>
        <div class="pasr-kicker">Events</div>
        <h2>The event experiences that stood out</h2>
        <p class="pasr-split-copy">When asked to describe their best event experience in their own words, the same theme surfaced again, unprompted: a room of real peers to exchange ideas with.</p>
        <div class="pasr-quote-grid pasr-stack">
          <div class="pasr-quote-card">
            <p>"I went to a small dinner of GTM leaders. We had prompts we chatted through, everyone played along \u2014 eight people, that was it."</p>
            <div class="pasr-attrib">GTM Leader, survey respondent</div>
          </div>
          <div class="pasr-quote-card">
            <p>"It put others in the room with the same pain and issues as me. I left with a lot of ideas on how to be better."</p>
            <div class="pasr-attrib">GTM Leader, survey respondent</div>
          </div>
        </div>
      </div>
      <div class="pasr-side-stat">
        <div class="pasr-num">45%</div>
        <div class="pasr-cap">picked a small, vetted gathering as their preferred event format.</div>
      </div>
    </div>
  </div>
</section>

<section class="pasr-block pasr-bg-wash" id="pasr-content">
  <div class="pasr-wrap">
    <div class="pasr-section-head">
      <div class="pasr-kicker">Content</div>
      <h2>Less information. More conviction.</h2>
      <p>The responses suggest that content worth sharing isn't necessarily the content with the most information. It's the content that brings a fresh perspective to the conversation. The open-ended responses offered more insight into what makes that happen:</p>
    </div>
    <div class="pasr-quote-grid">
      <div class="pasr-quote-card">
        <p>"There's no shortage of information. There's a shortage of insight that drives and confirms a decision."</p>
        <div class="pasr-attrib">GTM Leader, survey respondent</div>
      </div>
      <div class="pasr-quote-card">
        <p>"How to keep your reps and team growing and getting smarter, even as AI tools start doing more of their work for them."</p>
        <div class="pasr-attrib">GTM Leader, survey respondent</div>
      </div>
    </div>
  </div>
</section>

<section class="pasr-closing" id="pasr-closing">
  <div class="pasr-wrap">
    <h2>Let's keep the conversation going.</h2>
    <p>Based on what you shared, we're exploring small, vetted gatherings where GTM leaders can keep these conversations going with peers. Interested? Let us know, and we'll see about bringing one to a city near you.</p>
    <form class="pasr-form" id="pasr-form" novalidate>
      <div class="pasr-form-grid">
        <div class="pasr-field">
          <label for="pasr-first">First name</label>
          <input type="text" id="pasr-first" name="FirstName" autocomplete="given-name" required>
        </div>
        <div class="pasr-field">
          <label for="pasr-last">Last name</label>
          <input type="text" id="pasr-last" name="LastName" autocomplete="family-name" required>
        </div>
        <div class="pasr-field pasr-field-full">
          <label for="pasr-email">Work email</label>
          <input type="email" id="pasr-email" name="Email" autocomplete="email" required>
        </div>
        <div class="pasr-field">
          <label for="pasr-country">Country</label>
          <input type="text" id="pasr-country" name="Country" autocomplete="country-name" required>
        </div>
        <div class="pasr-field">
          <label for="pasr-city">City</label>
          <input type="text" id="pasr-city" name="City" autocomplete="address-level2" required>
        </div>
        <div class="pasr-field pasr-field-full">
          <label for="pasr-state">State / Region <span class="pasr-optional">(optional)</span></label>
          <input type="text" id="pasr-state" name="State" autocomplete="address-level1">
        </div>
      </div>
      <div class="pasr-form-error" id="pasr-form-error" role="alert"></div>
      <button type="submit" class="pasr-btn" id="pasr-submit">I'm interested</button>
    </form>
    <div class="pasr-form-success" id="pasr-form-success" hidden>
      <h2>Thanks, you're on the list.</h2>
      <p>We'll reach out when we're planning a gathering near you.</p>
    </div>
  </div>
</section>`;

  // === BEHAVIOUR ===
  // ==========================================================================
  // CLOSING FORM -> MARKETO
  //
  // The page renders its own inputs (styled to match the hero) and submits
  // Marketo form 2214 hidden, via the Forms2 JS API. Same pattern as the
  // SGP quiz (form 2206). Nothing here is visible-form Marketo markup, so
  // Marketo's own CSS never loads and never fights the page.
  //
  // Why Forms2 and not a plain POST: Forms2 attaches the Munchkin cookie, so
  // the submission lands on the visitor's existing lead record and the
  // "Fills Out Form" trigger fires for any smart campaign Marketing wires.
  // ==========================================================================

  var MKTO_POD = '//app-ab37.marketo.com';
  var MKTO_MUNCHKIN = '757-WXD-176';
  var MKTO_FORM_ID = 2214;

  function loadMktoForms(cb) {
    if (window.MktoForms2) { cb(window.MktoForms2); return; }
    var existing = document.getElementById('mktoforms2-lib');
    if (existing) {
      existing.addEventListener('load', function () { cb(window.MktoForms2); });
      existing.addEventListener('error', function () { cb(null); });
      return;
    }
    var s = document.createElement('script');
    s.id = 'mktoforms2-lib';
    s.src = MKTO_POD + '/js/forms2/js/forms2.min.js';
    s.onload = function () { cb(window.MktoForms2); };
    s.onerror = function () { cb(null); };
    document.head.appendChild(s);
  }

  function wireClosingForm() {
    var form = mount.querySelector('#pasr-form');
    if (!form) return;
    var btn = form.querySelector('#pasr-submit');
    var errEl = form.querySelector('#pasr-form-error');
    var successEl = mount.querySelector('#pasr-form-success');
    var fields = {
      FirstName: form.querySelector('#pasr-first'),
      LastName: form.querySelector('#pasr-last'),
      Email: form.querySelector('#pasr-email'),
      Country: form.querySelector('#pasr-country'),
      City: form.querySelector('#pasr-city'),
      State: form.querySelector('#pasr-state')
    };
    var REQUIRED = ['FirstName', 'LastName', 'Email', 'Country', 'City'];
    var IDLE_LABEL = btn.textContent;

    function showError(msg) {
      errEl.textContent = msg;
      errEl.classList.add('pasr-show');
    }
    function clearError() {
      errEl.textContent = '';
      errEl.classList.remove('pasr-show');
      Object.keys(fields).forEach(function (k) { fields[k].classList.remove('pasr-invalid'); });
    }
    function isEmail(v) {
      return /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(v);
    }
    function values() {
      var out = {};
      Object.keys(fields).forEach(function (k) { out[k] = (fields[k].value || '').trim(); });
      return out;
    }
    function setBusy(busy) {
      btn.disabled = busy;
      btn.textContent = busy ? 'Sending...' : IDLE_LABEL;
    }

    // Warm the Forms2 library on first focus so the submit itself is fast.
    var warmed = false;
    form.addEventListener('focusin', function () {
      if (warmed) return;
      warmed = true;
      loadMktoForms(function () {});
    });

    form.addEventListener('submit', function (e) {
      e.preventDefault();
      clearError();
      var v = values();

      var missing = REQUIRED.filter(function (k) { return !v[k]; });
      missing.forEach(function (k) { fields[k].classList.add('pasr-invalid'); });
      if (missing.length) {
        showError('Please fill in the required fields.');
        fields[missing[0]].focus();
        return;
      }
      if (!isEmail(v.Email)) {
        fields.Email.classList.add('pasr-invalid');
        showError('Please enter a valid work email.');
        fields.Email.focus();
        return;
      }

      setBusy(true);
      loadMktoForms(function (MktoForms2) {
        if (!MktoForms2) {
          setBusy(false);
          showError('Something went wrong on our end. Please try again in a moment.');
          return;
        }
        var holder = document.getElementById('pasr-mkto-holder');
        if (!holder) {
          holder = document.createElement('div');
          holder.id = 'pasr-mkto-holder';
          holder.style.position = 'absolute';
          holder.style.left = '-10000px';
          holder.style.top = '0';
          holder.setAttribute('aria-hidden', 'true');
          holder.innerHTML = '<form id="mktoForm_' + MKTO_FORM_ID + '"></form>';
          document.body.appendChild(holder);
        }
        var failed = setTimeout(function () {
          setBusy(false);
          showError('That took too long. Please try again.');
        }, 20000);

        MktoForms2.loadForm(MKTO_POD, MKTO_MUNCHKIN, MKTO_FORM_ID, function (mkto) {
          var payload = {
            FirstName: v.FirstName,
            LastName: v.LastName,
            Email: v.Email,
            Country: v.Country,
            City: v.City
          };
          // State is optional on the page. If the Marketo field is still a
          // US-only select, a non-matching value simply submits empty; if it
          // has been switched to a text field, the value goes through as-is.
          if (v.State) payload.State = v.State;
          mkto.setValues(payload);
          mkto.onSuccess(function () {
            clearTimeout(failed);
            form.hidden = true;
            form.style.display = 'none';
            successEl.hidden = false;
            successEl.scrollIntoView({ block: 'nearest' });
            return false; // stay on the page, no Marketo redirect
          });
          mkto.submit();
        });
      });
    });
  }

  wireClosingForm();

})();