Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!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>
   You have to see it to believe it
  </title>
  <meta content="You have to see it to believe it" property="og:title"/>
  <meta content="You have to see it to believe it" 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"/>
  <!--[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/listen-first" 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}
}
  </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}
  </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;">
   Seeing is believing, and listening is designing
  </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:0px; padding-right:0px; 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-left:0; Margin-right: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_16752119461834" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNjg0ODE5Mn0:1uUmCI:k6E07wcrdCHlcd2-J3fc9Z7rAfaqegkIjZivJ5jY84U') 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNjk5ODAzfQ:1uUmCI:WL1qibSNabp0kVamH3BjNj5kQXldg4XwO5J9CH0D418" 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_16752104624831" 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 -->
                    <img alt="the-supportive-weekly-orange" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fthe-supportive-weekly-orange.jpg%253Fwidth%253D1200%2526height%253D676%2526upscale%253Dtrue%2526name%253Dthe-supportive-weekly-orange.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNjk5OTk3Mn0:1uUmCI:SKCKxuTx7-oE9nsF2TnDRy6AvZw8e_IpisZ3ZhDu3-g" style="outline:none; text-decoration:none; width:100%; height:auto; display:block" width="600"/>
                    <!-- Conditionally close link tag -->
                   </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_17421667990816" 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_17421667990816_" style="color: inherit; font-size: inherit; line-height: inherit;">
                     <h2 style="margin:0; mso-line-height-rule:exactly; 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:bold">
                      Double rainbow!! What does this mean?
                     </h2>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      Design is an expression of the designer's understanding of a problem. A deeper understanding creates a better outcome.
                     </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; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      That’s why so many great products come from people solving their own problems.
                      <a data-hs-link-id="0" data-hs-link-id-v2="ZXWeVTNa" style="text-decoration:none !important; color:#0d6ea1" target="_blank">
                       Help Scout itself was built to enable a style of support that the existing tools made very difficult
                      </a>
                      . When you have really felt the pain, and you can interrogate yourself about it, you can judge whether your proposed solution helps
                      <span style="font-size: 12px;">
                       <sup>
                        1
                       </sup>
                      </span>
                      .
                     </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; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      Designers do not always have the luxury of working on problems they experience first-hand. More often they are tasked with addressing someone else’s problem. To do that well means gathering a lot of information from other people,
                      <a data-hs-link-id="0" data-hs-link-id-v2="OiCZIYXj" style="text-decoration:none !important; color:#0d6ea1" target="_blank">
                       a process our principal designer, Buzz, wrote about recently
                      </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; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      Buzz discussed how his time spent in the support queue, interacting directly with the people his work is affecting, informs his design solutions. Through open conversation he can uncover the customer's "why", and get to the root of the issue.
                     </p>
                     <blockquote style="mso-line-height-rule:exactly; line-height:175%">
                      <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                       “
                       <em>
                        writing replies is often where the real design starts
                       </em>
                       ”
                      </p>
                     </blockquote>
                     <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      As support people, we are undeniably skilled at explaining things to other people, and part of the job is explaining customer needs to the non-support people in charge of meeting those needs. We do it through reports and data and storytelling. We’ve
                      <a data-hs-link-id="0" data-hs-link-id-v2="kpAT/tC3" style="text-decoration:none !important; color:#0d6ea1" target="_blank">
                       written
                      </a>
                      <a data-hs-link-id="0" data-hs-link-id-v2="8dmuZSxH" style="text-decoration:none !important; color:#0d6ea1" target="_blank">
                       about
                      </a>
                      <a data-hs-link-id="0" data-hs-link-id-v2="TgsGe0Nf" style="text-decoration:none !important; color:#0d6ea1" target="_blank">
                       that
                      </a>
                      <a data-hs-link-id="1" data-hs-link-id-v2="JxWBSoWE" style="text-decoration:none !important; color:#0d6ea1" target="_blank">
                       a lot
                      </a>
                      , and yet nothing is quite as impactful as people hearing directly from their customers.
                     </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; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      We’ve all got a little
                      <a data-hs-link-id="0" data-hs-link-id-v2="NkenWsTX" style="text-decoration:none !important; color:#0d6ea1" target="_blank">
                       Doubting Thomas
                      </a>
                      in us, hesitant to accept a report from someone else as the full truth. And even if support teams were always and immediately believed, we can only report things from our own perspectives.
                     </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; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      A designer, a product owner, a CEO arriving in the queue will not—can not— see exactly what support sees. They will unavoidably bring with them their unique perspective, their past experiences, their knowledge of other possibilities and approaches. That will always shape how they respond.
                     </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; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      You can describe a double rainbow to someone, but it
                      <a data-hs-link-id="0" data-hs-link-id-v2="hwV1NVXC" style="text-decoration:none !important; color:#0d6ea1" target="_blank">
                       just won’t hit as hard as the real thing
                      </a>
                      . Seeing is believing.
                     </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; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      You may not be in a position to demand others get into the support queue, but you can encourage them. Send them Buzz’s article, and ask for their reaction. Suggest a
                      <a data-hs-link-id="0" data-hs-link-id-v2="B61jUNKe" style="text-decoration:none !important; color:#0d6ea1" target="_blank">
                       support power hour during an event
                      </a>
                      . Tag them in a customer conversation they might find especially valuable.
                     </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; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      A customer-centric company makes it hard to avoid customer contact.
                     </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; mso-line-height-rule:exactly; 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; mso-line-height-rule:exactly; line-height:175%; margin-bottom:18px !important">
                      <span style="font-style: italic;">
                       <sup>
                        1
                       </sup>
                       Like
                      </span>
                      <a data-hs-link-id="0" data-hs-link-id-v2="002SvfX+" style="text-decoration:none !important; color:#0d6ea1; font-style:italic" target="_blank">
                       the scientist who caused, then cured, his own stomach ulcers
                      </a>
                      <span style="font-style: italic;">
                       .
                      </span>
                     </p>
                     <ol style="padding-left: 18px;">
                     </ol>
                     <ol style="padding-left: 18px;">
                     </ol>
                    </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_16750259310405" 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="patto-headshot" height="75" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fpatto-headshot.png%253Fwidth%253D300%2526upscale%253Dtrue%2526name%253Dpatto-headshot.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAwMTA2MX0:1uUmCI:eKCq_MdE-4ehPz320TbfeYjX0ptSrq49MjKgpFK4PTo" 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%">
                        Mat Patterson
                        <br/>
                        <span style="color: #405261; font-size: 15px; font-style: italic; font-weight: 400;">
                         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_17488154275221" 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_17506411439223" 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="1" data-hs-link-id-v2="VlLvCE+1" style="color:#304ddb; text-decoration:none !important" target="_blank">
                     <img alt="Listen first, design later" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Flist-first.jpg%253Fwidth%253D1200%2526height%253D676%2526upscale%253Dtrue%2526name%253Dlist-first.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAwMjQxM30:1uUmCI:79uRrfvbvx5VJh6MvFcrdJ8MsqZGaE1Fr1xSk2Va-5w" 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_17506409065252" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Secondary Module -->
            <!-- Notes: -->
            <!-- 
- This is a combination of the text module and button module
- The illustrations had whitespace around them so custom padding is used to make it appear aligned
- The button only supports left alignment
-->
            <!--[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="margin-bottom: 30px; 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; padding: 0px 10px; border-radius: 4px; border-collapse: collapse;
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <!-- Text Module -->
                    <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_17506409065252_" style="color: inherit; font-size: inherit; line-height: inherit;">
                         <h1 style="margin:0; mso-line-height-rule:exactly; 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">
                          Listen First, Design Later
                         </h1>
                         <div style="mso-line-height-rule:exactly; line-height:175%">
                          <div data-gatsby-image-wrapper="" style="mso-line-height-rule:exactly; line-height:175%">
                           At Help Scout, we’re encouraged to take part in Whole Company Support — something our designer Buzz was initially reluctant to do. But it quickly proved invaluable to him. Here's how:
                           <br/>
                           <br/>
                          </div>
                         </div>
                        </div>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                  <tr>
                   <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <!-- Buttons Module -->
                    <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 style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                            <!-- 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/unlimited-seats-for-product-design/" 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="2" data-hs-link-id-v2="i5vFSqDn" 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:16px; line-height:1; text-decoration:none !important" target="_blank">
                             <span style="color: #ffffff !important;">
                              <font color="#ffffff">
                               Replies before designs
                              </font>
                             </span>
                            </a>
                            <!--[if mso]>
                            </center>
                            </v:roundrect>
                          <![endif]-->
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </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-primary-button:hover, .hs-primary-button:active, .hs-primary-button:focus {
        background-color: #263AAD !important;
      }
    .hs-secondary-button:hover, .hs-secondary-button:active, .hs-secondary-button:focus {
        color: #263AAD !important;
      }
  
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper { padding: 0px 25px 12px 25px !important; }
    .hs-buttons-wrapper {padding: 0px 25px 12px 25px !important;}
    .hs-illustration-wrapper {padding: 15px 25px 0px 13px !important;}
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper { padding: 0px 50px 12px 50px !important; }
    .hs-buttons-wrapper {padding: 0px 50px 12px 50px !important;}
    .hs-illustration-wrapper {padding: 15px 50px 0px 38px !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_17506413120994" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Row Module -->
            <!-- Notes: -->
            <!--
- Image is 285px wide - but flexible height
-->
            <!--[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 align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px">
                    <div style="text-align: center; direction: rtl; max-width: 600px; font-size: 0;">
                     <!--[if mso]>
              <table role="presentation" width="100%" dir="rtl">
              <tr>
              <td style="width: 300px; padding: 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-image-column" style="width: 100%; max-width: 286px; display: inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-image-wrapper">
                       <a data-hs-link-id="0" data-hs-link-id-v2="XEJEox4Y" style="color:#304ddb; text-decoration:none !important" target="_blank">
                        <img alt="Foundations-of-Great-Service-Promo" class="hs-row-image" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252FFoundations-of-Great-Service-Promo.png%253Fwidth%253D1200%2526height%253D640%2526upscale%253Dtrue%2526name%253DFoundations-of-Great-Service-Promo.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAwMzU0Nn0:1uUmCI:v8SIs6enqBMikkjcKfwVIU-XAL7DJ4rwDsPjyuqkPvg" style="outline:none; text-decoration:none; border:none; display:block; width:285px; height:auto; border-radius:4px" width="285"/>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              <td style="width:50%; padding: 25px 25px 0px 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-text-column" style="width:100%; max-width: 296px; display:inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-text-wrapper" style="padding: 25px 25px 0px 25px; display:inline-block; vertical-align: middle; width: 100%; max-width: 231px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; color: #1d2b36; line-height: 1.4; text-align:left;">
                       <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" data-hs-cos-field="row_text" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" id="hs_cos_wrapper_module_17506413120994_" style="color: inherit; font-size: inherit; line-height: inherit;">
                        Foundations of Great Service
                       </div>
                       <a class="read-more-link" data-hs-link-id="1" data-hs-link-id-v2="6jQXfNSU" style="margin-top:20px; display:inline-block; vertical-align:middle; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:15px; color:#304DDB; text-decoration:none !important" target="_blank">
                        6 short videos
                        <span style="display: inline-block; vertical-align: middle; height: 33px; font-size: 20px;">
                         ›
                        </span>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              </tr>
              </table>
              <![endif]-->
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-row-text-wrapper a:hover, .hs-row-text-wrapper a:focus, .hs-row-text-wrapper a:active {color: #263AAD !important;}
 @media all and (max-width: 599px) {
      .hs-row-text-wrapper {padding: 25px 25px 0px 25px !important;  width: 100% !important; max-width: 85% !important;}
      .hs-row-text-column {max-width: 450px !important;}
      .hs-row-image-column {max-width: 450px !important;}
      .hs-row-image-wrapper {padding: 0 10px !important;}
      .hs-row-image {width: 100% !important;}  
    }
  @media all and (min-width: 600px) {
      .hs-row-text-wrapper {padding: 0px 25px 0px 40px !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_17508094141681" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Row Module -->
            <!-- Notes: -->
            <!--
- Image is 285px wide - but flexible height
-->
            <!--[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 align="center" style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word; padding-bottom:30px">
                    <div style="text-align: center; direction: rtl; max-width: 600px; font-size: 0;">
                     <!--[if mso]>
              <table role="presentation" width="100%" dir="rtl">
              <tr>
              <td style="width: 300px; padding: 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-image-column" style="width: 100%; max-width: 286px; display: inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-image-wrapper">
                       <a data-hs-link-id="0" data-hs-link-id-v2="Zyi6dPY9" style="color:#304ddb; text-decoration:none !important" target="_blank">
                        <img alt="start-with-why" class="hs-row-image" height="auto" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Femail.helpscout.com%252Fhs-fs%252Fhubfs%252Fstart-with-why.jpg%253Fwidth%253D1040%2526height%253D856%2526upscale%253Dtrue%2526name%253Dstart-with-why.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAwNDU2OX0:1uUmCI:rMWBSDW-LSQoKBTprzGLxqG2SkNxU9155b7eCmqjuU8" style="outline:none; text-decoration:none; border:none; display:block; width:285px; height:auto; border-radius:4px" width="285"/>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              <td style="width:50%; padding: 25px 25px 0px 25px;" valign="middle" dir="ltr">
              <![endif]-->
                     <div class="hs-row-text-column" style="width:100%; max-width: 296px; display:inline-block; vertical-align: middle; direction: ltr;">
                      <div class="hs-row-text-wrapper" style="padding: 25px 25px 0px 25px; display:inline-block; vertical-align: middle; width: 100%; max-width: 231px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 500; font-size: 18px; color: #1d2b36; line-height: 1.4; text-align:left;">
                       <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" data-hs-cos-field="row_text" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" id="hs_cos_wrapper_module_17508094141681_" style="color: inherit; font-size: inherit; line-height: inherit;">
                        Start With Why
                       </div>
                       <a class="read-more-link" data-hs-link-id="1" data-hs-link-id-v2="BvEQ1VMc" style="margin-top:20px; display:inline-block; vertical-align:middle; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-style:normal; font-weight:500; font-size:15px; color:#304DDB; text-decoration:none !important" target="_blank">
                        Simon Sinek's helpful book
                        <span style="display: inline-block; vertical-align: middle; height: 33px; font-size: 20px;">
                         ›
                        </span>
                       </a>
                      </div>
                     </div>
                     <!--[if mso]>
              </td>
              </tr>
              </table>
              <![endif]-->
                    </div>
                   </td>
                  </tr>
                 </tbody>
                </table>
               </td>
              </tr>
             </tbody>
            </table>
            <!--[if true]>
</td></tr></table>
<![endif]-->
            <style type="text/css">
             .hs-row-text-wrapper a:hover, .hs-row-text-wrapper a:focus, .hs-row-text-wrapper a:active {color: #263AAD !important;}
 @media all and (max-width: 599px) {
      .hs-row-text-wrapper {padding: 25px 25px 0px 25px !important;  width: 100% !important; max-width: 85% !important;}
      .hs-row-text-column {max-width: 450px !important;}
      .hs-row-image-column {max-width: 450px !important;}
      .hs-row-image-wrapper {padding: 0 10px !important;}
      .hs-row-image {width: 100% !important;}  
    }
  @media all and (min-width: 600px) {
      .hs-row-text-wrapper {padding: 0px 25px 0px 40px !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_17452764270862" 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_17421670910719" style="color: inherit; font-size: inherit; line-height: inherit;">
            <!--Help Scout - Secondary Module -->
            <!-- Notes: -->
            <!-- 
- This is a combination of the text module and button module
- The illustrations had whitespace around them so custom padding is used to make it appear aligned
- The button only supports left alignment
-->
            <!--[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="margin-bottom: 30px; 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; padding: 0px 10px; border-radius: 4px; border-collapse: collapse;
        
          background-color: #faf8f7;          
        
        
        
        ">
                 <tbody>
                  <tr>
                   <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <!-- Text Module -->
                    <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_17421670910719_" style="color: inherit; font-size: inherit; line-height: inherit;">
                         <h2 style="margin:0; mso-line-height-rule:exactly; line-height:1.3 !important; font-size:24px !important; margin-top:30px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#131b24 !important; font-style:normal; font-weight:500 !important; margin-bottom:12px !important">
                          Want to share this newsletter?
                         </h2>
                         <p style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important; mso-line-height-rule:exactly; line-height:175%; margin-bottom:12px !important">
                          Send them a link using the button below, or
                          <a data-hs-link-id="0" data-hs-link-id-v2="x9gA44Ny" rel="noopener" style="color:#304ddb; text-decoration:none !important" target="_blank">
                           encourage people to signup for their own copy right here
                          </a>
                          .
                         </p>
                        </div>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </td>
                  </tr>
                  <tr>
                   <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                    <!-- Buttons Module -->
                    <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 style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                            <!-- 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://email.helpscout.com/listen-first" 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="0" data-hs-link-id-v2="ljpfrAh2" 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:16px; line-height:1; text-decoration:none !important" target="_blank">
                             <span style="color: #ffffff !important;">
                              <font color="#ffffff">
                               View this newsletter as a web page
                              </font>
                             </span>
                            </a>
                            <!--[if mso]>
                            </center>
                            </v:roundrect>
                          <![endif]-->
                           </td>
                          </tr>
                         </tbody>
                        </table>
                       </td>
                      </tr>
                     </tbody>
                    </table>
                   </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-primary-button:hover, .hs-primary-button:active, .hs-primary-button:focus {
        background-color: #263AAD !important;
      }
    .hs-secondary-button:hover, .hs-secondary-button:active, .hs-secondary-button:focus {
        color: #263AAD !important;
      }
  
  @media all and (max-width: 479px) {
    .hs-richtext-wrapper { padding: 0px 25px 12px 25px !important; }
    .hs-buttons-wrapper {padding: 0px 25px 12px 25px !important;}
    .hs-illustration-wrapper {padding: 15px 25px 0px 13px !important;}
  }
  @media all and (min-width: 480px) {
    .hs-richtext-wrapper { padding: 0px 50px 12px 50px !important; }
    .hs-buttons-wrapper {padding: 0px 50px 12px 50px !important;}
    .hs-illustration-wrapper {padding: 15px 50px 0px 38px !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-0-0-6" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAwNTUwNn0:1uUmCI:380Q-AtKhP4MADy9yINzq84bAEqQSf3OouLUCIkB4Pw" 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="N0j1YwLY" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAwNjQ2OX0:1uUmCI:PVhVTIEg1hlCDB_8CLd8Zv1m9v-XaU6NGIZ2IcoZhgU" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAwNzYwNn0:1uUmCI:KEtzmDw1oMyd5WHPvTqkPN48Mqm5R15DDUouR0VoDTk" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAwODU2N30:1uUmCI:ZZxGh3diCH_o2kQpEBZPBPv5B5_AqtiqKSKSUz5qCg8" 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=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAwOTUxNn0:1uUmCI:gkZy_JU-hfaCxoSyPq9f1wJqbkmdczkjM7LoWjWqGGQ" 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 only
                        </span>
                        people-first
                        <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">
                        © 2025 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 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_165629046000314" style="color: inherit; font-size: inherit; line-height: inherit;">
            <div style="overflow:hidden">
             <table align="right" cellpadding="0" cellspacing="0" class="hse-pre-header hse-secondary" role="presentation" style="text-align:right; font-family:Arial, sans-serif; font-size:12px; line-height:135%; color:#23496d; margin-bottom:0; padding:0" width="100%">
              <tbody>
               <tr>
                <td style="font-family:Arial, sans-serif; font-size:18px; color:#556575; word-break:break-word">
                 <p style="margin-bottom:18px !important; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important; line-height:1.6 !important; color:#405261 !important; font-style:normal; font-weight:normal; font-size:16px !important">
                  <a data-hs-link-id="1" data-hs-link-id-v2="k4XlzX/7" style="text-decoration:none !important; display:none; color:#1292ee" target="_blank">
                   View in browser
                  </a>
                 </p>
                </td>
               </tr>
              </tbody>
             </table>
            </div>
           </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%252FVWBHKQ1MS_RSW7m-Vgy1DG-kYV7Wb0N5ygcV9W65wGFp3D7Bqj112/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZlbWFpbC5oZWxwcyIsInRpbWUiOjE3NTA5NDI3NjIuNzAxMDU1M30:1uUmCI:qFBq5Edz9UcnbPndgam492PzgdGTpTwP-o1cySKKDgg" 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>