<style>
  /* The base theme sets svg { fill: currentColor }, which beats the icons'
     fill="none" attribute and turns every stroke icon into a solid shape. */
  .SCSV3-PartnerHub_svg { fill: none; }

  .SCSV3-PartnerHub_section { margin: 0 0 var(--sc-spacing-xlarge); }
  .SCSV3-PartnerHub_section:last-child { margin-bottom: 0; }

  .SCSV3-PartnerHub_sectionHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
  }
  .SCSV3-PartnerHub_sectionHead .SCSV3-AccountSection_title { margin: 0; }

  .SCSV3-PartnerHub_more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--scsv3-link);
    text-decoration: none;
  }
  .SCSV3-PartnerHub_more:hover { color: var(--scsv3-link-hover); text-decoration: none; }

  /* Icon tile shared by quick-link cards, library cards and resource groups. */
  .SCSV3-PartnerHub_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background: var(--scsv3-brand-50);
    color: var(--scsv3-brand-600);
  }
  :root[data-theme="dark"] .SCSV3-PartnerHub_icon {
    background: rgba(96, 178, 184, 0.14);
    color: var(--scsv3-link);
  }
  .SCSV3-PartnerHub_icon-sm { width: 36px; height: 36px; }

  /* --- Quick links --- */
  .SCSV3-PartnerHub_cardTop {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 14px;
  }
  .SCSV3-PartnerHub_ext { color: var(--scsv3-text-faint); display: inline-flex; }

  /* --- Library cards (Overview) --- */
  .SCSV3-PartnerHub_libraries {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .SCSV3-PartnerHub_library {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  .SCSV3-PartnerHub_library .SCSV3-PartnerHub_icon { width: 48px; height: 48px; background: var(--scsv3-surface); }
  .SCSV3-PartnerHub_libraryBody { flex: 1 1 auto; min-width: 0; }
  .SCSV3-PartnerHub_library .SCSV3-AccountCard_badge { margin: 0; flex-shrink: 0; }
  .SCSV3-PartnerHub_library > svg { color: var(--scsv3-brand-600); flex-shrink: 0; }

  /* --- Resource groups --- */
  .SCSV3-PartnerHub_groups {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    align-items: start;
  }
  .SCSV3-PartnerHub_group {
    padding: 20px 20px 10px;
    background: var(--scsv3-surface);
    border: 1px solid var(--scsv3-border);
    border-radius: var(--scsv3-radius-card);
  }
  .SCSV3-PartnerHub_groupHead {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
  }
  .SCSV3-PartnerHub_groupTitle {
    flex: 1 1 auto;
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--scsv3-text);
  }
  .SCSV3-PartnerHub_group .SCSV3-PartnerHub_links {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .SCSV3-PartnerHub_group .SCSV3-PartnerHub_links > li { margin: 0; padding: 0; }
  .SCSV3-PartnerHub_group .SCSV3-PartnerHub_links > li + li { border-top: 1px solid var(--scsv3-border); }
  .SCSV3-PartnerHub_link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 4px;
    font-size: 15px;
    font-weight: 500;
    color: var(--scsv3-text);
    text-decoration: none;
  }
  .SCSV3-PartnerHub_link:hover { color: var(--scsv3-link); text-decoration: none; }
  .SCSV3-PartnerHub_link > svg { color: var(--scsv3-text-faint); flex-shrink: 0; }
  .SCSV3-PartnerHub_linkLabel { flex: 1 1 auto; min-width: 0; }
  .SCSV3-PartnerHub_linkKind { font-size: 12px; color: var(--scsv3-text-faint); white-space: nowrap; }

  /* --- Videos --- */
  .SCSV3-PartnerHub_filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: var(--sc-spacing-large);
  }
  .SCSV3-PartnerHub_filters[hidden] { display: none; }
  .SCSV3-PartnerHub_filter {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid var(--scsv3-border);
    border-radius: var(--scsv3-radius-pill);
    background: var(--scsv3-surface);
    color: var(--scsv3-text-muted);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  }
  .SCSV3-PartnerHub_filter:hover { border-color: var(--scsv3-brand-300); color: var(--scsv3-text); }
  .SCSV3-PartnerHub_filter[aria-pressed="true"] {
    background: var(--scsv3-brand-600);
    border-color: var(--scsv3-brand-600);
    color: #fff;
  }
  .SCSV3-PartnerHub_filter:focus-visible { outline: 2px solid var(--scsv3-brand-500); outline-offset: 2px; }
  .SCSV3-PartnerHub_filterCount { font-weight: 500; opacity: 0.75; }

  .SCSV3-PartnerHub_gallery[hidden] { display: none; }

  .SCSV3-PartnerHub_videos {
    display: grid;
    gap: 24px 16px;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    align-items: start;
  }
  .SCSV3-PartnerVideo {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    margin: 0;
  }
  .SCSV3-PartnerVideo_title {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--scsv3-text);
  }
  .SCSV3-PartnerVideo_frame {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: var(--scsv3-radius-md);
    background: var(--scsv3-navy-900);
  }
  .SCSV3-PartnerVideo_frame iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

  @media (prefers-reduced-motion: reduce) {
    .SCSV3-PartnerHub_filter { transition: none; }
  }
</style>
<section class="SCSV3-Section SCSV3-Container">

<header class="SCSV3-AccountHeader">
  <p class="SCSV3-AccountHeader_eyebrow">Partner hub</p>
  <h1 class="SCSV3-AccountHeader_title">Partner resources</h1>
  <p class="SCSV3-AccountHeader_meta">Marketing materials, slide decks, logos, tutorials, documentation and support, all in one place.</p>
</header>

<nav class="SCSV3-Subnav" aria-label="Partner hub sections (locked)">
  <span class="SCSV3-Subnav_link is-current" aria-current="page">Overview</span>
  <span class="SCSV3-Subnav_link SCSV3-PhGate_tabLocked" aria-disabled="true"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> Resources <span class="SCSV3-AccountSection_count">19</span></span>
  <span class="SCSV3-Subnav_link SCSV3-PhGate_tabLocked" aria-disabled="true"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> Videos <span class="SCSV3-AccountSection_count">22</span></span>
</nav>

<div data-scsv3-ph-gate data-state="apply" data-signed-in="false" data-submitter-uuid="" data-hub-path="/account/partner-hub" data-sign-in-path="/auth/sign_in"><section class="SCSV3-PhGate_result SCSV3-PhGate_result-ok" data-result="instant" hidden aria-live="polite">
    <span class="SCSV3-PhGate_resultIcon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg></span>
    <div>
      <h2 class="SCSV3-AccountSection_title">Welcome aboard, <span data-fill="first">there</span>. You're in.</h2>
      <p><span data-fill="email"></span> matches <span data-fill="domain"></span>, so we're registering <span data-fill="company"></span> as a StoreConnect partner. Colleagues with an @<span data-fill="domain"></span> email can apply and get in straight away too.</p>
      <p class="SCSV3-PhGate_small">Log in with Google or Microsoft using <strong data-fill="email"></strong> to open the hub.</p>
      <a class="SCSV3-Btn SCSV3-Btn-primary" href="/auth/sign_in">Log in to the partner hub</a>
    </div>
  </section>
  <section class="SCSV3-PhGate_result SCSV3-PhGate_result-warn" data-result="pending" hidden aria-live="polite">
    <span class="SCSV3-PhGate_resultIcon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></span>
    <div>
      <h2 class="SCSV3-AccountSection_title">Thanks, <span data-fill="first">there</span>. Your application is with our partner team.</h2>
      <p data-fill="reason"></p>
      <ul class="SCSV3-PhGate_steps">
        <li>We'll review it within 1 to 2 business days.</li>
        <li>You'll get an email as soon as you're approved.</li>
        <li>For instant access, apply again with your work email address.</li>
      </ul>
    </div>
  </section>
  <section class="SCSV3-PhGate_result SCSV3-PhGate_result-ok" data-result="syncing" hidden aria-live="polite">
    <span class="SCSV3-PhGate_resultIcon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg></span>
    <div>
      <h2 class="SCSV3-AccountSection_title">We're setting up your access</h2>
      <p>We've got your application. It can take a minute to reach your account.</p>
      <button type="button" class="SCSV3-Btn SCSV3-Btn-outline" data-scsv3-phg-reload>Check again</button>
    </div>
  </section>

  <section class="SCSV3-PhGate" data-scsv3-phg-apply aria-labelledby="scsv3-phg-title">
    <div class="SCSV3-PhGate_pitch">
      <h2 class="SCSV3-PhGate_title" id="scsv3-phg-title">Unlock the partner hub</h2>
      <p>The hub is for registered StoreConnect partners. Apply below and you can get access straight away.</p>
      <ul class="SCSV3-PhGate_benefits">
        <li><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg> Sales decks, partner guides, logos and badges</li>
        <li><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg> 22 product demos, industry solutions and partner insights</li>
        <li><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg> Partner documentation, training and support</li>
        <li><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12l5 5L20 7"/></svg> Your company listed on storeconnect.com/partners</li>
      </ul>
      <div class="SCSV3-PhGate_rules">
        <div class="SCSV3-PhGate_rule SCSV3-PhGate_rule-ok">
          <svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M13 2L4 14h7l-1 8 9-12h-7l1-8z"/></svg>
          <div><strong>Instant access</strong>Use your work email. If its domain matches your company website (jane@acme.com and acme.com), you're registered automatically.</div>
        </div>
        <div class="SCSV3-PhGate_rule SCSV3-PhGate_rule-warn">
          <svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="18" height="18" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>
          <div><strong>Manual approval</strong>Personal addresses (Gmail, Outlook and similar) or emails on a different domain go to our partner team for review. This usually takes 1 to 2 business days.</div>
        </div>
      </div>
      <p class="SCSV3-PhGate_signin">Already a partner? <a href="/auth/sign_in">Log in</a> with your work email.</p>
    </div>
    <div class="SCSV3-PhGate_form">
      <form action="/form_submission" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="m6JpwAAwrKrlaTQIVq87dUVBod3quXZqFbTI4pUUqayrT4Men-8o0DKJKJDnjIAFqnG6gMekgVoTCD0f8F0x7w" /><input value="e9da0af1308d45b367cf2b2187add33e5392bbe1bcfb39171fb1633fee8f2e3d" type="hidden" name="_ufid" id="_ufid" /><input value="a4nRE000003mHCvYAM" type="hidden" name="form_sfid" id="form_sfid" />
        <input type="hidden" name="answers[a4lRE00000o5SIIYA2][answer]" data-scsv3-phg-payload>
        <input type="hidden" name="answers[a4lRE00000o5FkvYAE][answer]" data-scsv3-phg-readable>

        <h3 class="SCSV3-PartnerHub_groupTitle">Partner application</h3>
        <div class="SCSV3-FormGrid">
          <div class="SCSV3-FormField">
            <label for="phg-first" class="SCSV3-FormField_label">First name</label>
            <input type="text" id="phg-first" data-key="first_name" required autocomplete="given-name" class="SCSV3-FormField_input" value="">
          </div>
          <div class="SCSV3-FormField">
            <label for="phg-last" class="SCSV3-FormField_label">Last name</label>
            <input type="text" id="phg-last" data-key="last_name" required autocomplete="family-name" class="SCSV3-FormField_input" value="">
          </div>
          <div class="SCSV3-FormField">
            <label for="phg-email" class="SCSV3-FormField_label">Work email</label>
            <input type="email" id="phg-email" data-key="email" required autocomplete="email" placeholder="jane@acme.com" class="SCSV3-FormField_input" value="">
          </div>
          <div class="SCSV3-FormField">
            <label for="phg-website" class="SCSV3-FormField_label">Company website</label>
            <input type="text" inputmode="url" id="phg-website" data-key="website" required autocomplete="url" placeholder="acme.com" class="SCSV3-FormField_input" value="">
          </div>
          <div class="SCSV3-FormField SCSV3-FormField-wide">
            <p class="SCSV3-PhGate_domain" data-scsv3-phg-domain data-tone="idle" role="status" aria-live="polite">Enter your work email and company website to check for instant access.</p>
          </div>
          <div class="SCSV3-FormField">
            <label for="phg-company" class="SCSV3-FormField_label">Company name</label>
            <input type="text" id="phg-company" data-key="company" required autocomplete="organization" placeholder="Acme Consulting" class="SCSV3-FormField_input" value="">
          </div>
          <div class="SCSV3-FormField">
            <label for="phg-phone" class="SCSV3-FormField_label">Phone</label>
            <div class="SCSV3-PhGate_phone">
              <select id="phg-phone-code" data-key="phone_code" aria-label="Country code" class="SCSV3-FormField_input">
                <option value="">Code</option>
                <option value="+61">Australia (+61)</option>
                <option value="+64">New Zealand (+64)</option>
                <option value="+44">United Kingdom (+44)</option>
                <option value="+1">United States (+1)</option>
                <option value="+1">Canada (+1)</option>
                <option value="+65">Singapore (+65)</option>
                <option value="+91">India (+91)</option>
                <option value="+49">Germany (+49)</option>
                <option value="+33">France (+33)</option>
                <option value="+34">Spain (+34)</option>
                <option value="+39">Italy (+39)</option>
                <option value="+46">Sweden (+46)</option>
                <option value="+47">Norway (+47)</option>
                <option value="+41">Switzerland (+41)</option>
                <option value="+971">United Arab Emirates (+971)</option>
                <option value="+81">Japan (+81)</option>
                <option value="+82">South Korea (+82)</option>
                <option value="+86">China (+86)</option>
                <option value="+55">Brazil (+55)</option>
                <option value="+52">Mexico (+52)</option>
                <option value="Other">Other (include code in number)</option>
              </select>
              <input type="tel" id="phg-phone" data-key="phone" required autocomplete="tel-national" placeholder="412 345 678" class="SCSV3-FormField_input" value="">
            </div>
          </div>
          <div class="SCSV3-FormField">
            <label for="phg-country" class="SCSV3-FormField_label">Country</label>
            <input type="text" id="phg-country" data-key="country" required autocomplete="country-name" placeholder="Australia" class="SCSV3-FormField_input">
          </div>
          <div class="SCSV3-FormField">
            <label for="phg-type" class="SCSV3-FormField_label">Type of partner</label>
            <select id="phg-type" data-key="partner_type" required class="SCSV3-FormField_input">
              <option value="">Select partner type…</option>
              <option>Salesforce Partner</option>
              <option>Integration Partner</option>
              <option>ISV Partner</option>
              <option>UX Partner</option>
              <option>Business Partner</option>
              <option>Other Partner</option>
            </select>
          </div>
          <div class="SCSV3-FormField SCSV3-FormField-wide">
            <label for="phg-notes" class="SCSV3-FormField_label">Anything you want us to know? <span class="SCSV3-FormField_hint">(optional)</span></label>
            <textarea id="phg-notes" data-key="notes" rows="3" placeholder="Tell us about your experience, certifications, or goals…" class="SCSV3-FormField_input"></textarea>
          </div>
          <div class="SCSV3-FormField SCSV3-FormField-wide">
            <label class="SCSV3-PhGate_terms"><input type="checkbox" id="phg-terms" data-key="terms" required> I accept the <a href="https://storeconnect.com/policies/partner-program-terms-and-conditions" target="_blank" rel="noopener">partner program terms and conditions</a></label>
          </div>
        </div>

        <p class="SCSV3-FormFlash SCSV3-FormFlash-error" data-scsv3-phg-error role="alert" hidden></p>
        <div class="SCSV3-FormActions">
          <button type="submit" class="SCSV3-Btn SCSV3-Btn-primary" data-scsv3-phg-submit>Apply and unlock the hub</button>
        </div>
      </form>
    </div>
  </section><section class="SCSV3-PartnerHub_section" aria-labelledby="scsv3-phg-quick">
    <div class="SCSV3-PartnerHub_sectionHead">
      <h2 class="SCSV3-AccountSection_title" id="scsv3-phg-quick">Quick links</h2>
    </div>
    <div class="SCSV3-AccountCards">
      <div class="SCSV3-AccountCard SCSV3-PhGate_locked">
        <div class="SCSV3-PartnerHub_cardTop">
          <span class="SCSV3-PartnerHub_icon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="" height="" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="5" y="3" width="14" height="18" rx="2"/><path d="M9 3v2h6V3"/><path d="M9 11h6M9 15h4"/></svg></span>
          <span class="SCSV3-PhGate_lockBadge"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> Partners</span>
        </div>
        <p class="SCSV3-AccountCard_title">Partner Capability Survey</p>
        <p class="SCSV3-AccountCard_summary SCSV3-PhGate_blur" aria-hidden="true">Register your team&#39;s skills and delivery experience.</p>
      </div>
      <div class="SCSV3-AccountCard SCSV3-PhGate_locked">
        <div class="SCSV3-PartnerHub_cardTop">
          <span class="SCSV3-PartnerHub_icon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="" height="" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="7.5" cy="15.5" r="5.5"/><path d="m21 2-9.6 9.6"/><path d="m15.5 7.5 3 3L22 7l-3-3"/></svg></span>
          <span class="SCSV3-PhGate_lockBadge"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> Partners</span>
        </div>
        <p class="SCSV3-AccountCard_title">Free Partner Store License</p>
        <p class="SCSV3-AccountCard_summary SCSV3-PhGate_blur" aria-hidden="true">Apply for a free StoreConnect Partner Single Store License.</p>
      </div>
      <div class="SCSV3-AccountCard SCSV3-PhGate_locked">
        <div class="SCSV3-PartnerHub_cardTop">
          <span class="SCSV3-PartnerHub_icon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="" height="" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M22 10 12 5 2 10l10 5 10-5z"/><path d="M6 12v5c3 2 9 2 12 0v-5"/></svg></span>
          <span class="SCSV3-PhGate_lockBadge"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> Partners</span>
        </div>
        <p class="SCSV3-AccountCard_title">StoreConnect Academy</p>
        <p class="SCSV3-AccountCard_summary SCSV3-PhGate_blur" aria-hidden="true">Self-paced training and partner certification.</p>
      </div>
      <div class="SCSV3-AccountCard SCSV3-PhGate_locked">
        <div class="SCSV3-PartnerHub_cardTop">
          <span class="SCSV3-PartnerHub_icon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="" height="" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M2 4h7a3 3 0 0 1 3 3v13a2 2 0 0 0-2-2H2z"/><path d="M22 4h-7a3 3 0 0 0-3 3v13a2 2 0 0 1 2-2h8z"/></svg></span>
          <span class="SCSV3-PhGate_lockBadge"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> Partners</span>
        </div>
        <p class="SCSV3-AccountCard_title">Support &amp; Documentation</p>
        <p class="SCSV3-AccountCard_summary SCSV3-PhGate_blur" aria-hidden="true">Product guides, help articles and release notes.</p>
      </div>
      <div class="SCSV3-AccountCard SCSV3-PhGate_locked">
        <div class="SCSV3-PartnerHub_cardTop">
          <span class="SCSV3-PartnerHub_icon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="" height="" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="m8 8-5 4 5 4"/><path d="m16 8 5 4-5 4"/><path d="m14 4-4 16"/></svg></span>
          <span class="SCSV3-PhGate_lockBadge"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> Partners</span>
        </div>
        <p class="SCSV3-AccountCard_title">GitHub Themes</p>
        <p class="SCSV3-AccountCard_summary SCSV3-PhGate_blur" aria-hidden="true">Starter themes and code samples on GitHub.</p>
      </div>
      <div class="SCSV3-AccountCard SCSV3-PhGate_locked">
        <div class="SCSV3-PartnerHub_cardTop">
          <span class="SCSV3-PartnerHub_icon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="" height="" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="9"/><path d="m10 8 6 4-6 4z"/></svg></span>
          <span class="SCSV3-PhGate_lockBadge"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg> Partners</span>
        </div>
        <p class="SCSV3-AccountCard_title">How-to Videos</p>
        <p class="SCSV3-AccountCard_summary SCSV3-PhGate_blur" aria-hidden="true">Short tutorials covering everyday tasks.</p>
      </div>
    </div>
  </section>
  <section class="SCSV3-PartnerHub_section" aria-labelledby="scsv3-phg-latest">
    <div class="SCSV3-PartnerHub_sectionHead">
      <h2 class="SCSV3-AccountSection_title" id="scsv3-phg-latest">Latest Partner Insights</h2>
      <span class="SCSV3-AccountSection_count">22 videos</span>
    </div>
    <div class="SCSV3-PartnerHub_videos">
      <div class="SCSV3-PartnerVideo">
        <div class="SCSV3-PartnerVideo_frame SCSV3-PhGate_frame"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg></div>
        <span class="SCSV3-PartnerVideo_title">August 2026</span>
      </div>
      <div class="SCSV3-PartnerVideo">
        <div class="SCSV3-PartnerVideo_frame SCSV3-PhGate_frame"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg></div>
        <span class="SCSV3-PartnerVideo_title">June 2026</span>
      </div>
      <div class="SCSV3-PartnerVideo">
        <div class="SCSV3-PartnerVideo_frame SCSV3-PhGate_frame"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg></div>
        <span class="SCSV3-PartnerVideo_title">May 2026</span>
      </div>
    </div>
  </section>

  <section class="SCSV3-PartnerHub_section" aria-labelledby="scsv3-phg-browse">
    <div class="SCSV3-PartnerHub_sectionHead">
      <h2 class="SCSV3-AccountSection_title" id="scsv3-phg-browse">Browse the libraries</h2>
    </div>
    <div class="SCSV3-PartnerHub_libraries">
      <div class="SCSV3-AccountCard SCSV3-AccountCard-feature SCSV3-PartnerHub_library SCSV3-PhGate_locked">
        <span class="SCSV3-PartnerHub_icon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="" height="" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/></svg></span>
        <span class="SCSV3-PartnerHub_libraryBody">
          <span class="SCSV3-AccountCard_title" style="display: block">Resource library</span>
          <span class="SCSV3-AccountCard_summary" style="display: block">Decks, partner guides, logos and badges</span>
        </span>
        <span class="SCSV3-AccountCard_badge">19 items</span>
        <span class="SCSV3-PhGate_lockBadge"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg></span>
      </div>
      <div class="SCSV3-AccountCard SCSV3-AccountCard-feature SCSV3-PartnerHub_library SCSV3-PhGate_locked">
        <span class="SCSV3-PartnerHub_icon"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="" height="" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" focusable="false"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M7 3v18M17 3v18M3 8h4M3 16h4M17 8h4M17 16h4"/></svg></span>
        <span class="SCSV3-PartnerHub_libraryBody">
          <span class="SCSV3-AccountCard_title" style="display: block">Video library</span>
          <span class="SCSV3-AccountCard_summary" style="display: block">Overviews, demos, industry solutions and insights</span>
        </span>
        <span class="SCSV3-AccountCard_badge">22 videos</span>
        <span class="SCSV3-PhGate_lockBadge"><svg class="SCSV3-PartnerHub_svg" viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="5" y="11" width="14" height="10" rx="2"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></svg></span>
      </div>
    </div>
  </section>
</div>
</section>

<style>
  .SCSV3-PhGate_tabLocked { color: var(--scsv3-text-faint); cursor: default; display: inline-flex; align-items: center; gap: 6px; }

  .SCSV3-PhGate {
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
    padding: 24px;
    margin: 0 0 var(--sc-spacing-xlarge);
    background: var(--scsv3-surface);
    border: 1px solid var(--scsv3-border);
    border-radius: var(--scsv3-radius-card);
  }
  @media (max-width: 900px) { .SCSV3-PhGate { grid-template-columns: 1fr; padding: 20px; } }
  .SCSV3-PhGate_title { margin: 0 0 8px; font-size: 22px; font-weight: 700; color: var(--scsv3-text); text-wrap: balance; }
  .SCSV3-PhGate_pitch > p { margin: 0 0 14px; color: var(--scsv3-text-muted); }
  .SCSV3-PhGate_benefits { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 8px; font-size: 14px; color: var(--scsv3-text); }
  .SCSV3-PhGate_benefits li { display: flex; gap: 10px; align-items: flex-start; margin: 0; }
  .SCSV3-PhGate_benefits svg { flex-shrink: 0; margin-top: 2px; color: var(--scsv3-brand-500); }
  .SCSV3-PhGate_rules { display: grid; gap: 8px; margin: 0 0 16px; }
  .SCSV3-PhGate_rule { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: var(--scsv3-radius-md); border: 1px solid; font-size: 13.5px; line-height: 1.45; }
  .SCSV3-PhGate_rule strong { display: block; font-size: 14px; }
  .SCSV3-PhGate_rule svg { flex-shrink: 0; margin-top: 1px; }
  .SCSV3-PhGate_rule-ok, .SCSV3-PhGate_domain[data-tone="ok"], .SCSV3-PhGate_result-ok { background: #e7f5ee; color: #17603f; border-color: #9fd6b9; }
  .SCSV3-PhGate_rule-warn, .SCSV3-PhGate_domain[data-tone="warn"], .SCSV3-PhGate_result-warn { background: #fdf3e2; color: #8a5300; border-color: #f0cf93; }
  :root[data-theme="dark"] .SCSV3-PhGate_rule-ok,
  :root[data-theme="dark"] .SCSV3-PhGate_domain[data-tone="ok"],
  :root[data-theme="dark"] .SCSV3-PhGate_result-ok { background: rgba(52, 168, 110, 0.14); color: #8fe0b6; border-color: rgba(52, 168, 110, 0.4); }
  :root[data-theme="dark"] .SCSV3-PhGate_rule-warn,
  :root[data-theme="dark"] .SCSV3-PhGate_domain[data-tone="warn"],
  :root[data-theme="dark"] .SCSV3-PhGate_result-warn { background: rgba(240, 170, 60, 0.13); color: #f5c77a; border-color: rgba(240, 170, 60, 0.4); }
  .SCSV3-PhGate_signin { margin: 0; padding-top: 14px; border-top: 1px solid var(--scsv3-border); font-size: 14px; color: var(--scsv3-text-muted); }

  .SCSV3-PhGate_domain { margin: 0; padding: 9px 12px; border-radius: 10px; border: 1px solid; font-size: 13px; }
  .SCSV3-PhGate_domain[data-tone="idle"] { background: var(--scsv3-surface-muted); color: var(--scsv3-text-faint); border-color: var(--scsv3-border); }
  .SCSV3-PhGate_phone { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: 8px; }
  /* Inputs and selects carry an intrinsic width that overflows a grid track unless reset. */
  .SCSV3-PhGate_phone > * { min-width: 0; width: 100%; }
  .SCSV3-PhGate_terms { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; color: var(--scsv3-text); }
  .SCSV3-PhGate_terms input { margin-top: 3px; flex-shrink: 0; }
  .SCSV3-PhGate_form input[readonly] { background: var(--scsv3-surface-muted); color: var(--scsv3-text-muted); }

  .SCSV3-PhGate_result { display: flex; gap: 16px; align-items: flex-start; padding: 22px; margin: 0 0 var(--sc-spacing-xlarge); border: 1px solid; border-radius: var(--scsv3-radius-card); }
  .SCSV3-PhGate_result[hidden] { display: none; }
  .SCSV3-PhGate_result p { margin: 0 0 10px; color: var(--scsv3-text-muted); max-width: 65ch; }
  .SCSV3-PhGate_result .SCSV3-AccountSection_title { margin: 0 0 6px; }
  .SCSV3-PhGate_resultIcon { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--scsv3-surface); }
  .SCSV3-PhGate_small { font-size: 14px; }
  .SCSV3-PhGate_steps { margin: 0 0 4px; padding-left: 20px; color: var(--scsv3-text-muted); font-size: 14px; }

  .SCSV3-PhGate_locked { cursor: default; }
  .SCSV3-PhGate_locked:hover { transform: none; box-shadow: none; }
  .SCSV3-PhGate_lockBadge { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--scsv3-text-faint); flex-shrink: 0; }
  .SCSV3-PhGate_blur { filter: blur(3px); opacity: 0.6; user-select: none; }
  .SCSV3-PhGate_frame { display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.7); background: linear-gradient(135deg, var(--scsv3-brand-900), var(--scsv3-brand-500)); }
  .SCSV3-PhGate_frame svg { width: 28px; height: 28px; }
</style>

<script>
  (function () {
    var root = document.querySelector('[data-scsv3-ph-gate]');
    if (!root || root.dataset.ready === '1') { return; }
    root.dataset.ready = '1';
    if (root.dataset.state !== 'apply') { return; }

    // Keep in step with FREE_MAIL in Scsv3PartnerApplicationInvocable.
    var FREE_MAIL = ['gmail.com', 'googlemail.com', 'outlook.com', 'hotmail.com', 'live.com', 'msn.com',
      'yahoo.com', 'ymail.com', 'icloud.com', 'me.com', 'mac.com', 'aol.com', 'proton.me',
      'protonmail.com', 'gmx.com', 'gmx.net', 'mail.com', 'zoho.com', 'yandex.com',
      'qq.com', '163.com', 'bigpond.com', 'optusnet.com.au', 'hotmail.co.uk', 'yahoo.co.uk'];
    var STORE_KEY = 'scsv3-partner-application';
    var signedIn = root.dataset.signedIn === 'true';
    var apply = root.querySelector('[data-scsv3-phg-apply]');
    var form = apply && apply.querySelector('form');

    function read() { try { return JSON.parse(sessionStorage.getItem(STORE_KEY) || 'null'); } catch (e) { return null; } }
    function save(v) { try { sessionStorage.setItem(STORE_KEY, JSON.stringify(v)); } catch (e) {} }

    function emailDomain(v) { v = (v || '').trim().toLowerCase(); var at = v.lastIndexOf('@'); return at > -1 ? v.slice(at + 1) : ''; }
    function webDomain(v) {
      v = (v || '').trim().toLowerCase();
      if (!v) { return ''; }
      return v.replace(/^[a-z]+:\/\//, '').replace(/^www\./, '').split(/[\/?#:]/)[0];
    }
    function check(email, website) {
      var e = emailDomain(email), w = webDomain(website);
      var r = { e: e, w: w, ready: !!(e && w), ok: false, reason: '' };
      if (!r.ready) { return r; }
      if (FREE_MAIL.indexOf(e) > -1) {
        r.reason = e + ' is a personal email address, so our partner team needs to confirm you work for this company.';
      } else if (e === w || e.slice(-(w.length + 1)) === '.' + w) {
        r.ok = true;
      } else {
        r.reason = e + " doesn't match " + w + ', so our partner team needs to confirm you work for this company.';
      }
      return r;
    }

    function fill(section, data) {
      section.querySelectorAll('[data-fill]').forEach(function (el) {
        var v = data[el.getAttribute('data-fill')];
        if (v) { el.textContent = v; }
      });
    }
    function showResult(kind, data) {
      if (apply) { apply.hidden = true; }
      var section = root.querySelector('[data-result="' + kind + '"]');
      if (!section) { return; }
      fill(section, data || {});
      section.hidden = false;
    }

    // A recent submission that hasn't reached this account yet.
    var recent = read();
    if (recent && Date.now() - recent.at < 10 * 60 * 1000) {
      showResult(signedIn ? 'syncing' : recent.kind, recent.data);
    }
    root.querySelectorAll('[data-scsv3-phg-reload]').forEach(function (b) {
      b.addEventListener('click', function () { window.location.reload(); });
    });

    if (!form) { return; }
    var email = form.querySelector('[data-key="email"]');
    var website = form.querySelector('[data-key="website"]');
    var hint = form.querySelector('[data-scsv3-phg-domain]');
    var errorEl = form.querySelector('[data-scsv3-phg-error]');
    var submit = form.querySelector('[data-scsv3-phg-submit]');

    function updateHint() {
      var r = check(email.value, website.value);
      if (!r.ready) {
        hint.dataset.tone = 'idle';
        hint.textContent = 'Enter your work email and company website to check for instant access.';
      } else if (r.ok) {
        hint.dataset.tone = 'ok';
        hint.textContent = r.e + ' matches ' + r.w + '. You will get instant access.';
      } else {
        hint.dataset.tone = 'warn';
        hint.textContent = FREE_MAIL.indexOf(r.e) > -1
          ? r.e + ' is a personal email, so this will need approval.' + (signedIn ? '' : ' Use your @' + r.w + ' address for instant access.')
          : r.e + " doesn't match " + r.w + ', so this will need approval (1 to 2 business days).';
      }
      return r;
    }
    email.addEventListener('input', updateHint);
    website.addEventListener('input', updateHint);
    updateHint();

    function collect() {
      var data = { submitter_uuid: root.dataset.submitterUuid || '' };
      form.querySelectorAll('[data-key]').forEach(function (el) {
        data[el.dataset.key] = el.type === 'checkbox' ? el.checked : (el.value || '').trim();
      });
      return data;
    }
    function readable(data) {
      var lines = [];
      form.querySelectorAll('.SCSV3-FormField').forEach(function (field) {
        var label = field.querySelector('label');
        if (!label) { return; }
        var values = [];
        field.querySelectorAll('input, select, textarea').forEach(function (el) {
          if (el.type === 'checkbox') { values.push(el.checked ? 'Yes' : 'No'); return; }
          var v = el.tagName === 'SELECT' ? (el.value ? el.options[el.selectedIndex].text : '') : el.value.trim();
          if (v) { values.push(v); }
        });
        lines.push(label.textContent.replace(/\s+/g, ' ').trim() + '\n' + (values.length ? values.join(' ') : '—'));
      });
      lines.push('Signed in when applying\n' + (signedIn ? 'Yes' : 'No'));
      return lines.join('\n\n');
    }

    form.addEventListener('submit', function (e) {
      e.preventDefault();
      if (!form.checkValidity()) {
        errorEl.hidden = false;
        errorEl.textContent = 'Please fill in the required fields and accept the partner program terms.';
        form.reportValidity();
        return;
      }
      errorEl.hidden = true;
      var data = collect();
      var r = check(data.email, data.website);
      form.querySelector('[data-scsv3-phg-payload]').value = JSON.stringify(data);
      form.querySelector('[data-scsv3-phg-readable]').value = readable(data);
      submit.disabled = true;
      submit.textContent = 'Sending…';
      fetch(form.action, { method: form.method || 'POST', body: new FormData(form), credentials: 'same-origin', redirect: 'manual' })
        .then(function (res) {
          if (res.type !== 'opaqueredirect' && !res.ok) { throw new Error('HTTP ' + res.status); }
          var kind = r.ok ? 'instant' : 'pending';
          var shown = { first: data.first_name, email: data.email, domain: r.w, company: data.company, reason: r.reason };
          save({ at: Date.now(), kind: kind, data: shown });
          showResult(kind, shown);
          root.scrollIntoView({ behavior: 'smooth', block: 'start' });
        })
        .catch(function () {
          submit.disabled = false;
          submit.textContent = 'Apply and unlock the hub';
          errorEl.hidden = false;
          errorEl.textContent = "We couldn't send your application just now. Please try again, or email partners@storeconnect.com.";
        });
    });
  })();
</script>