Email sent from Help Scout to a Trial user

Help Scout Trial user

@uifeed.com
Subscribed 5 years ago
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   What's trending in your queue? Topics can tell you.
  </title>
  <meta content="What's trending in your queue? Topics can tell you." property="og:title"/>
  <meta content="What's trending in your queue? Topics can tell you." name="twitter:title"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <style>
   a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
  </style>
  <!-- $$__SECOND_PASS_CSS_HEAD__$$ -->
  <!--[if gte mso 9]>
  <xml>
    <o:OfficeDocumentSettings>
      <o:AllowPNG/>
      <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    <w:WordDocument xmlns:w="urn:schemas-microsoft-com:office:word">
      <w:DontUseAdvancedTypographyReadingMail/>
    </w:WordDocument>
  </xml>
  
  <style>
    ul > li {
      text-indent: -1em;
    }
  </style>
<![endif]-->
  <!--[if mso]>
<style type="text/css">
 body, td {font-family: Arial, Helvetica, sans-serif;}
 .hse-body-wrapper-table {background-color: #ffffff;}
</style>
<![endif]-->
  <!--[if mso | IE]>
  <style type="text/css">
    .hse-column-container { border: none !important; padding: 0 !important; }
  </style>
<![endif]-->
  <meta content="HubSpot" name="generator"/>
  <meta content="https://email.helpscout.com/whats-trending-in-your-queue-topics-can-tell-you" property="og:url"/>
  <meta content="noindex,follow" name="robots"/>
  <!--[if !((mso)|(IE))]><!-- -->
  <style type="text/css">
   @media only screen and (max-width:639px){img.stretch-on-mobile,.hs_rss_email_entries_table img,.hs-stretch-cta .hs-cta-img{height:auto !important;width:100% !important}
.display_block_on_small_screens{display:block}.hs_padded{padding-left:20px !important;padding-right:20px !important}
.hs-hm,table.hs-hm{display:none}.hs-hd{display:block !important}table.hs-hd{display:table !important}
}@media only screen and (max-width:639px){.hse-border-m{border-left:1px solid #f1f3f5 !important;border-right:1px solid #f1f3f5 !important;box-sizing:border-box}
.hse-border-bottom-m{border-bottom:1px solid #f1f3f5 !important}.hse-border-top-m{border-top:1px solid #f1f3f5 !important}
.hse-border-top-hm{border-top:none !important}.hse-border-bottom-hm{border-bottom:none !important}
}@media only screen and (max-width:639px){ #section-0 .hse-column-container{padding-top:0px !important;padding-bottom:0px !important;background-color:transparent !important}
#section-0{background-color:#fff !important} }
  </style>
  <!--<![endif]-->
  <style type="text/css">
   #hs_body #hs_cos_wrapper_main a[x-apple-data-detectors]{color:inherit !important;text-decoration:none !important;font-size:inherit !important;font-family:inherit !important;font-weight:inherit !important;line-height:inherit !important}
a{text-decoration:underline}p{margin:0}body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;moz-osx-font-smoothing:grayscale}
table{border-spacing:0;mso-table-lspace:0;mso-table-rspace:0}table,td{border-collapse:collapse}
img{-ms-interpolation-mode:bicubic}p,a,li,td,blockquote{mso-line-height-rule:exactly}
.ShadowHTML p,.sh-modified-inline p{margin:0}
  </style>
 </head>
 <body bgcolor="#ffffff" id="hs_body" style="margin:0 !important; padding:0 !important; font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
  <div id="preview_text" lang="en" style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   Inside: Find out what’s driving support volume with a brand new feature. Plus, pick up some fresh workflow inspiration. ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏  ͏                                                                                                                                                                                                   
  </div>
  <!--[if gte mso 9]>
<v:background xmlns:v="urn:schemas-microsoft-com:vml" fill="t">
    <v:fill type="tile" size="100%,100%" color="#ffffff"/>
</v:background>
<![endif]-->
  <div bgcolor="#ffffff" class="hse-body-background" lang="en" style="background-color:#ffffff">
   <table cellpadding="0" cellspacing="0" class="hse-body-wrapper-table" height="100%" role="presentation" style="margin:0; padding:0; width:100% !important; min-width:320px !important; height:100% !important" width="100%">
    <tbody>
     <tr>
      <td class="hse-body-wrapper-td" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word" valign="top">
       <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_dnd_area" data-hs-cos-general-type="widget" data-hs-cos-type="dnd_area" id="hs_cos_wrapper_main" style="color: inherit; font-size: inherit; line-height: inherit;">
        <div bgcolor="#ffffff" class="hse-section hse-section-full-width" id="section-0" style="padding-left:10px; padding-right:10px; padding:0; background-color:#ffffff">
         <!--[if gte mso 9]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%" style="width:100%" bgcolor="#ffffff"><tbody><tr><td valign="top"><![endif]-->
         <div class="hse-column-container" style="min-width:280px; max-width:100%; margin:0">
          <!--[if (mso)|(IE)]>
      <table align="center" style="width:100%;" cellpadding="0" cellspacing="0" role="presentation">
      <tr>
    <![endif]-->
          <!--[if (mso)|(IE)]>
  <td valign="top" style="width:100%;">
<![endif]-->
          <!--[if gte mso 9]>
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="width:100%">
<![endif]-->
          <div class="hse-column" id="column-0-0">
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-0" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Header Module -->
            <!-- Notes: -->
            <!--
- Logo images have a "glow" effect behind them and custome sizing as a result
- Sits inside of a 600px container area with 10px of horizontal padding
- Note that even with a background of "none" we force a white background
-->
            <!-- 30px of space above header -->
            <div class="spacer" style="line-height:30px; height:30px; mso-line-height-rule: exactly; width: 100%;">
            </div>
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100%; max-width: 600px; border-collapse: collapse;
        
         background: url('https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhubfs%252Fffffff.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMDc2MjgxfQ:1wZBfI:wvVP9dga9z4WkaSnhbdTzABc9nfPXTCvCeB1uWangus') repeat !important;
         background-color: #ffffff !important;                                                                                                           
        
        
        
                                                                                  
       ">
                 <tbody>
                  <tr>
                   <!--Logo and background image -->
                   <td align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:center; padding:10px 0px">
                    <img alt="FullLogo-White" height="96" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FFullLogo-White.png%253Fwidth%253D1012%2526height%253D392%2526upscale%253Dtrue%2526name%253DFullLogo-White.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMDk5NDAwNX0:1wZBfI:Kz5I8dBLAn3yXf8ppsRowqSADDPZUAQr6YHRp_G8gvs" style="outline:none; text-decoration:none; height:96px; width:auto" width="auto"/>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17521747440701" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Text Module -->
            <!-- Notes: -->
            <!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal; 
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important; 
text-decoration: none !important; 
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
                    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_17521747440701_" style="color: inherit; font-size: inherit; line-height: inherit;">
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      Hello again!
                     </p>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      This week, we’re talking workflow inspiration, a brand new feature that helps you spot recurring issues before they become problems, and how to host live classes that won’t put your customers to sleep.
                     </p>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      Let’s get into it.
                     </p>
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-richtext-wrapper p {margin-bottom: 18px !important; }
  .hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
  .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
  .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
  .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h1 a { color: #131B24 !important; }
  .hs-richtext-wrapper h2 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h2 a { color: #131B24 !important; }
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper {
     padding: 0px 25px 12px 25px !important;
    }
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper {
     padding: 0px 50px 12px 50px !important;
    }
  }
            </style>
           </div>
           <table cellpadding="0" cellspacing="0" class="" role="presentation" style="" width="100%">
            <tbody>
             <tr>
              <td class="hs_padded" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 20px 10px">
               <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458464163356" style="color: inherit; font-size: inherit; line-height: inherit;">
                <!--Help Scout - Text Module -->
                <!-- Notes: -->
                <!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal; 
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important; 
text-decoration: none !important; 
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
                <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
                 <tbody>
                  <tr>
                   <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                    <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
        
        
        
        ">
                     <tbody>
                      <tr>
                       <td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
                        <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_17458464163356_" style="color: inherit; font-size: inherit; line-height: inherit;">
                         <h2 style="margin:0; line-height:1.3 !important; font-size:24px !important; margin-top:30px; margin-bottom:15px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#131b24 !important; font-style:normal; font-weight:normal">
                          Fresh content: How Freightzy saves dozens of hours with workflows
                         </h2>
                        </div>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
                <!--[if true]>
</td></tr></table>
<![endif]-->
                <style type="text/css">
                 .hs-richtext-wrapper p {margin-bottom: 18px !important; }
  .hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
  .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
  .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
  .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h1 a { color: #131B24 !important; }
  .hs-richtext-wrapper h2 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h2 a { color: #131B24 !important; }
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper {
     padding: 0px 25px 12px 25px !important;
    }
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper {
     padding: 0px 50px 12px 50px !important;
    }
  }
                </style>
               </div>
              </td>
             </tr>
            </tbody>
           </table>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458463770445" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Banner Image -->
            <!-- Notes: -->
            <!-- 
- Banner image is 600 x 338 in dimensions
- Decided against a border radius in image due to conflicts in dark mode
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px 30px 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse; border-radius: 6px; overflow: hidden;
        
        
        
      ">
                 <tbody>
                  <tr>
                   <td align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:center; width:100%" width="100%">
                    <!-- Featured Image -->
                    <!-- Conditionally insert link around image -->
                    <a data-hs-link-id="0" data-hs-link-id-v2="s9idYhRG" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
                     <img alt="How Freightzy saves dozens of hours with workflows" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FFreightzy%2520-%2520Article.jpg%253Fwidth%253D1200%2526height%253D676%2526upscale%253Dtrue%2526name%253DFreightzy%2520-%2520Article.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMDk5OTAxMn0:1wZBfI:JCHfUbmVfwoeMC7ykQVralqs0lQgHJ5MvGMBYhBp-NM" style="outline:none; text-decoration:none; border:none; width:100%; height:auto; display:block" width="600"/>
                     <!-- Conditionally close link tag -->
                    </a>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458464279247" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Text Module -->
            <!-- Notes: -->
            <!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal; 
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important; 
text-decoration: none !important; 
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
                    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_17458464279247_" style="color: inherit; font-size: inherit; line-height: inherit;">
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      If you’re curious to see how other companies are using Help Scout, look no further than our latest customer story on Freightzy, a logistics firm that needed a solution for their rapidly growing support volume.
                     </p>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      Since switching from HubSpot Service Hub in late 2025, they’ve already built out 30+ workflows to help automate everything from processing invoices to collecting reviews. (Including one idea worth stealing that’s already saving their team 6 hours a week.)
                     </p>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      Whether you’re looking for ideas for your own account or you’re still considering using Help Scout, it’s a great window into a growing company’s support function.
                     </p>
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-richtext-wrapper p {margin-bottom: 18px !important; }
  .hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
  .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
  .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
  .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h1 a { color: #131B24 !important; }
  .hs-richtext-wrapper h2 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h2 a { color: #131B24 !important; }
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper {
     padding: 0px 25px 12px 25px !important;
    }
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper {
     padding: 0px 50px 12px 50px !important;
    }
  }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584683244713" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - CTA Buttons -->
            <!-- Notes: -->
            <!-- 
Hubspot If/ElseIf statements are used to conditionally render two different layouts
for the buttons and two different alignments.
- Button padding is padding: 17px 30px;
- There is 36px of spacing between the buttons when both are visible.
- In Outlook if there are two buttons they stack.
- Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook 
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 600px; width: 100%; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-buttons-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 35px 12px 35px">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
                     <tbody>
                      <tr>
                       <td align="left" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:left">
                        <!-- CTA Button 1 -->
                        <!--Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook -->
                        <!--[if mso]>
                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://articles.helpscout.com/customers/freightzy/" style="height:50px;v-text-anchor:middle;width:200px;color:#ffffff !important;text-decoration:none;" arcsize="10%" stroke="f" fillcolor="#304DDB">
                      <w:anchorlock/>
                      <center>
                    <![endif]-->
                        <a bgcolor="#304DDB" class="hs-primary-button" data-hs-link-id="1" data-hs-link-id-v2="zTa9xo8V" rel="noopener" style="display:inline-block; padding:17px 30px; margin-bottom:18px; background-color:#304DDB; border-radius:4px; color:#ffffff !important; transition:all 0.2s ease-in; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:18px; line-height:1; text-decoration:none !important" target="_blank">
                         <span style="color: #ffffff !important;">
                          <font color="#ffffff">
                           Get some inspiration
                          </font>
                         </span>
                        </a>
                        <!--[if mso]>
                      </center>
                      </v:roundrect>
                    <![endif]-->
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-primary-button:hover, .hs-primary-button:active {
        background-color: #263AAD !important;
      }
  .hs-secondary-button:hover, .hs-secondary-button:active {
        color: #263AAD !important;
      }
  /* Increase the horizontal padding in the mobile view above 480px */
  @media all and (max-width: 479px) {
      .hs-buttons-wrapper {padding: 0px 25px 12px 25px !important;}
    }
  @media all and (min-width: 480px) {
      .hs-buttons-wrapper {padding: 0px 50px 12px 50px !important;}
    }
  @media (prefers-color-scheme: dark ) {
      .hs-primary-button {
        color: #ffffff !important;
      }
    }
  [data-ogsc] .hs-primary-button {color: #ffffff !important;}
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458464363058" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Text Module -->
            <!-- Notes: -->
            <!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal; 
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important; 
text-decoration: none !important; 
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
                    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_17458464363058_" style="color: inherit; font-size: inherit; line-height: inherit;">
                     <h2 style="margin:0; line-height:1.3 !important; font-size:24px !important; margin-top:30px; margin-bottom:15px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#131b24 !important; font-style:normal; font-weight:normal">
                      Product update: Introducing Topics
                     </h2>
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-richtext-wrapper p {margin-bottom: 18px !important; }
  .hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
  .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
  .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
  .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h1 a { color: #131B24 !important; }
  .hs-richtext-wrapper h2 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h2 a { color: #131B24 !important; }
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper {
     padding: 0px 25px 12px 25px !important;
    }
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper {
     padding: 0px 50px 12px 50px !important;
    }
  }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458464406389" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Banner Image -->
            <!-- Notes: -->
            <!-- 
- Banner image is 600 x 338 in dimensions
- Decided against a border radius in image due to conflicts in dark mode
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px 30px 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse; border-radius: 6px; overflow: hidden;
        
        
        
      ">
                 <tbody>
                  <tr>
                   <td align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:center; width:100%" width="100%">
                    <!-- Featured Image -->
                    <!-- Conditionally insert link around image -->
                    <a data-hs-link-id="0" data-hs-link-id-v2="SXSpurbI" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
                     <img alt="Activate Topics today" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FTopics%2520Report.png%253Fwidth%253D1200%2526height%253D676%2526upscale%253Dtrue%2526name%253DTopics%2520Report.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMTAwMDg4OH0:1wZBfI:KSKQzceF6ZC6bQGBL1tzu8q-cEQ6BfRR_I-4SLEW23E" style="outline:none; text-decoration:none; border:none; width:100%; height:auto; display:block" width="600"/>
                     <!-- Conditionally close link tag -->
                    </a>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584701122715" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Text Module -->
            <!-- Notes: -->
            <!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal; 
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important; 
text-decoration: none !important; 
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
                    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_174584701122715_" style="color: inherit; font-size: inherit; line-height: inherit;">
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      <a data-hs-link-id="0" data-hs-link-id-v2="EIrgtl6f" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
                       Tags
                      </a>
                      already help you organize conversations. Now, Topics help you understand them.
                     </p>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      Topics automatically group conversations into consistent themes so you can identify recurring issues, common requests, and emerging trends without manually categorizing every conversation. You’ll quickly see what’s driving support volume and which issues deserve your attention.
                     </p>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      Whether you’re prioritizing product improvements or looking to get proactive on emerging problems, Topics give you a clearer view of what your customers need most.
                     </p>
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-richtext-wrapper p {margin-bottom: 18px !important; }
  .hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
  .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
  .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
  .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h1 a { color: #131B24 !important; }
  .hs-richtext-wrapper h2 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h2 a { color: #131B24 !important; }
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper {
     padding: 0px 25px 12px 25px !important;
    }
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper {
     padding: 0px 50px 12px 50px !important;
    }
  }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17812962186141" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - CTA Buttons -->
            <!-- Notes: -->
            <!-- 
Hubspot If/ElseIf statements are used to conditionally render two different layouts
for the buttons and two different alignments.
- Button padding is padding: 17px 30px;
- There is 36px of spacing between the buttons when both are visible.
- In Outlook if there are two buttons they stack.
- Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook 
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 600px; width: 100%; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-buttons-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 35px 12px 35px">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
                     <tbody>
                      <tr>
                       <td align="left" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:left">
                        <!-- CTA Button 1 -->
                        <!--Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook -->
                        <!--[if mso]>
                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://docs.helpscout.com/article/1773-categorize-conversations-automatically-with-ai-topics" style="height:50px;v-text-anchor:middle;width:200px;color:#ffffff !important;text-decoration:none;" arcsize="10%" stroke="f" fillcolor="#304DDB">
                      <w:anchorlock/>
                      <center>
                    <![endif]-->
                        <a bgcolor="#304DDB" class="hs-primary-button" data-hs-link-id="1" data-hs-link-id-v2="YcJk6pY3" rel="noopener" style="display:inline-block; padding:17px 30px; margin-bottom:18px; background-color:#304DDB; border-radius:4px; color:#ffffff !important; transition:all 0.2s ease-in; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:18px; line-height:1; text-decoration:none !important" target="_blank">
                         <span style="color: #ffffff !important;">
                          <font color="#ffffff">
                           Start using Topics
                          </font>
                         </span>
                        </a>
                        <!--[if mso]>
                      </center>
                      </v:roundrect>
                    <![endif]-->
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-primary-button:hover, .hs-primary-button:active {
        background-color: #263AAD !important;
      }
  .hs-secondary-button:hover, .hs-secondary-button:active {
        color: #263AAD !important;
      }
  /* Increase the horizontal padding in the mobile view above 480px */
  @media all and (max-width: 479px) {
      .hs-buttons-wrapper {padding: 0px 25px 12px 25px !important;}
    }
  @media all and (min-width: 480px) {
      .hs-buttons-wrapper {padding: 0px 50px 12px 50px !important;}
    }
  @media (prefers-color-scheme: dark ) {
      .hs-primary-button {
        color: #ffffff !important;
      }
    }
  [data-ogsc] .hs-primary-button {color: #ffffff !important;}
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584719725619" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Text Module -->
            <!-- Notes: -->
            <!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal; 
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important; 
text-decoration: none !important; 
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
                    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_174584719725619_" style="color: inherit; font-size: inherit; line-height: inherit;">
                     <h2 style="margin:0; line-height:1.3 !important; font-size:24px !important; margin-top:30px; margin-bottom:15px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#131b24 !important; font-style:normal; font-weight:normal">
                      Wildcard: Lessons learned from hosting 700+ customer education classes
                     </h2>
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-richtext-wrapper p {margin-bottom: 18px !important; }
  .hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
  .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
  .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
  .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h1 a { color: #131B24 !important; }
  .hs-richtext-wrapper h2 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h2 a { color: #131B24 !important; }
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper {
     padding: 0px 25px 12px 25px !important;
    }
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper {
     padding: 0px 50px 12px 50px !important;
    }
  }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17458898005071" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Banner Image -->
            <!-- Notes: -->
            <!-- 
- Banner image is 600 x 338 in dimensions
- Decided against a border radius in image due to conflicts in dark mode
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px 30px 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse; border-radius: 6px; overflow: hidden;
        
        
        
      ">
                 <tbody>
                  <tr>
                   <td align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:center; width:100%" width="100%">
                    <!-- Featured Image -->
                    <!-- Conditionally insert link around image -->
                    <a data-hs-link-id="0" data-hs-link-id-v2="Pobdup8G" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
                     <img alt="Lessons learned from 700+ live classes" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fhttps___images.ctfassets.net_p15sglj92v6o_24sScffuC84LsWtDp6V6RM_c5450ff03d30bd5f7dfb98735a703f67_S3E2-VideoCover.jpg%253Fwidth%253D1200%2526height%253D676%2526upscale%253Dtrue%2526name%253Dhttps___images.ctfassets.net_p15sglj92v6o_24sScffuC84LsWtDp6V6RM_c5450ff03d30bd5f7dfb98735a703f67_S3E2-VideoCover.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMTAwMjU5M30:1wZBfI:UmE6zc_grUNDJyoFZMGmr2DVDjUEwPvjJczKFePVUwU" style="outline:none; text-decoration:none; border:none; width:100%; height:auto; display:block" width="600"/>
                     <!-- Conditionally close link tag -->
                    </a>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_174584718638218" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Text Module -->
            <!-- Notes: -->
            <!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal; 
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important; 
text-decoration: none !important; 
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
                    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_174584718638218_" style="color: inherit; font-size: inherit; line-height: inherit;">
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      How do you teach customers in a way that’s actually engaging and helpful? There are few people better equipped to answer that question than Alison Groves, who has taught tens of thousands of people how to get the most out of Help Scout across 700+ live classes.
                     </p>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      Unsurprisingly, she’s learned a ton along the way about what works and what doesn’t, and she shared it all on the latest episode of The Supportive Podcast. Check it out to learn:
                     </p>
                     <ul style="line-height:175%">
                      <li style="margin-bottom:20px !important; padding-left:10px">
                       <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                        How to avoid turning your live class into just another boring webinar
                       </p>
                      </li>
                      <li style="margin-bottom:20px !important; padding-left:10px">
                       <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                        Why 90% of her attendees stay for the entire session
                       </p>
                      </li>
                      <li style="margin-bottom:20px !important; padding-left:10px">
                       <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                        What makes classes go off the rails (and how to avoid it)
                       </p>
                      </li>
                      <li style="margin-bottom:20px !important; padding-left:10px">
                       <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                        How to get started with live customer education
                       </p>
                      </li>
                      <li style="margin-bottom:20px !important; padding-left:10px">
                       <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                        What to do when you get something wrong
                       </p>
                      </li>
                     </ul>
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-richtext-wrapper p {margin-bottom: 18px !important; }
  .hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
  .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
  .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
  .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h1 a { color: #131B24 !important; }
  .hs-richtext-wrapper h2 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h2 a { color: #131B24 !important; }
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper {
     padding: 0px 25px 12px 25px !important;
    }
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper {
     padding: 0px 50px 12px 50px !important;
    }
  }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17812963456212" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - CTA Buttons -->
            <!-- Notes: -->
            <!-- 
Hubspot If/ElseIf statements are used to conditionally render two different layouts
for the buttons and two different alignments.
- Button padding is padding: 17px 30px;
- There is 36px of spacing between the buttons when both are visible.
- In Outlook if there are two buttons they stack.
- Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook 
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 600px; width: 100%; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-buttons-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 35px 12px 35px">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
                     <tbody>
                      <tr>
                       <td align="left" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; text-align:left">
                        <!-- CTA Button 1 -->
                        <!--Uses a "bulletproof" button design from https://buttons.cm/ as a fallback for Outlook -->
                        <!--[if mso]>
                      <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.helpscout.com/blog/teach-your-customers/" style="height:50px;v-text-anchor:middle;width:200px;color:#ffffff !important;text-decoration:none;" arcsize="10%" stroke="f" fillcolor="#304DDB">
                      <w:anchorlock/>
                      <center>
                    <![endif]-->
                        <a bgcolor="#304DDB" class="hs-primary-button" data-hs-link-id="1" data-hs-link-id-v2="pWlpoggJ" rel="noopener" style="display:inline-block; padding:17px 30px; margin-bottom:18px; background-color:#304DDB; border-radius:4px; color:#ffffff !important; transition:all 0.2s ease-in; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:18px; line-height:1; text-decoration:none !important" target="_blank">
                         <span style="color: #ffffff !important;">
                          <font color="#ffffff">
                           Watch now
                          </font>
                         </span>
                        </a>
                        <!--[if mso]>
                      </center>
                      </v:roundrect>
                    <![endif]-->
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-primary-button:hover, .hs-primary-button:active {
        background-color: #263AAD !important;
      }
  .hs-secondary-button:hover, .hs-secondary-button:active {
        color: #263AAD !important;
      }
  /* Increase the horizontal padding in the mobile view above 480px */
  @media all and (max-width: 479px) {
      .hs-buttons-wrapper {padding: 0px 25px 12px 25px !important;}
    }
  @media all and (min-width: 480px) {
      .hs-buttons-wrapper {padding: 0px 50px 12px 50px !important;}
    }
  @media (prefers-color-scheme: dark ) {
      .hs-primary-button {
        color: #ffffff !important;
      }
    }
  [data-ogsc] .hs-primary-button {color: #ffffff !important;}
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17697999451672" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Text Module -->
            <!-- Notes: -->
            <!--
Standard ITW text styles:
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal; 
font-weight: normal;
color: #405261;
line-height: 1.6;
font-size: 16px;
Standard HS Link styles
color: #304DDB !important; 
text-decoration: none !important; 
font-weight: 400 !important;
:hover, :active, :focus {color: #263AAD !important;}
- Font weight is forced to be 500 for italicized text due to a conflict with Hubspot's GUI
- Spacing between headers is 30px top and bottom.
- We tried elminating some of the spacing around the headers for the :first-of-type but ran into
a visual regression in dark mode.
-->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-richtext-wrapper" style="word-break:break-word; width:100%; padding:0px 35px 12px 35px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important" width="100%">
                    <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" data-hs-cos-field="richtext_field" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" id="hs_cos_wrapper_module_17697999451672_" style="color: inherit; font-size: inherit; line-height: inherit;">
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      Also, you can see Alison in action (and learn how to build an AI support strategy for 2026) at her upcoming live workshop —
                      <a data-hs-link-id="0" data-hs-link-id-v2="SGOyQlhx" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
                       save your spot
                      </a>
                      !
                     </p>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      —
                     </p>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; line-height:175%; margin-bottom:18px !important">
                      Ready to try Topics? We’d love to hear what you learn or any questions you have. Hit reply and let us know!
                     </p>
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-richtext-wrapper p {margin-bottom: 18px !important; }
  .hs-richtext-wrapper a { color: #304DDB; text-decoration: none !important;}
  .hs-richtext-wrapper a:hover, .hs-richtext-wrapper a:focus, .hs-richtext-wrapper a:active {color: #263AAD !important;}
  .hs-richtext-wrapper h1 {line-height: 1.2 !important;  font-size: 32px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper h2 {line-height: 1.3 !important;  font-size: 24px !important; margin-top: 30px; margin-bottom: 30px !important; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;  color: #131B24 !important; font-style: normal; font-weight: 500 !important; }
  .hs-richtext-wrapper li {margin-bottom: 20px !important; padding-left: 10px;}
  .hs-richtext-wrapper h1 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h1 a { color: #131B24 !important; }
  .hs-richtext-wrapper h2 em { font-weight: 500 !important; }
  .hs-richtext-wrapper h2 a { color: #131B24 !important; }
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper {
     padding: 0px 25px 12px 25px !important;
    }
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper {
     padding: 0px 50px 12px 50px !important;
    }
  }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17577109909651" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Signature Module -->
            <!-- Uses https://www.goodemailcode.com/email-enhancements/faux-absolute-position -->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse;">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0 10px">
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 600px; width: 100%; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td class="hs-signature-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 50px 30px 50px">
                    <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; border-collapse: collapse; 
               
               ">
                     <tbody>
                      <tr>
                       <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                        <!-- Signature image 1 75px x 75px -->
                        <img alt="Will" height="75" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FWill.png%253Fwidth%253D280%2526height%253D280%2526upscale%253Dtrue%2526name%253DWill.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMTAwMzcyOH0:1wZBfI:PbFRSoFdMiBjOcnyexWiIwXBJSLaoM_vPApnxFrpp4g" style="outline:none; text-decoration:none; height:75px; width:auto" width="auto"/>
                       </td>
                       <!-- If statement for conditional second image -->
                       <td style="word-break:break-word; width:100%; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:16px; color:#292F33; vertical-align:middle; line-height:1.4; padding-left:12px" valign="middle" width="100%">
                        Will Hoekenga
                        <br/>
                        <span style="color: #405261; font-size: 15px; font-style: italic; font-weight: 400;">
                         Sr. Copywriter, Help Scout
                        </span>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             /* Increase the horizontal padding in the mobile view above 480px */
  @media all and (max-width: 479px) {
      .hs-signature-script-wrapper {padding: 0px 25px 30px 25px !important;}
    }
      @media all and (min-width: 480px) {
      .hs-signature-script-wrapper {padding: 0px 50px 30px 50px !important;}
    }
            </style>
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_17481010376291" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - 30px Spacer Module -->
            <!--[if true]>
<table role="presentation" border="0" cellpadding="0" cellspacing="0" style="width:620px; border-collapse: collapse;" align="center"><tr><td>
<![endif]-->
            <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 100%; max-width: 600px; border-collapse: collapse;
  
  
  
  ">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                <div class="spacer" style="line-height:30px; height:30px; mso-line-height-rule: exactly; width: 100%;">
                </div>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
           </div>
           <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module-0-0-5" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Footer Module -->
            <!-- Notes: -->
            <!-- 
Multiple tables are used to control the responsive layout. With custom media queries for
some limited changes in dark mode where it is supported.
See https://css-tricks.com/ideas-behind-responsive-emails/ 
-->
            <!--1st table is a container table giving the full width background color primarily -->
            <table align="center" border="0" cellpadding="0" cellspacing="0" class="hs-footer-container" role="presentation" style="background-color: #FFFFFF; width: 100%; border-collapse: collapse;" width="100%">
             <tbody>
              <tr>
               <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding:0px 15px 10px 15px; width:100%" width="100%">
                <!-- Container table which primarily gives us the 500px container width -->
                <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 500px; width: 100%; border-collapse: collapse;" width="100%">
                 <tbody>
                  <tr>
                   <td class="hs-footer-logo-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; padding-bottom:20px" width="100%">
                    <!-- In The Works Logo, 162px x 43px not in its own table as not responsive -->
                    <a data-hs-link-id="0" data-hs-link-id-v2="/ZepYRJ0" style="color:#304ddb; text-decoration:none !important" target="_blank">
                     <img alt="mark" height="30" loading="" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fmark.png%253Fheight%253D240%2526upscale%253Dtrue%2526name%253Dmark.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMTAwNDc5OH0:1wZBfI:gaD-hvBLf1Jy9x-wk2pdHISLQW2PSr7WPROrKm1rs7s" style="outline:none; text-decoration:none; border:none; width:auto; height:30px" width="auto"/>
                    </a>
                   </td>
                  </tr>
                  <tr>
                   <td class="hs-footer-address-wrapper" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; border-bottom:1px solid #F1F3F5" width="100%">
                    <!-- Two tables here to manage the address area and social media graphics -->
                    <!-- Table one has the address, unsubscribe and view as webpage links -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 76.2%; min-width: 300px; border-collapse: collapse;">
                     <tbody>
                      <tr>
                       <td class="hs-footer-address" style="word-break:break-word; padding-bottom:30px; color:#314351; font-size:13px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6">
                        68 Harrison Ave Ste 605
                        <br/>
                        PMB 78505  •  Boston, MA 02111
                        <br/>
                        <a data-hs-link-id="0" data-hs-link-id-v2="OvqdY69a" data-viewaswebpage="true" style="color:#314351 !important; text-decoration:underline !important" target="_blank">
                         view in your web browser
                        </a>
                        |
                        <a data-hs-link-id="0" data-hs-link-id-v2="qjPJqCop" data-unsubscribe="true" style="color:#314351 !important; text-decoration:underline !important" target="_blank">
                         unsubscribe
                        </a>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                    <!-- Table two has the Social Media Logos -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="min-width: 131px; width: 23.8%; border-collapse: collapse;">
                     <tbody>
                      <tr>
                       <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px; padding-right:15px">
                        <!-- Twitter logo-->
                        <a data-hs-link-id="0" data-hs-link-id-v2="x+Gd4KBL" style="color:#304ddb; text-decoration:none !important" target="_blank">
                         <img alt="Twitter-1" height="20" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FTwitter-1.png%253Fwidth%253D198%2526height%253D160%2526upscale%253Dtrue%2526name%253DTwitter-1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMTAwNjI5OH0:1wZBfI:iXDvm5mcuAtYeepmbELPK9VodlFkIw2JnbKtIlKG59A" style="outline:none; text-decoration:none; border:none; height:20px; width:auto" width="auto"/>
                        </a>
                       </td>
                       <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px; padding-right:15px">
                        <!-- Facebook logo-->
                        <a data-hs-link-id="0" data-hs-link-id-v2="joAnq744" style="color:#304ddb; text-decoration:none !important" target="_blank">
                         <img alt="Facebook-sq" height="20" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FFacebook-sq.png%253Fwidth%253D160%2526height%253D160%2526upscale%253Dtrue%2526name%253DFacebook-sq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMTAwNzQzfQ:1wZBfI:RNpI7hYRf4lb-_9K78_rYUKFZgGfGnHV6DXHhk0su4I" style="outline:none; text-decoration:none; border:none; height:20px; width:auto" width="auto"/>
                        </a>
                       </td>
                       <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px; padding-right:15px">
                        <!-- Linked In logo-->
                        <a data-hs-link-id="0" data-hs-link-id-v2="d/TgnBbs" style="color:#304ddb; text-decoration:none !important" target="_blank">
                         <img alt="LinkedIn-sq" height="20" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FLinkedIn-sq.png%253Fwidth%253D162%2526height%253D160%2526upscale%253Dtrue%2526name%253DLinkedIn-sq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMTAwODUxfQ:1wZBfI:2z-uQ3DBBuUptD1uuiaFUxEPa9U5gP4qO7JG48-WJH0" style="outline:none; text-decoration:none; border:none; height:20px; width:auto" width="auto"/>
                        </a>
                       </td>
                       <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px">
                        <!-- Instagram logo-->
                        <a data-hs-link-id="0" data-hs-link-id-v2="V7abSKZq" style="color:#304ddb; text-decoration:none !important" target="_blank">
                         <img alt="Instagram-sq" height="20" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FInstagram-sq.png%253Fwidth%253D162%2526height%253D162%2526upscale%253Dtrue%2526name%253DInstagram-sq.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMTAwOTY3NH0:1wZBfI:tokFQpMsSsCojIXqxfOq858jefm1LE-GPrIN2aTuuhM" style="outline:none; text-decoration:none; border:none; height:20px; width:auto" width="auto"/>
                        </a>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                  <tr>
                   <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; width:100%; padding-top:20px" width="100%">
                    <!-- Three tables to manage the Scribble image, Made by... and the copyright text -->
                    <!-- Table one has the scribble image (Commented out for Evolution Project)
        <table role="presentation" border="0" cellpadding="0" cellspacing="0" align="left" style="margin-top: 4px; width: 10%; min-width: 60px; border-collapse: collapse;">
          <tr>
            <td>
                
                
                
                 
                <img src="https://fs.hubspotusercontent00.net/hubfs/2760806/hs-scribble.png" alt="hs-scribble" loading="lazy" width="222" height="61" style="height: 15px; width: auto;">
              
            </td>
          </tr>
        </table>
        -->
                    <!-- Table two has the Created by text -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width: 67.3%; min-width: 310px; border-collapse: collapse;">
                     <tbody>
                      <tr>
                       <td class="hs-footer-madeby" style="word-break:break-word; padding-bottom:10px; color:#405261; font-weight:600; font-size:13px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6">
                        <span style="font-weight: 400;">
                         The
                        </span>
                        most intuitive
                        <span style="font-weight: 400;">
                         customer support platform.
                        </span>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                    <!-- Table three has the copyright text -->
                    <table align="left" border="0" cellpadding="0" cellspacing="0" class="hs-footer-copyright-table" role="presentation" style="min-width: 120px; width: 32%; border-collapse: collapse;">
                     <tbody>
                      <tr>
                       <td class="hs-footer-copyright" style="word-break:break-word; padding-bottom:10px; color:#405261; font-size:13px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6">
                        © 2026 Help Scout
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <style type="text/css">
             @media (prefers-color-scheme: dark ) {
      .hs-footer-container {
        background-color: #1E1E1E;
      }
      .hs-footer-address {
        color: #A7B3BE;
      }
      .hs-footer-madeby {
        color: #D1DAE3;
      }
      .hs-footer-copyright {
        color: #A7B3BE;
      }
    }
  /* data-ogsc tag targets Outlook email clients */    
    [data-ogsc] .hs-footer-container {
        background-color: #1E1E1E;
      }
    [data-ogsc] .hs-footer-address {
        color: #A7B3BE;
      }
    [data-ogsc] .hs-footer-madeby {
        color: #D1DAE3;
      }
    [data-ogsc] .hs-footer-copyright {
        color: #A7B3BE;
      }
    [data-ogsc] .hs-footer-address-wrapper {
        border-bottom: 1px solid #000000;
      }
  /* Tweak the padding up on screens larger than 600px */
  @media all and (min-width: 600px) {
    .hs-footer-address {
        padding-bottom: 40px !important;
      }
    .hs-footer-copyright {
        text-align: right !important;
      }
  }
            </style>
           </div>
          </div>
          <!--[if gte mso 9]></table><![endif]-->
          <!--[if (mso)|(IE)]></td><![endif]-->
          <!--[if (mso)|(IE)]></tr></table><![endif]-->
         </div>
         <!--[if gte mso 9]></td></tr></table><![endif]-->
        </div>
       </div>
      </td>
     </tr>
    </tbody>
   </table>
  </div>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fe3t%252FCto%252F5A%252B113%252FckxP204%252FVWwpNp32CPpXW2mL9v35BhncJW8XrjSc5QkqBFVNrW7m3D7Bqj112/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3ODE1NDY2NDQuMTAxMTQ5Nn0:1wZBfI:VOr0lVLa-az6DPDyoBX-W_udVm8swnOON51_yQ12xnQ" style="display:none!important;min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important" width="1"/>
 </body>
</html>
3 days, 15 hours ago - editorial@helpscout.com
Inside: Find out what’s driving support volume with a brand new feature. Plus, pick up some fresh...
Inboxes List

Help Scout Trial user
