<p>&nbsp;</p>
<div style="background: rgb(%%BG_RGB%%); border: 1px solid rgba(255,255,255,0.1); padding: 24px 20px 28px; border-radius: 18px; width: 90%; max-width: 640px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; color: #e5e7eb; box-shadow: 0 18px 45px rgba(0,0,0,0.55);">

  <div style="text-align: center; margin-bottom: 20px;">
    <img src="%%LogoImageUrl%%" alt="%%LogoImageAlt%%" style="width: 90%; height: auto; display: inline-block;" />
  </div>

  <div style="text-align: center; margin-bottom: 8px;">
    <span style="font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; color: #6b7280;">Your trial is ready</span>
  </div>
  
  <h1 style="margin: 6px 0 18px; font-size: 24px; line-height: 1.3; text-align: center; color: #f9fafb; font-weight: 600;">
    Hi <strong>%%License.username%%</strong>, here&apos;s your <span style="color: rgb(%%ACCENT_RGB%%);">%%APPNAME%%</span> trial license
  </h1>

  <p style="font-size: 15px; line-height: 1.7; color: #d1d5db; margin: 0 0 18px;">
    This is your <strong>%%APPNAME%%</strong> trial serial number. Keep it safe and use it to unlock the app:
  </p>

  <div style="background: radial-gradient(circle at top left, rgb(%%ACCENT_RGB%%) 0, rgb(%%BG_RGB%%) 60%); border-radius: 14px; padding: 18px 16px; margin: 0 0 18px; text-align: center; border: 1px solid rgba(%%ACCENT_RGB%%, 0.7);">
    
    <div style="font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.8); margin-bottom: 6px;">
      Trial serial number
    </div>
    
    <div style="display: inline-block; background: rgba(0,0,0,0.3); padding: 10px 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.2);">
      <span style="font-size: 22px; line-height: 1.4; color: #ffffff; font-weight: 700; font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; letter-spacing: 0.08em;">
        %%License.serialId%%
      </span>
    </div>
    
    <div style="margin-top: 10px; font-size: 13px; color: #e5e7eb;">
      <em>This license expires on <strong>%%License.expDate%%</strong></em>
    </div>
  </div>

  <p style="font-size: 14px; line-height: 1.7; color: #d1d5db; margin: 0 0 12px;">
    Copy the serial above and paste it <strong>as-is</strong> into the Trial Serial Number window in your software.
  </p>
  <p style="font-size: 13px; line-height: 1.7; color: #9ca3af; margin: 0 0 20px;">
    If something doesn&apos;t work as expected, don&apos;t worry: just try again or type the serial manually. Some email apps can occasionally cause issues when copying and pasting.
  </p>

  <div style="text-align: center; margin: 0 0 22px;">
    <a href="%%DOWNLOADAPP%%" title="Download the latest version of the app" target="_blank" rel="noopener"
       style="display: inline-block; padding: 12px 26px; border-radius: 999px; background: rgb(%%ACCENT_RGB%%); color: #0b1120; font-size: 14px; font-weight: 600; text-decoration: none; letter-spacing: 0.04em; text-transform: uppercase; border: 1px solid rgba(255,255,255,0.2);">
      Download / update your app
    </a>
    <div style="margin-top: 8px; font-size: 11px; color: #9ca3af;">
      <em>Current build: %%BUILD%%</em>
    </div>
  </div>

  <div style="border-top: 1px solid rgba(255,255,255,0.1); padding-top: 18px; margin-top: 4px;">
    <p style="font-size: 14px; line-height: 1.7; color: #d1d5db; margin: 0 0 6px;">
      Need help or have questions? Just write us at
      <a href="mailto:support@ulti.media" style="color: rgb(%%ACCENT_RGB%%); text-decoration: none; font-weight: 500;">support@ulti.media</a>.
    </p>
    <p style="font-size: 12px; line-height: 1.6; color: #9ca3af; margin: 0;">
      We usually reply very quickly on weekdays (Monday through Friday) from 9:00 a.m. to 6:00 p.m. CET (Europe time).
    </p>
  </div>

  <div style="text-align: center; margin-top: 26px;">
    <img src="https://f001.backblazeb2.com/file/GIFanimate/ultimedia_logo.anim.gif"
         alt="Ulti.Media Logo"
         style="display: block; margin: 0 auto 8px; width: 54px; height: auto;" />
    <div style="font-size: 11px; color: #6b7280; line-height: 1.6;">
      Copyright 2017-%%YEAR%% <a href="https://ulti.media" target="_blank" rel="noopener" style="color: #9ca3af; text-decoration: none;">Ulti.Media</a><br />
      All rights reserved.
    </div>
  </div>

</div>
