Inboxes List

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

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html dir="auto" lang="en" style="background-color: transparent;" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <title>
   Introducing Framer 3.0
  </title>
  <!--[if !mso]><!-->
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <!--<![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <style type="text/css">
   #outlook a { padding:0; }
      body { margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; }
      table, td { border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt; }
      img { border:0;height:auto;line-height:100%; outline:none;text-decoration:none;-ms-interpolation-mode:bicubic; }
      p { display:block;margin:13px 0; }
  </style>
  <!--[if mso]>
    <noscript>
    <xml>
    <o:OfficeDocumentSettings>
      <o:AllowPNG/>
      <o:PixelsPerInch>96</o:PixelsPerInch>
    </o:OfficeDocumentSettings>
    </xml>
    </noscript>
    <![endif]-->
  <!--[if lte mso 11]>
    <style type="text/css">
      .mj-outlook-group-fix { width:100% !important; }
    </style>
    <![endif]-->
  <!--[if !mso]><!-->
  <link href="https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253DArial%253A400%252C600/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCIsInRpbWUiOjE3ODE2MzgzNzQuOTAyNzAzNX0:1wZZWo:WP9AFp3o8USZEGUBHIFlM9GY7x3TzRn8hXkel-JvxdU" rel="stylesheet" type="text/css"/>
  <style type="text/css">
   @import url(https://inboxflows.com/_/image/https%253A%252F%252Ffonts.googleapis.com%252Fcss%253Ffamily%253DArial%253A400%252C600/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZmb250cy5nb29nbCIsInRpbWUiOjE3ODE2MzgzNzQuOTAyNzAzNX0:1wZZWo:WP9AFp3o8USZEGUBHIFlM9GY7x3TzRn8hXkel-JvxdU);
  </style>
  <!--<![endif]-->
  <style type="text/css">
   @media only screen and (min-width:480px) {
        .mj-column-per-100 { width:100% !important; max-width: 100%; }
      }
  </style>
  <style media="screen and (min-width:480px)">
   .moz-text-html .mj-column-per-100 { width:100% !important; max-width: 100%; }
  </style>
  <style type="text/css">
   @media only screen and (max-width:479px) {
      table.mj-full-width-mobile { width: 100% !important; }
      td.mj-full-width-mobile { width: auto !important; }
    }
  </style>
  <style type="text/css">
   .wfix {
          max-width: 600px !important;
        }
        
        @media(max-width: 480px) {
          .body-image-mobile-width-42 td { width: 42px !important; } .body-image-mobile-width-600 td { width: 600px !important; }
          .body-image td  { max-width: 100% !important; }
          .body-image img  { box-sizing: border-box; }
          .social-icon-mobile-spacer {
            display: inline-block !important;
          }
        }
        
    .mobile-only { display: none !important; } .desktop-only { display: block !important; }
    @media(max-width: 480px) { .column-stack { width: 100% !important; max-width: 100% !important; display: block !important; } .column-stack td,.column-stack th { padding-left: 0 !important; padding-right: 0 !important; } .mobile-only { display: block !important; } .desktop-only { display: none !important; } }
  </style>
  <style>
   .wrapper {
            padding: 0 12px;
          }

          /* Superhuman selector */
          .ShadowHTML .wrapper {
            padding: 0 !important;
          }
         
         
  .ShadowHTML .styleUnquotedContent .unquoted-content a[href]:not(.sh-preserve-color), .ShadowHTML .styleUnquotedContent .sh-unquoted-content a[href]:not(.sh-preserve-color), .ShadowHTML .styleQuotedContent .sh-quoted-content a[href]:not(.sh-preserve-color), .ShadowHTML .sh-signature a[href]:not(.sh-preserve-color), .ShadowHTML .Signature-settings a[href]:not(.sh-preserve-color) {
    color: inherit;
  }
  .ShadowHTML .styleUnquotedContent .unquoted-content .opt-in-explanation a[href]:not(.sh-preserve-color), .ShadowHTML .styleUnquotedContent .sh-unquoted-content .opt-in-explanation a[href]:not(.sh-preserve-color), .ShadowHTML .styleQuotedContent .sh-quoted-content .opt-in-explanation a[href]:not(.sh-preserve-color), .ShadowHTML .sh-signature .opt-in-explanation a[href]:not(.sh-preserve-color), .ShadowHTML .Signature-settings .opt-in-explanation a[href]:not(.sh-preserve-color) {
    color: #9ca3af !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

         
    .ShadowHTML .styleUnquotedContent .unquoted-content *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings *:not(.sh-preserve-line-height) {
      line-height: 21px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings *:not(.sh-preserve-font-size) {
      font-size: 14px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-family), .ShadowHTML .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-family), .ShadowHTML .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-family), .ShadowHTML .sh-signature *:not(.sh-preserve-font-family), .ShadowHTML .Signature-settings *:not(.sh-preserve-font-family) {
      font-family: Arial, ui-sans-serif, sans-serif !important;
    }
  
    .ShadowHTML .styleUnquotedContent .unquoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h1 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h1 *:not(.sh-preserve-line-height) {
      line-height: 36px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h1 *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h1 *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content h1 *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature h1 *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings h1 *:not(.sh-preserve-font-size) {
      font-size: 30px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h1 *:not(.sh-preserve-font-family), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h1 *:not(.sh-preserve-font-family), .ShadowHTML .styleQuotedContent .sh-quoted-content h1 *:not(.sh-preserve-font-family), .ShadowHTML .sh-signature h1 *:not(.sh-preserve-font-family), .ShadowHTML .Signature-settings h1 *:not(.sh-preserve-font-family) {
      font-family: Arial, ui-sans-serif, sans-serif !important;
    }
  
    .ShadowHTML .styleUnquotedContent .unquoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h2 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h2 *:not(.sh-preserve-line-height) {
      line-height: 32px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h2 *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h2 *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content h2 *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature h2 *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings h2 *:not(.sh-preserve-font-size) {
      font-size: 24px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h2 *:not(.sh-preserve-font-family), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h2 *:not(.sh-preserve-font-family), .ShadowHTML .styleQuotedContent .sh-quoted-content h2 *:not(.sh-preserve-font-family), .ShadowHTML .sh-signature h2 *:not(.sh-preserve-font-family), .ShadowHTML .Signature-settings h2 *:not(.sh-preserve-font-family) {
      font-family: Arial, ui-sans-serif, sans-serif !important;
    }
  
    .ShadowHTML .styleUnquotedContent .unquoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h3 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h3 *:not(.sh-preserve-line-height) {
      line-height: 26px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h3 *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h3 *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content h3 *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature h3 *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings h3 *:not(.sh-preserve-font-size) {
      font-size: 16px !important;
    }
    .ShadowHTML .styleUnquotedContent .unquoted-content h3 *:not(.sh-preserve-font-family), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h3 *:not(.sh-preserve-font-family), .ShadowHTML .styleQuotedContent .sh-quoted-content h3 *:not(.sh-preserve-font-family), .ShadowHTML .sh-signature h3 *:not(.sh-preserve-font-family), .ShadowHTML .Signature-settings h3 *:not(.sh-preserve-font-family) {
      font-family: Arial, ui-sans-serif, sans-serif !important;
    }
  
    .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-size) h1 *, .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-size) h1 *, .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-size) h1 *, .sh-signature *:not(.sh-preserve-font-size) h1 *, .Signature-settings *:not(.sh-preserve-font-size) h1 * {
      font-size: 30px !important;
    }

    .ShadowHTML .styleUnquotedContent .unquoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h1 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h1 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h1 *:not(.sh-preserve-line-height) {
      line-height: 36px !important;
    }
  
    .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-size) h2 *, .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-size) h2 *, .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-size) h2 *, .sh-signature *:not(.sh-preserve-font-size) h2 *, .Signature-settings *:not(.sh-preserve-font-size) h2 * {
      font-size: 24px !important;
    }

    .ShadowHTML .styleUnquotedContent .unquoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h2 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h2 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h2 *:not(.sh-preserve-line-height) {
      line-height: 32px !important;
    }
  
    .styleUnquotedContent .unquoted-content *:not(.sh-preserve-font-size) h3 *, .styleUnquotedContent .sh-unquoted-content *:not(.sh-preserve-font-size) h3 *, .styleQuotedContent .sh-quoted-content *:not(.sh-preserve-font-size) h3 *, .sh-signature *:not(.sh-preserve-font-size) h3 *, .Signature-settings *:not(.sh-preserve-font-size) h3 * {
      font-size: 16px !important;
    }

    .ShadowHTML .styleUnquotedContent .unquoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .styleUnquotedContent .sh-unquoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .styleQuotedContent .sh-quoted-content h3 *:not(.sh-preserve-line-height), .ShadowHTML .sh-signature h3 *:not(.sh-preserve-line-height), .ShadowHTML .Signature-settings h3 *:not(.sh-preserve-line-height) {
      line-height: 26px !important;
    }
  
         
  .ShadowHTML :is(.styleUnquotedContent .unquoted-content, .styleUnquotedContent .sh-unquoted-content, .styleQuotedContent .sh-quoted-content, .sh-signature, .Signature-settings) :is(td.column-container, div[class^="mj-column-per-"]){font-size:0!important}
  html.sh-color :is(td.column-container, div[class^="mj-column-per-"], div.mj-column-per-100.mj-outlook-group-fix){font-size:0!important}
  @media(max-width:480px){
    html.sh-color .column-stack{width:100%!important;max-width:100%!important;display:block!important}
    html.sh-color :is(.column-stack td,.column-stack th){padding-left:0!important;padding-right:0!important;width:100%!important;max-width:100%!important;display:block!important}
    html.sh-color :is(.column-stack, .column-stack *){word-break:break-word!important;overflow-wrap:anywhere!important}
    html.sh-color :is(.column-persist, .column-persist *){word-break:break-word!important;overflow-wrap:anywhere!important}
  }
  html.sh-color a[href^="tel:"]{color:inherit!important;text-decoration:none!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;vertical-align:baseline!important}

         
         
  .ShadowHTML .styleUnquotedContent .unquoted-content .social-icons *:not(.sh-preserve-font-size), .ShadowHTML .styleUnquotedContent .sh-unquoted-content .social-icons *:not(.sh-preserve-font-size), .ShadowHTML .styleQuotedContent .sh-quoted-content .social-icons *:not(.sh-preserve-font-size), .ShadowHTML .sh-signature .social-icons *:not(.sh-preserve-font-size), .ShadowHTML .Signature-settings .social-icons *:not(.sh-preserve-font-size) {
    font-size: unset !important;
  }

         [class~="x_social-icon-dark-mode"] { display: none !important; mso-hide:all;  width: 0px !important; padding: 0px !important; }

          /* Gmail selectors */
          u + .body .wrapper {
            padding: 0 !important;
          }
          div > u + .body .wrapper {
            padding: 0 !important;
          }
          
    a { text-decoration: none; color: inherit; }
    @media (prefers-color-scheme: dark) {
    a { 
    color: inherit;
   }
  }
  
          
    
  .Theme-carbon .divider.dark-force p { border-color: #ffffff !important; }
  .Theme-carbon .powered-by-image-dark { display: block !important; }
  .Theme-carbon .powered-by-image { display: none !important; }
  .Theme-carbon .social-icon.social-icon-hide-dark-mode { display: none !important; }
  .Theme-carbon .social-icon-dark-mode { display: block !important; }
  .Theme-carbon * { color: #ffffff !important; }
  .Theme-carbon td.code-node code span { color: inherit !important; }

    
  .Theme-carbon .styleQuotedContent.styleUnquotedContent .sh-color-grey.link-custom-footer-dark-force, .Theme-carbon .Editor-inner .sh-color-grey.link-custom-footer-dark-force, .Theme-carbon .Signature-settings .sh-color-grey.link-custom-footer-dark-force {
    color: #ffffff !important;
  }

    @media (prefers-color-scheme: dark) {
      
#root[data-shadow-root-container-id] .body { background-color: Canvas !important; }
td.dark-force div { color: #FFFFFF !important; }
span.dark-force { color:#FFFFFF !important; }
a.dark-force, a.dark-force span { color: #FFFFFF; }
h1.dark-force, h1.dark-force > span,
h2.dark-force, h2.dark-force > span,
h3.dark-force, h3.dark-force > span { color: #FFFFFF; }
.divider.dark-force p { border-color: #FFFFFF !important; }
.powered-by-image { display: none !important; }
.powered-by-image-dark { display: block !important; }
.social-icon.social-icon-hide-dark-mode { display: none !important; }
.social-icon-dark-mode { display: block !important; }
.link-custom-footer-dark-force { color: #FFFFFF !important; }
.code { background-color: rgb(243, 244, 246, 0.2) !important; }
.powered-by-loops-text a.dark-force, .powered-by-loops-text a.dark-force span { color:#FFFFFF !important; }

[class~="x_email-body"] td.dark-force div { color: #000000 !important; }
[class~="x_email-body"] span.dark-force { color:#000000 !important; }
[class~="x_email-body"] a.dark-force, [class~="x_email-body"] a.dark-force span { color: #000000; }
[class~="x_email-body"] h1.dark-force, [class~="x_email-body"] h1.dark-force > span,
[class~="x_email-body"] h2.dark-force, [class~="x_email-body"] h2.dark-force > span,
[class~="x_email-body"] h3.dark-force, [class~="x_email-body"] h3.dark-force > span { color: #000000; }
[class~="x_email-body"] .divider.dark-force p { border-color: #000000 !important; }
[class~="x_email-body"] .powered-by-image { display: none !important; }
[class~="x_email-body"] .powered-by-image-dark { display: block !important; }
[class~="x_email-body"] .social-icon.social-icon-hide-dark-mode { display: none !important; }
[class~="x_email-body"] .social-icon-dark-mode { display: block !important; }
[class~="x_email-body"] .link-custom-footer-dark-force { color: #000000 !important; }
[class~="x_email-body"] .code { background-color: rgb(243, 244, 246, 0.2) !important; }
[class~="x_email-body"] .powered-by-loops-text a.dark-force, [class~="x_email-body"] .powered-by-loops-text a.dark-force span { color:#000000 !important; }


    }
          
          .link-unsubscribe { color: #9ca3af !important; }
  </style>
  <meta content="light dark" name="color-scheme"/>
  <meta content="light dark" name="supported-color-schemes"/>
 </head>
 <body class="body email-body" style="word-spacing:normal;background-color:transparent;">
  <div style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden;">
   With Agents, Branching, Community, and an all-new design.
  </div>
  <div aria-label="Introducing Framer 3.0" aria-roledescription="email" dir="auto" lang="en" role="article" style="word-spacing:normal;background-color:transparent;">
   <img alt="" src="https://inboxflows.com/_/image/https%253A%252F%252Fc.vialoops.com%252FCI0%252F0100019ed1ec205e-6636f7a8-1d76-4afb-b684-d466421c07a8-000000%252Fqla-AfRKKXYJ2dNDReYpcs2iLkhDgOoqkA_ZdL_9c8I%253D452/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjLnZpYWxvb3BzLiIsInRpbWUiOjE3ODE2MzgzNzQuOTQzNjk4NH0:1wZZWo:hjwMRildMHSxElL5HLIh8Y5pmWuwcLnSjX9I0b7tfRw" style="display: none; width: 1px; height: 1px;"/>
   <div style="display: none; max-height: 0px; overflow: hidden;">
    ͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­͏​  ­
   </div>
   <!--[if mso]><style type="text/css"> a { text-decoration: underline !important; } .button a { text-decoration: none !important; } .outlook-list-fix { margin-left:4px !important; } .outlook-break-full-link { word-break: break-all !important; } .outlook-hide-social-icon { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon * { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon table { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tbody { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon tr { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon td { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon img { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; } .outlook-hide-social-icon a { display: none !important; mso-hide:all; width: 0px !important; padding: 0px !important; }
</style><table align="middle" border="0" cellpadding="0" cellspacing="0" class="wfix-outlook gmail-no-padding-outlook wrapper-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
   <div class="wfix gmail-no-padding wrapper" style="margin:0px auto;max-width:600px;">
    <table align="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
     <tbody>
      <tr>
       <td style="direction:ltr;font-size:0px;padding:20px 0;padding-top:0;text-align:center;">
        <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td class="wfix-outlook" width="600px" ><table align="middle" border="0" cellpadding="0" cellspacing="0" class="wfix-outlook" role="presentation" style="width:600px;" width="600" ><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
        <div class="wfix" style="margin:0px auto;max-width:600px;">
         <table align="middle" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
          <tbody>
           <tr>
            <td style="direction:ltr;font-size:0px;padding:20px 0;padding-bottom:24px;padding-left:0px;padding-right:0px;padding-top:24px;text-align:center;">
             <!--[if mso | IE]><table role="presentation" border="0" cellpadding="0" cellspacing="0"><tr><td align="middle" class="wfix-outlook rounded-corners-outlook styled-primary-column-outlook" style="vertical-align:top;width:600px;" ><![endif]-->
             <div class="mj-column-per-100 mj-outlook-group-fix wfix rounded-corners styled-primary-column" style="font-size:0px;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%;">
              <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse: separate;" width="100%">
               <tbody>
                <tr>
                 <td style="background-color:transparent;border-radius:0px;vertical-align:top;border-collapse:separate;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;">
                  <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="" width="100%">
                   <tbody>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-42" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:42px;">
                          <a style="text-decoration: none; color: inherit;" target="_blank">
                           <img alt="Framer Logo" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fd3b9kr64nievew.cloudfront.net%252Fcmhj0ny900lhfyp0i72vrlzin%252Fcmhj2of1y1f3c0a0ilruldka2.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZkM2I5a3I2NG5pZSIsInRpbWUiOjE3ODE2MzgzNzQuOTQzOTc0N30:1wZZWo:aJ8y_do1HcOzhiAI8zeLkpLhpQTuX6hxv_CNltOacZg" style="border:0;border-radius:0px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="42"/>
                          </a>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span class="bold" style="font-weight: 600; font-size: 14px; white-space: pre-wrap; line-height: 21px !important; font-size: 14px !important;">
                        Introducing Framer 3.0
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        With Agents, Branching, Community, and an all-new design. Read about everything we launched below or watch the
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         launch video
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        , and the
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         full event
                        </span>
                       </a>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        to see everything that’s new.
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span class="bold" style="font-weight: 600; font-size: 14px; white-space: pre-wrap; line-height: 21px !important; font-size: 14px !important;">
                        Agents
                       </span>
                       <br/>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Agents bring AI to the canvas, and can design entire pages, iterate with you, make breakpoints, add effects, create components, write code, connect to the CMS, share site analytics, organize styles, and so much more.
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         Learn more about Agents.
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmqdqfgb54z6d0jx9gyvy3xb6%252Fcmqdrd5bq2gij0jxsn79fa1m9.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3ODE2MzgzNzQuOTQ0MTY2Mn0:1wZZWo:Xj_Nr_sxjOJUGxcVT-UaYnJKZHO6SoZ9kO-DyOgybTk" style="border:0;border-radius:15px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span class="bold" style="font-weight: 600; font-size: 14px; white-space: pre-wrap; line-height: 21px !important; font-size: 14px !important;">
                        Branching
                       </span>
                       <br/>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Create a branch, experiment, review the changes, compare versions, and merge when the work is ready. Teams can keep AI edits and production work separate.
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         Learn more about Branching.
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmqdqfgb54z6d0jx9gyvy3xb6%252Fcmqdvimpi0zld0j06nw9v4dl7.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3ODE2MzgzNzQuOTQ0Mzg0fQ:1wZZWo:WtHuIw5yltlu7I6k1ggNhB250U5Bak6uA0N2bpetkbM" style="border:0;border-radius:15px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span class="bold" style="font-weight: 600; font-size: 14px; white-space: pre-wrap; line-height: 21px !important; font-size: 14px !important;">
                        External Agents
                       </span>
                       <br/>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        Connect Claude Code, Cursor, Codex, or any AI to your Framer projects. Use your AI workflow while Framer stays the canvas, CMS, and publishing layer.
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         Learn more about External Agents.
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmqdqfgb54z6d0jx9gyvy3xb6%252Fcmqfaa2hx00iy0jzzld0nwuyz.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3ODE2MzgzNzQuOTU2ODIwN30:1wZZWo:vYj607dC1rjJ3hwzTkcxXj_ybmda5CM-Ar0HfTiRh6k" style="border:0;border-radius:15px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span class="bold" style="font-weight: 600; font-size: 14px; white-space: pre-wrap; line-height: 21px !important; font-size: 14px !important;">
                        The New Framer Community
                       </span>
                       <br/>
                       <span style="line-height: 21px !important; font-size: 14px; font-size: 14px !important; white-space: pre-wrap;">
                        We’ve brought Marketplace, Gallery, Feed, Members, and Contests into one place. Discover work, share your own, meet other creators, and join contests from the new Framer Community.
                       </span>
                       <a class="body-link" rel="noopener noreferrer" style="text-decoration: none; color: inherit;" target="_blank">
                        <span class="underline" style="font-size: 14px; white-space: pre-wrap; text-decoration: underline !important; line-height: 21px !important; font-size: 14px !important;">
                         Join the new Community.
                        </span>
                       </a>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:14px;letter-spacing:0px;line-height:21px !important;text-align:left;color:inherit;">
                       <span>
                       </span>
                      </div>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="body-image body-image-mobile-width-600" style="font-size:0px;padding:10px 25px;padding-top:4px;padding-right:0px;padding-bottom:4px;padding-left:0px;word-break:break-word;">
                      <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="border-collapse:collapse;border-spacing:0px;">
                       <tbody>
                        <tr>
                         <td style="width:600px;">
                          <img alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fimages.vialoops.com%252Fcmqdqfgb54z6d0jx9gyvy3xb6%252Fcmqfaa7z41tvg0js4pzki4doy.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpbWFnZXMudmlhbCIsInRpbWUiOjE3ODE2MzgzNzQuOTU3MTM3fQ:1wZZWo:uv2qe6AI0FhfWhFNUlF8Zqk8tblGp5P2nvmTuw304Eg" style="border:0;border-radius:15px;display:block;outline:none;text-decoration:none;height:auto;width:100%;font-size:13px;" width="600"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                    <tr>
                     <td align="left" class="dark-force" style="font-size:0px;padding:10px 25px;padding-top:24px;padding-right:0px;padding-left:0px;word-break:break-word;">
                      <div style="font-family:Arial, ui-sans-serif, sans-serif;font-size:12px;letter-spacing:0px;line-height:18px !important;text-align:left;color:#9ca3af;">
                       <span class="opt-in-explanation" style="color: #9ca3af !important; font-size: 12px !important; line-height: 18px !important;">
                        You are receiving this email because you opted in to receive updates from Framer
                        <br/>
                        Framer, Rozengracht 207B, 1016 LZ, Amsterdam, Netherlands
                        <br/>
                        <a class="bold link-unsubscribe" rel="noopener noreferrer" style="font-weight: 600; color: #9ca3af !important; text-decoration: none !important; font-size: 12px !important; line-height: 18px !important;" target="_blank">
                         Unsubscribe
                        </a>
                       </span>
                      </div>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
             </div>
             <!--[if mso | IE]></td></tr></table><![endif]-->
            </td>
           </tr>
          </tbody>
         </table>
        </div>
        <!--[if mso | IE]></td></tr></table></td></tr></table><![endif]-->
       </td>
      </tr>
     </tbody>
    </table>
   </div>
   <!--[if mso | IE]></td></tr></table><![endif]-->
  </div>
 </body>
</html>