@charset "UTF-8";
.primary.button.inactive, .secondary.button.inactive, .case-studies .customer .content a, #Homepage .marquee.engage-callout a.registration, #Homepage .marquee a.watch, #Homepage .marquee a.trial, #Homepage .customers .inline a, #Homepage .blade.decisions .cta a, #Homepage .integrations .cta a, #Homepage .blade.contact .contact-container .contact-box a.trial, #Homepage .blade.contact .contact-container .contact-box a.contact, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch, #Why-Smartsheet .blade.solutions .cta a, #Why-Smartsheet .contact a, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login,
.plan-type-1 #Homepage.trial .marquee .container.trial-users a.login, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade,
.plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade {
  font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 0.9rem 1.75rem;
  border-radius: 9999px;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  transition: all 0.15s ease;
  color: white;
  outline: 0 none;
  letter-spacing: 0 !important;
  border-radius: 1.75em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .primary.button.inactive:lang(en), .secondary.button.inactive:lang(en), .case-studies .customer .content a:lang(en), #Homepage .marquee.engage-callout a.registration:lang(en), #Homepage .marquee a.watch:lang(en), #Homepage .marquee a.trial:lang(en), #Homepage .customers .inline a:lang(en), #Homepage .blade.decisions .cta a:lang(en), #Homepage .integrations .cta a:lang(en), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(en), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(en), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(en), #Why-Smartsheet .blade.solutions .cta a:lang(en), #Why-Smartsheet .contact a:lang(en), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(en),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(en), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(en),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(en) {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.05em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(en), .secondary.button.inactive:lang(en), .case-studies .customer .content a:lang(en), #Homepage .marquee.engage-callout a.registration:lang(en), #Homepage .marquee a.watch:lang(en), #Homepage .marquee a.trial:lang(en), #Homepage .customers .inline a:lang(en), #Homepage .blade.decisions .cta a:lang(en), #Homepage .integrations .cta a:lang(en), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(en), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(en), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(en), #Why-Smartsheet .blade.solutions .cta a:lang(en), #Why-Smartsheet .contact a:lang(en), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(en),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(en), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(en),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(en) {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: -0.06em; } }
  .primary.button.inactive:lang(es), .secondary.button.inactive:lang(es), .case-studies .customer .content a:lang(es), #Homepage .marquee.engage-callout a.registration:lang(es), #Homepage .marquee a.watch:lang(es), #Homepage .marquee a.trial:lang(es), #Homepage .customers .inline a:lang(es), #Homepage .blade.decisions .cta a:lang(es), #Homepage .integrations .cta a:lang(es), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(es), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(es), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(es), #Why-Smartsheet .blade.solutions .cta a:lang(es), #Why-Smartsheet .contact a:lang(es), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(es),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(es), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(es),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(es) {
    font-size: 0.95625rem;
    line-height: 1.5rem;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(es), .secondary.button.inactive:lang(es), .case-studies .customer .content a:lang(es), #Homepage .marquee.engage-callout a.registration:lang(es), #Homepage .marquee a.watch:lang(es), #Homepage .marquee a.trial:lang(es), #Homepage .customers .inline a:lang(es), #Homepage .blade.decisions .cta a:lang(es), #Homepage .integrations .cta a:lang(es), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(es), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(es), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(es), #Why-Smartsheet .blade.solutions .cta a:lang(es), #Why-Smartsheet .contact a:lang(es), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(es),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(es), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(es),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(es) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.05em; } }
  .primary.button.inactive:lang(de), .secondary.button.inactive:lang(de), .case-studies .customer .content a:lang(de), #Homepage .marquee.engage-callout a.registration:lang(de), #Homepage .marquee a.watch:lang(de), #Homepage .marquee a.trial:lang(de), #Homepage .customers .inline a:lang(de), #Homepage .blade.decisions .cta a:lang(de), #Homepage .integrations .cta a:lang(de), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(de), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(de), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(de), #Why-Smartsheet .blade.solutions .cta a:lang(de), #Why-Smartsheet .contact a:lang(de), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(de),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(de), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(de),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(de) {
    font-size: 0.7875rem;
    line-height: 1.5rem;
    letter-spacing: -0.035em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(de), .secondary.button.inactive:lang(de), .case-studies .customer .content a:lang(de), #Homepage .marquee.engage-callout a.registration:lang(de), #Homepage .marquee a.watch:lang(de), #Homepage .marquee a.trial:lang(de), #Homepage .customers .inline a:lang(de), #Homepage .blade.decisions .cta a:lang(de), #Homepage .integrations .cta a:lang(de), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(de), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(de), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(de), #Why-Smartsheet .blade.solutions .cta a:lang(de), #Why-Smartsheet .contact a:lang(de), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(de),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(de), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(de),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(de) {
        font-size: 0.7875rem;
        line-height: 1.5rem;
        letter-spacing: -0.04em; } }
  .primary.button.inactive:lang(pt), .secondary.button.inactive:lang(pt), .case-studies .customer .content a:lang(pt), #Homepage .marquee.engage-callout a.registration:lang(pt), #Homepage .marquee a.watch:lang(pt), #Homepage .marquee a.trial:lang(pt), #Homepage .customers .inline a:lang(pt), #Homepage .blade.decisions .cta a:lang(pt), #Homepage .integrations .cta a:lang(pt), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(pt), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(pt), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(pt), #Why-Smartsheet .blade.solutions .cta a:lang(pt), #Why-Smartsheet .contact a:lang(pt), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(pt),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(pt), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(pt),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(pt) {
    font-size: 0.95625rem;
    line-height: 1.5rem;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(pt), .secondary.button.inactive:lang(pt), .case-studies .customer .content a:lang(pt), #Homepage .marquee.engage-callout a.registration:lang(pt), #Homepage .marquee a.watch:lang(pt), #Homepage .marquee a.trial:lang(pt), #Homepage .customers .inline a:lang(pt), #Homepage .blade.decisions .cta a:lang(pt), #Homepage .integrations .cta a:lang(pt), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(pt), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(pt), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(pt), #Why-Smartsheet .blade.solutions .cta a:lang(pt), #Why-Smartsheet .contact a:lang(pt), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(pt),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(pt), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(pt),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(pt) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.05em; } }
  .primary.button.inactive:lang(it), .secondary.button.inactive:lang(it), .case-studies .customer .content a:lang(it), #Homepage .marquee.engage-callout a.registration:lang(it), #Homepage .marquee a.watch:lang(it), #Homepage .marquee a.trial:lang(it), #Homepage .customers .inline a:lang(it), #Homepage .blade.decisions .cta a:lang(it), #Homepage .integrations .cta a:lang(it), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(it), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(it), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(it), #Why-Smartsheet .blade.solutions .cta a:lang(it), #Why-Smartsheet .contact a:lang(it), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(it),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(it), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(it),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(it) {
    font-size: 0.95625rem;
    line-height: 1.5rem;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(it), .secondary.button.inactive:lang(it), .case-studies .customer .content a:lang(it), #Homepage .marquee.engage-callout a.registration:lang(it), #Homepage .marquee a.watch:lang(it), #Homepage .marquee a.trial:lang(it), #Homepage .customers .inline a:lang(it), #Homepage .blade.decisions .cta a:lang(it), #Homepage .integrations .cta a:lang(it), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(it), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(it), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(it), #Why-Smartsheet .blade.solutions .cta a:lang(it), #Why-Smartsheet .contact a:lang(it), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(it),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(it), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(it),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(it) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.05em; } }
  .primary.button.inactive:lang(ja), .secondary.button.inactive:lang(ja), .case-studies .customer .content a:lang(ja), #Homepage .marquee.engage-callout a.registration:lang(ja), #Homepage .marquee a.watch:lang(ja), #Homepage .marquee a.trial:lang(ja), #Homepage .customers .inline a:lang(ja), #Homepage .blade.decisions .cta a:lang(ja), #Homepage .integrations .cta a:lang(ja), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(ja), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(ja), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(ja), #Why-Smartsheet .blade.solutions .cta a:lang(ja), #Why-Smartsheet .contact a:lang(ja), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(ja),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(ja), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ja),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ja) {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.05em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(ja), .secondary.button.inactive:lang(ja), .case-studies .customer .content a:lang(ja), #Homepage .marquee.engage-callout a.registration:lang(ja), #Homepage .marquee a.watch:lang(ja), #Homepage .marquee a.trial:lang(ja), #Homepage .customers .inline a:lang(ja), #Homepage .blade.decisions .cta a:lang(ja), #Homepage .integrations .cta a:lang(ja), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(ja), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(ja), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(ja), #Why-Smartsheet .blade.solutions .cta a:lang(ja), #Why-Smartsheet .contact a:lang(ja), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(ja),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(ja), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ja),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ja) {
        font-size: 1.2375rem;
        line-height: 1.5rem;
        letter-spacing: -0.07em; } }
  .primary.button.inactive:lang(ru), .secondary.button.inactive:lang(ru), .case-studies .customer .content a:lang(ru), #Homepage .marquee.engage-callout a.registration:lang(ru), #Homepage .marquee a.watch:lang(ru), #Homepage .marquee a.trial:lang(ru), #Homepage .customers .inline a:lang(ru), #Homepage .blade.decisions .cta a:lang(ru), #Homepage .integrations .cta a:lang(ru), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(ru), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(ru), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(ru), #Why-Smartsheet .blade.solutions .cta a:lang(ru), #Why-Smartsheet .contact a:lang(ru), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(ru),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(ru), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ru),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ru) {
    font-size: 0.84375rem;
    line-height: 1.5rem;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(ru), .secondary.button.inactive:lang(ru), .case-studies .customer .content a:lang(ru), #Homepage .marquee.engage-callout a.registration:lang(ru), #Homepage .marquee a.watch:lang(ru), #Homepage .marquee a.trial:lang(ru), #Homepage .customers .inline a:lang(ru), #Homepage .blade.decisions .cta a:lang(ru), #Homepage .integrations .cta a:lang(ru), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(ru), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(ru), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(ru), #Why-Smartsheet .blade.solutions .cta a:lang(ru), #Why-Smartsheet .contact a:lang(ru), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(ru),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(ru), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ru),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ru) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.05em; } }
  .primary.button.inactive:lang(fr), .secondary.button.inactive:lang(fr), .case-studies .customer .content a:lang(fr), #Homepage .marquee.engage-callout a.registration:lang(fr), #Homepage .marquee a.watch:lang(fr), #Homepage .marquee a.trial:lang(fr), #Homepage .customers .inline a:lang(fr), #Homepage .blade.decisions .cta a:lang(fr), #Homepage .integrations .cta a:lang(fr), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(fr), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(fr), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(fr), #Why-Smartsheet .blade.solutions .cta a:lang(fr), #Why-Smartsheet .contact a:lang(fr), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(fr),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(fr), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(fr),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(fr) {
    font-size: 0.95625rem;
    line-height: 1.5rem;
    letter-spacing: -0.042em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(fr), .secondary.button.inactive:lang(fr), .case-studies .customer .content a:lang(fr), #Homepage .marquee.engage-callout a.registration:lang(fr), #Homepage .marquee a.watch:lang(fr), #Homepage .marquee a.trial:lang(fr), #Homepage .customers .inline a:lang(fr), #Homepage .blade.decisions .cta a:lang(fr), #Homepage .integrations .cta a:lang(fr), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(fr), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(fr), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(fr), #Why-Smartsheet .blade.solutions .cta a:lang(fr), #Why-Smartsheet .contact a:lang(fr), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(fr),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(fr), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(fr),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(fr) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.051em; } }
  .primary.button.inactive:hover, .secondary.button.inactive:hover, .case-studies .customer .content a:hover, #Homepage .marquee.engage-callout a.registration:hover, #Homepage .marquee a.watch:hover, #Homepage .marquee a.trial:hover, #Homepage .customers .inline a:hover, #Homepage .blade.decisions .cta a:hover, #Homepage .integrations .cta a:hover, #Homepage .blade.contact .contact-container .contact-box a.trial:hover, #Homepage .blade.contact .contact-container .contact-box a.contact:hover, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:hover, #Why-Smartsheet .blade.solutions .cta a:hover, #Why-Smartsheet .contact a:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:hover,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:hover,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:hover {
    text-decoration: none; }
  .primary.button.inactive:link, .secondary.button.inactive:link, .case-studies .customer .content a:link, #Homepage .marquee.engage-callout a.registration:link, #Homepage .marquee a.watch:link, #Homepage .marquee a.trial:link, #Homepage .customers .inline a:link, #Homepage .blade.decisions .cta a:link, #Homepage .integrations .cta a:link, #Homepage .blade.contact .contact-container .contact-box a.trial:link, #Homepage .blade.contact .contact-container .contact-box a.contact:link, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:link, #Why-Smartsheet .blade.solutions .cta a:link, #Why-Smartsheet .contact a:link, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:link,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:link, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:link,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:link {
    color: white; }
    .primary.button.inactive:link:hover, .secondary.button.inactive:link:hover, .case-studies .customer .content a:link:hover, #Homepage .marquee.engage-callout a.registration:link:hover, #Homepage .marquee a.watch:link:hover, #Homepage .marquee a.trial:link:hover, #Homepage .customers .inline a:link:hover, #Homepage .blade.decisions .cta a:link:hover, #Homepage .integrations .cta a:link:hover, #Homepage .blade.contact .contact-container .contact-box a.trial:link:hover, #Homepage .blade.contact .contact-container .contact-box a.contact:link:hover, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:link:hover, #Why-Smartsheet .blade.solutions .cta a:link:hover, #Why-Smartsheet .contact a:link:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:link:hover,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:link:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:link:hover,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:link:hover {
      color: white;
      text-decoration: none; }
  .primary.button.inactive:visited, .secondary.button.inactive:visited, .case-studies .customer .content a:visited, #Homepage .marquee.engage-callout a.registration:visited, #Homepage .marquee a.watch:visited, #Homepage .marquee a.trial:visited, #Homepage .customers .inline a:visited, #Homepage .blade.decisions .cta a:visited, #Homepage .integrations .cta a:visited, #Homepage .blade.contact .contact-container .contact-box a.trial:visited, #Homepage .blade.contact .contact-container .contact-box a.contact:visited, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:visited, #Why-Smartsheet .blade.solutions .cta a:visited, #Why-Smartsheet .contact a:visited, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:visited,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:visited, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:visited,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:visited {
    color: white; }
    .primary.button.inactive:visited:hover, .secondary.button.inactive:visited:hover, .case-studies .customer .content a:visited:hover, #Homepage .marquee.engage-callout a.registration:visited:hover, #Homepage .marquee a.watch:visited:hover, #Homepage .marquee a.trial:visited:hover, #Homepage .customers .inline a:visited:hover, #Homepage .blade.decisions .cta a:visited:hover, #Homepage .integrations .cta a:visited:hover, #Homepage .blade.contact .contact-container .contact-box a.trial:visited:hover, #Homepage .blade.contact .contact-container .contact-box a.contact:visited:hover, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:visited:hover, #Why-Smartsheet .blade.solutions .cta a:visited:hover, #Why-Smartsheet .contact a:visited:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:visited:hover,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:visited:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:visited:hover,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:visited:hover {
      color: white;
      text-decoration: none; }

input.primary.button.inactive, input.secondary.button.inactive {
  padding: 0 2rem; }

.primary.button.inactive {
  background: #3FAD48;
  border: 2px solid #96E65C; }
  @media only print {
    .primary.button.inactive {
      display: none !important; } }
  .primary.button.inactive:hover {
    background: #3FAD48;
    cursor: unset; }

.secondary.button.inactive {
  background: #1D9DE0;
  border: 2px solid #3ad9e8; }
  @media only print {
    .secondary.button.inactive {
      display: none !important; } }
  .secondary.button.inactive:hover {
    background: #1D9DE0;
    cursor: unset; }

.primary.button.inactive, .secondary.button.inactive, .case-studies .customer .content a, #Homepage .marquee.engage-callout a.registration, #Homepage .marquee a.watch, #Homepage .marquee a.trial, #Homepage .customers .inline a, #Homepage .blade.decisions .cta a, #Homepage .integrations .cta a, #Homepage .blade.contact .contact-container .contact-box a.trial, #Homepage .blade.contact .contact-container .contact-box a.contact, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch, #Why-Smartsheet .blade.solutions .cta a, #Why-Smartsheet .contact a, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login,
.plan-type-1 #Homepage.trial .marquee .container.trial-users a.login, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade,
.plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade {
  font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
  display: inline-block;
  cursor: pointer;
  margin: 0;
  padding: 0.9rem 1.75rem;
  border-radius: 9999px;
  text-shadow: none;
  text-decoration: none;
  text-align: center;
  transition: all 0.15s ease;
  color: white;
  outline: 0 none;
  letter-spacing: 0 !important;
  border-radius: 1.75em;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .primary.button.inactive:lang(en), .secondary.button.inactive:lang(en), .case-studies .customer .content a:lang(en), #Homepage .marquee.engage-callout a.registration:lang(en), #Homepage .marquee a.watch:lang(en), #Homepage .marquee a.trial:lang(en), #Homepage .customers .inline a:lang(en), #Homepage .blade.decisions .cta a:lang(en), #Homepage .integrations .cta a:lang(en), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(en), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(en), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(en), #Why-Smartsheet .blade.solutions .cta a:lang(en), #Why-Smartsheet .contact a:lang(en), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(en),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(en), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(en),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(en) {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.05em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(en), .secondary.button.inactive:lang(en), .case-studies .customer .content a:lang(en), #Homepage .marquee.engage-callout a.registration:lang(en), #Homepage .marquee a.watch:lang(en), #Homepage .marquee a.trial:lang(en), #Homepage .customers .inline a:lang(en), #Homepage .blade.decisions .cta a:lang(en), #Homepage .integrations .cta a:lang(en), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(en), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(en), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(en), #Why-Smartsheet .blade.solutions .cta a:lang(en), #Why-Smartsheet .contact a:lang(en), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(en),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(en), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(en),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(en) {
        font-size: 1.125rem;
        line-height: 1.5rem;
        letter-spacing: -0.06em; } }
  .primary.button.inactive:lang(es), .secondary.button.inactive:lang(es), .case-studies .customer .content a:lang(es), #Homepage .marquee.engage-callout a.registration:lang(es), #Homepage .marquee a.watch:lang(es), #Homepage .marquee a.trial:lang(es), #Homepage .customers .inline a:lang(es), #Homepage .blade.decisions .cta a:lang(es), #Homepage .integrations .cta a:lang(es), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(es), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(es), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(es), #Why-Smartsheet .blade.solutions .cta a:lang(es), #Why-Smartsheet .contact a:lang(es), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(es),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(es), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(es),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(es) {
    font-size: 0.95625rem;
    line-height: 1.5rem;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(es), .secondary.button.inactive:lang(es), .case-studies .customer .content a:lang(es), #Homepage .marquee.engage-callout a.registration:lang(es), #Homepage .marquee a.watch:lang(es), #Homepage .marquee a.trial:lang(es), #Homepage .customers .inline a:lang(es), #Homepage .blade.decisions .cta a:lang(es), #Homepage .integrations .cta a:lang(es), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(es), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(es), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(es), #Why-Smartsheet .blade.solutions .cta a:lang(es), #Why-Smartsheet .contact a:lang(es), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(es),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(es), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(es),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(es) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.05em; } }
  .primary.button.inactive:lang(de), .secondary.button.inactive:lang(de), .case-studies .customer .content a:lang(de), #Homepage .marquee.engage-callout a.registration:lang(de), #Homepage .marquee a.watch:lang(de), #Homepage .marquee a.trial:lang(de), #Homepage .customers .inline a:lang(de), #Homepage .blade.decisions .cta a:lang(de), #Homepage .integrations .cta a:lang(de), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(de), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(de), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(de), #Why-Smartsheet .blade.solutions .cta a:lang(de), #Why-Smartsheet .contact a:lang(de), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(de),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(de), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(de),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(de) {
    font-size: 0.7875rem;
    line-height: 1.5rem;
    letter-spacing: -0.035em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(de), .secondary.button.inactive:lang(de), .case-studies .customer .content a:lang(de), #Homepage .marquee.engage-callout a.registration:lang(de), #Homepage .marquee a.watch:lang(de), #Homepage .marquee a.trial:lang(de), #Homepage .customers .inline a:lang(de), #Homepage .blade.decisions .cta a:lang(de), #Homepage .integrations .cta a:lang(de), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(de), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(de), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(de), #Why-Smartsheet .blade.solutions .cta a:lang(de), #Why-Smartsheet .contact a:lang(de), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(de),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(de), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(de),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(de) {
        font-size: 0.7875rem;
        line-height: 1.5rem;
        letter-spacing: -0.04em; } }
  .primary.button.inactive:lang(pt), .secondary.button.inactive:lang(pt), .case-studies .customer .content a:lang(pt), #Homepage .marquee.engage-callout a.registration:lang(pt), #Homepage .marquee a.watch:lang(pt), #Homepage .marquee a.trial:lang(pt), #Homepage .customers .inline a:lang(pt), #Homepage .blade.decisions .cta a:lang(pt), #Homepage .integrations .cta a:lang(pt), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(pt), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(pt), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(pt), #Why-Smartsheet .blade.solutions .cta a:lang(pt), #Why-Smartsheet .contact a:lang(pt), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(pt),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(pt), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(pt),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(pt) {
    font-size: 0.95625rem;
    line-height: 1.5rem;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(pt), .secondary.button.inactive:lang(pt), .case-studies .customer .content a:lang(pt), #Homepage .marquee.engage-callout a.registration:lang(pt), #Homepage .marquee a.watch:lang(pt), #Homepage .marquee a.trial:lang(pt), #Homepage .customers .inline a:lang(pt), #Homepage .blade.decisions .cta a:lang(pt), #Homepage .integrations .cta a:lang(pt), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(pt), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(pt), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(pt), #Why-Smartsheet .blade.solutions .cta a:lang(pt), #Why-Smartsheet .contact a:lang(pt), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(pt),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(pt), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(pt),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(pt) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.05em; } }
  .primary.button.inactive:lang(it), .secondary.button.inactive:lang(it), .case-studies .customer .content a:lang(it), #Homepage .marquee.engage-callout a.registration:lang(it), #Homepage .marquee a.watch:lang(it), #Homepage .marquee a.trial:lang(it), #Homepage .customers .inline a:lang(it), #Homepage .blade.decisions .cta a:lang(it), #Homepage .integrations .cta a:lang(it), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(it), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(it), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(it), #Why-Smartsheet .blade.solutions .cta a:lang(it), #Why-Smartsheet .contact a:lang(it), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(it),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(it), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(it),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(it) {
    font-size: 0.95625rem;
    line-height: 1.5rem;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(it), .secondary.button.inactive:lang(it), .case-studies .customer .content a:lang(it), #Homepage .marquee.engage-callout a.registration:lang(it), #Homepage .marquee a.watch:lang(it), #Homepage .marquee a.trial:lang(it), #Homepage .customers .inline a:lang(it), #Homepage .blade.decisions .cta a:lang(it), #Homepage .integrations .cta a:lang(it), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(it), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(it), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(it), #Why-Smartsheet .blade.solutions .cta a:lang(it), #Why-Smartsheet .contact a:lang(it), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(it),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(it), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(it),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(it) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.05em; } }
  .primary.button.inactive:lang(ja), .secondary.button.inactive:lang(ja), .case-studies .customer .content a:lang(ja), #Homepage .marquee.engage-callout a.registration:lang(ja), #Homepage .marquee a.watch:lang(ja), #Homepage .marquee a.trial:lang(ja), #Homepage .customers .inline a:lang(ja), #Homepage .blade.decisions .cta a:lang(ja), #Homepage .integrations .cta a:lang(ja), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(ja), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(ja), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(ja), #Why-Smartsheet .blade.solutions .cta a:lang(ja), #Why-Smartsheet .contact a:lang(ja), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(ja),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(ja), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ja),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ja) {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: -0.05em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(ja), .secondary.button.inactive:lang(ja), .case-studies .customer .content a:lang(ja), #Homepage .marquee.engage-callout a.registration:lang(ja), #Homepage .marquee a.watch:lang(ja), #Homepage .marquee a.trial:lang(ja), #Homepage .customers .inline a:lang(ja), #Homepage .blade.decisions .cta a:lang(ja), #Homepage .integrations .cta a:lang(ja), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(ja), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(ja), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(ja), #Why-Smartsheet .blade.solutions .cta a:lang(ja), #Why-Smartsheet .contact a:lang(ja), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(ja),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(ja), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ja),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ja) {
        font-size: 1.2375rem;
        line-height: 1.5rem;
        letter-spacing: -0.07em; } }
  .primary.button.inactive:lang(ru), .secondary.button.inactive:lang(ru), .case-studies .customer .content a:lang(ru), #Homepage .marquee.engage-callout a.registration:lang(ru), #Homepage .marquee a.watch:lang(ru), #Homepage .marquee a.trial:lang(ru), #Homepage .customers .inline a:lang(ru), #Homepage .blade.decisions .cta a:lang(ru), #Homepage .integrations .cta a:lang(ru), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(ru), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(ru), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(ru), #Why-Smartsheet .blade.solutions .cta a:lang(ru), #Why-Smartsheet .contact a:lang(ru), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(ru),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(ru), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ru),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ru) {
    font-size: 0.84375rem;
    line-height: 1.5rem;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(ru), .secondary.button.inactive:lang(ru), .case-studies .customer .content a:lang(ru), #Homepage .marquee.engage-callout a.registration:lang(ru), #Homepage .marquee a.watch:lang(ru), #Homepage .marquee a.trial:lang(ru), #Homepage .customers .inline a:lang(ru), #Homepage .blade.decisions .cta a:lang(ru), #Homepage .integrations .cta a:lang(ru), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(ru), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(ru), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(ru), #Why-Smartsheet .blade.solutions .cta a:lang(ru), #Why-Smartsheet .contact a:lang(ru), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(ru),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(ru), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ru),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(ru) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.05em; } }
  .primary.button.inactive:lang(fr), .secondary.button.inactive:lang(fr), .case-studies .customer .content a:lang(fr), #Homepage .marquee.engage-callout a.registration:lang(fr), #Homepage .marquee a.watch:lang(fr), #Homepage .marquee a.trial:lang(fr), #Homepage .customers .inline a:lang(fr), #Homepage .blade.decisions .cta a:lang(fr), #Homepage .integrations .cta a:lang(fr), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(fr), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(fr), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(fr), #Why-Smartsheet .blade.solutions .cta a:lang(fr), #Why-Smartsheet .contact a:lang(fr), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(fr),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(fr), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(fr),
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(fr) {
    font-size: 0.95625rem;
    line-height: 1.5rem;
    letter-spacing: -0.042em; }
    @media screen and (min-width: 39.5em) {
      .primary.button.inactive:lang(fr), .secondary.button.inactive:lang(fr), .case-studies .customer .content a:lang(fr), #Homepage .marquee.engage-callout a.registration:lang(fr), #Homepage .marquee a.watch:lang(fr), #Homepage .marquee a.trial:lang(fr), #Homepage .customers .inline a:lang(fr), #Homepage .blade.decisions .cta a:lang(fr), #Homepage .integrations .cta a:lang(fr), #Homepage .blade.contact .contact-container .contact-box a.trial:lang(fr), #Homepage .blade.contact .contact-container .contact-box a.contact:lang(fr), #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:lang(fr), #Why-Smartsheet .blade.solutions .cta a:lang(fr), #Why-Smartsheet .contact a:lang(fr), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:lang(fr),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:lang(fr), body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:lang(fr),
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:lang(fr) {
        font-size: 0.95625rem;
        line-height: 1.5rem;
        letter-spacing: -0.051em; } }
  .primary.button.inactive:hover, .secondary.button.inactive:hover, .case-studies .customer .content a:hover, #Homepage .marquee.engage-callout a.registration:hover, #Homepage .marquee a.watch:hover, #Homepage .marquee a.trial:hover, #Homepage .customers .inline a:hover, #Homepage .blade.decisions .cta a:hover, #Homepage .integrations .cta a:hover, #Homepage .blade.contact .contact-container .contact-box a.trial:hover, #Homepage .blade.contact .contact-container .contact-box a.contact:hover, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:hover, #Why-Smartsheet .blade.solutions .cta a:hover, #Why-Smartsheet .contact a:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:hover,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:hover,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:hover {
    text-decoration: none; }
  .primary.button.inactive:link, .secondary.button.inactive:link, .case-studies .customer .content a:link, #Homepage .marquee.engage-callout a.registration:link, #Homepage .marquee a.watch:link, #Homepage .marquee a.trial:link, #Homepage .customers .inline a:link, #Homepage .blade.decisions .cta a:link, #Homepage .integrations .cta a:link, #Homepage .blade.contact .contact-container .contact-box a.trial:link, #Homepage .blade.contact .contact-container .contact-box a.contact:link, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:link, #Why-Smartsheet .blade.solutions .cta a:link, #Why-Smartsheet .contact a:link, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:link,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:link, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:link,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:link {
    color: white; }
    .primary.button.inactive:link:hover, .secondary.button.inactive:link:hover, .case-studies .customer .content a:link:hover, #Homepage .marquee.engage-callout a.registration:link:hover, #Homepage .marquee a.watch:link:hover, #Homepage .marquee a.trial:link:hover, #Homepage .customers .inline a:link:hover, #Homepage .blade.decisions .cta a:link:hover, #Homepage .integrations .cta a:link:hover, #Homepage .blade.contact .contact-container .contact-box a.trial:link:hover, #Homepage .blade.contact .contact-container .contact-box a.contact:link:hover, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:link:hover, #Why-Smartsheet .blade.solutions .cta a:link:hover, #Why-Smartsheet .contact a:link:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:link:hover,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:link:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:link:hover,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:link:hover {
      color: white;
      text-decoration: none; }
  .primary.button.inactive:visited, .secondary.button.inactive:visited, .case-studies .customer .content a:visited, #Homepage .marquee.engage-callout a.registration:visited, #Homepage .marquee a.watch:visited, #Homepage .marquee a.trial:visited, #Homepage .customers .inline a:visited, #Homepage .blade.decisions .cta a:visited, #Homepage .integrations .cta a:visited, #Homepage .blade.contact .contact-container .contact-box a.trial:visited, #Homepage .blade.contact .contact-container .contact-box a.contact:visited, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:visited, #Why-Smartsheet .blade.solutions .cta a:visited, #Why-Smartsheet .contact a:visited, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:visited,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:visited, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:visited,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:visited {
    color: white; }
    .primary.button.inactive:visited:hover, .secondary.button.inactive:visited:hover, .case-studies .customer .content a:visited:hover, #Homepage .marquee.engage-callout a.registration:visited:hover, #Homepage .marquee a.watch:visited:hover, #Homepage .marquee a.trial:visited:hover, #Homepage .customers .inline a:visited:hover, #Homepage .blade.decisions .cta a:visited:hover, #Homepage .integrations .cta a:visited:hover, #Homepage .blade.contact .contact-container .contact-box a.trial:visited:hover, #Homepage .blade.contact .contact-container .contact-box a.contact:visited:hover, #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:visited:hover, #Why-Smartsheet .blade.solutions .cta a:visited:hover, #Why-Smartsheet .contact a:visited:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:visited:hover,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:visited:hover, body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:visited:hover,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:visited:hover {
      color: white;
      text-decoration: none; }

input.primary.button.inactive, input.secondary.button.inactive {
  padding: 0 2rem; }

.primary.button.inactive {
  background: #3FAD48;
  border: 2px solid #96E65C; }
  @media only print {
    .primary.button.inactive {
      display: none !important; } }
  .primary.button.inactive:hover {
    background: #3FAD48;
    cursor: unset; }

.secondary.button.inactive {
  background: #1D9DE0;
  border: 2px solid #3ad9e8; }
  @media only print {
    .secondary.button.inactive {
      display: none !important; } }
  .secondary.button.inactive:hover {
    background: #1D9DE0;
    cursor: unset; }

.blade:before {
  display: none; }

.blade .container > h2 {
  font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
  margin: 0; }
  @media screen and (max-width: 39.437em) {
    .blade .container > h2 {
      text-align: center; } }
  .blade .container > h2:lang(en) {
    font-size: 2.5em;
    line-height: -0.025em;
    letter-spacing: -0.05em; }
    @media screen and (min-width: 39.5em) {
      .blade .container > h2:lang(en) {
        font-size: 3.25em;
        line-height: -0.025em;
        letter-spacing: -0.06em; } }
  .blade .container > h2:lang(es) {
    font-size: 2.125em;
    line-height: -0.025em;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .blade .container > h2:lang(es) {
        font-size: 2.7625em;
        line-height: -0.025em;
        letter-spacing: -0.05em; } }
  .blade .container > h2:lang(de) {
    font-size: 1.75em;
    line-height: -0.025em;
    letter-spacing: -0.035em; }
    @media screen and (min-width: 39.5em) {
      .blade .container > h2:lang(de) {
        font-size: 2.275em;
        line-height: -0.025em;
        letter-spacing: -0.04em; } }
  .blade .container > h2:lang(pt) {
    font-size: 2.125em;
    line-height: -0.025em;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .blade .container > h2:lang(pt) {
        font-size: 2.7625em;
        line-height: -0.025em;
        letter-spacing: -0.05em; } }
  .blade .container > h2:lang(it) {
    font-size: 2.125em;
    line-height: -0.025em;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .blade .container > h2:lang(it) {
        font-size: 2.7625em;
        line-height: -0.025em;
        letter-spacing: -0.05em; } }
  .blade .container > h2:lang(ja) {
    font-size: 2.5em;
    line-height: -0.025em;
    letter-spacing: -0.05em; }
    @media screen and (min-width: 39.5em) {
      .blade .container > h2:lang(ja) {
        font-size: 3.575em;
        line-height: -0.025em;
        letter-spacing: -0.07em; } }
  .blade .container > h2:lang(ru) {
    font-size: 1.875em;
    line-height: -0.025em;
    letter-spacing: -0.04em; }
    @media screen and (min-width: 39.5em) {
      .blade .container > h2:lang(ru) {
        font-size: 2.7625em;
        line-height: -0.025em;
        letter-spacing: -0.05em; } }
  .blade .container > h2:lang(fr) {
    font-size: 2.125em;
    line-height: -0.025em;
    letter-spacing: -0.042em; }
    @media screen and (min-width: 39.5em) {
      .blade .container > h2:lang(fr) {
        font-size: 2.7625em;
        line-height: -0.025em;
        letter-spacing: -0.051em; } }

@media screen and (max-width: 39.437em) {
  .blade .container > h3 {
    text-align: center; } }

.blade .container > h3:lang(en) {
  font-size: 1.9em;
  line-height: -0.025em;
  letter-spacing: -0.05em; }
  @media screen and (min-width: 39.5em) {
    .blade .container > h3:lang(en) {
      font-size: 2.625em;
      line-height: -0.025em;
      letter-spacing: -0.06em; } }

.blade .container > h3:lang(es) {
  font-size: 1.615em;
  line-height: -0.025em;
  letter-spacing: -0.04em; }
  @media screen and (min-width: 39.5em) {
    .blade .container > h3:lang(es) {
      font-size: 2.23125em;
      line-height: -0.025em;
      letter-spacing: -0.05em; } }

.blade .container > h3:lang(de) {
  font-size: 1.33em;
  line-height: -0.025em;
  letter-spacing: -0.035em; }
  @media screen and (min-width: 39.5em) {
    .blade .container > h3:lang(de) {
      font-size: 1.8375em;
      line-height: -0.025em;
      letter-spacing: -0.04em; } }

.blade .container > h3:lang(pt) {
  font-size: 1.615em;
  line-height: -0.025em;
  letter-spacing: -0.04em; }
  @media screen and (min-width: 39.5em) {
    .blade .container > h3:lang(pt) {
      font-size: 2.23125em;
      line-height: -0.025em;
      letter-spacing: -0.05em; } }

.blade .container > h3:lang(it) {
  font-size: 1.615em;
  line-height: -0.025em;
  letter-spacing: -0.04em; }
  @media screen and (min-width: 39.5em) {
    .blade .container > h3:lang(it) {
      font-size: 2.23125em;
      line-height: -0.025em;
      letter-spacing: -0.05em; } }

.blade .container > h3:lang(ja) {
  font-size: 1.9em;
  line-height: -0.025em;
  letter-spacing: -0.05em; }
  @media screen and (min-width: 39.5em) {
    .blade .container > h3:lang(ja) {
      font-size: 2.8875em;
      line-height: -0.025em;
      letter-spacing: -0.07em; } }

.blade .container > h3:lang(ru) {
  font-size: 1.425em;
  line-height: -0.025em;
  letter-spacing: -0.04em; }
  @media screen and (min-width: 39.5em) {
    .blade .container > h3:lang(ru) {
      font-size: 2.23125em;
      line-height: -0.025em;
      letter-spacing: -0.05em; } }

.blade .container > h3:lang(fr) {
  font-size: 1.615em;
  line-height: -0.025em;
  letter-spacing: -0.042em; }
  @media screen and (min-width: 39.5em) {
    .blade .container > h3:lang(fr) {
      font-size: 2.23125em;
      line-height: -0.025em;
      letter-spacing: -0.051em; } }

.blade .inline {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin: 2em auto; }
  .blade .inline > a {
    font-style: normal;
    font-size: 1.125em;
    line-height: 1.500em;
    font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif; }
    .blade .inline > a li {
      line-height: 1.2;
      margin-bottom: 0.5em; }
      .blade .inline > a li li {
        font-size: 0.889em; }
    @media screen and (min-width: 39.5em) {
      .blade .inline > a {
        font-size: 1.5rem;
        line-height: 1.875rem; } }

.case-studies {
  width: 100%;
  float: left; }
  .case-studies .left,
  .case-studies .right {
    width: 100%;
    float: left; }
    @media screen and (min-width: 64em) {
      .case-studies .left,
      .case-studies .right {
        width: 50%;
        height: 48.750em; } }
  @media screen and (min-width: 64em) and (max-width: 78.937em) {
    .case-studies .left {
      padding-left: 2em;
      font-size: 0.875em; } }
  @media screen and (min-width: 64em) {
    .case-studies .left {
      border-right: 1px solid white; } }
  @media screen and (min-width: 64em) {
    .case-studies .left .customer {
      float: right;
      padding: 0 3em 0 2em; } }
  @media screen and (min-width: 64em) and (max-width: 78.937em) {
    .case-studies .right {
      padding-right: 2em;
      font-size: 0.875em; } }
  @media screen and (min-width: 64em) {
    .case-studies .right .customer {
      float: left;
      padding: 0 2em 0 4em; } }
  .case-studies .customer {
    padding: 2em 0 3em 0;
    margin: 0 4em;
    transition: all 0.3s ease; }
    @media screen and (min-width: 39.5em) {
      .case-studies .customer {
        margin: 0 4em;
        width: calc(100% - 8em); } }
    @media screen and (min-width: 64em) {
      .case-studies .customer {
        padding: 0;
        width: 100%;
        max-width: 30em; } }
  @media screen and (min-width: 64em) and (min-width: 64em) {
    .case-studies .customer {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); } }
    .case-studies .customer img {
      margin: 0 0 1em 0;
      max-width: 60%; }
      @media screen and (min-width: 39.5em) {
        .case-studies .customer img {
          max-width: 40%;
          margin: 0 0 1em 0; } }
      @media screen and (min-width: 79em) {
        .case-studies .customer img {
          max-width: 60%; } }
    .case-studies .customer p {
      font-style: normal;
      font-size: 1.125em;
      line-height: 1.500em;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em;
      margin: 0 0 2em 0;
      color: white; }
      .case-studies .customer p li {
        line-height: 1.2;
        margin-bottom: 0.5em; }
        .case-studies .customer p li li {
          font-size: 0.889em; }
      @media screen and (min-width: 64em) {
        .case-studies .customer p {
          margin: 0 0 3em 0; } }
    .case-studies .customer blockquote {
      font-style: normal;
      font-size: 1.125em;
      line-height: 1.500em;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em;
      position: relative;
      color: white;
      display: block;
      margin: 0 0 2em 0; }
      .case-studies .customer blockquote li {
        line-height: 1.2;
        margin-bottom: 0.5em; }
        .case-studies .customer blockquote li li {
          font-size: 0.889em; }
      @media screen and (min-width: 64em) {
        .case-studies .customer blockquote {
          margin: 0 0 3em 0; } }
      .case-studies .customer blockquote:before {
        font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
        content: "“";
        font-size: 5em;
        position: absolute;
        top: 0.11em;
        left: -0.45em;
        color: #6ceaf2; }
      .case-studies .customer blockquote footer {
        display: block;
        width: 100%;
        margin: 2em 0 0 0;
        padding: 2em 0 0 0;
        border-top: 0.5em solid white;
        color: white;
        position: relative; }
        @media screen and (min-width: 39.5em) {
          .case-studies .customer blockquote footer {
            padding: 2em 0 0 50%;
            font-family: "open_sanssemibold", "proxima_nova_sbold_cyrillic", Arial, Helvetica, sans-serif;
            font-style: italic; } }
        .case-studies .customer blockquote footer:after {
          content: "";
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 25px 6px 0 6px;
          border-color: white transparent transparent transparent;
          position: absolute;
          top: -4px;
          left: 51%; }
        .case-studies .customer blockquote footer span {
          color: #6ceaf2;
          display: block; }
    .case-studies .customer .content a {
      background: #1D9DE0;
      border: 2px solid #3ad9e8; }
      @media only print {
        .case-studies .customer .content a {
          display: none !important; } }
      .case-studies .customer .content a:hover {
        background: #3ad9e8; }

.video-shroud.active {
  position: relative; }
  .video-shroud.active:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.7); }
  .video-shroud.active > div {
    z-index: 1; }

.video-launcher {
  position: relative; }
  .video-launcher.active .video-stage {
    opacity: 1;
    height: 100%; }
    @media screen and (min-width: 39.5em) {
      .video-launcher.active .video-stage {
        padding: 1.5em; } }
    @media screen and (min-width: 64em) {
      .video-launcher.active .video-stage {
        top: 50%;
        margin-top: -50%; } }
    .video-launcher.active .video-stage .video iframe {
      height: 100%; }
  .video-launcher.active .content {
    z-index: 0; }
    @media screen and (min-width: 64em) {
      .video-launcher.active .content {
        max-height: 0;
        opacity: 0; } }
  .video-launcher .content {
    opacity: 1; }
    @media screen and (min-width: 64em) {
      .video-launcher .content {
        max-height: inherit;
        transition: all 0.3s ease; } }
  .video-launcher .video-stage {
    position: relative;
    opacity: 0;
    height: 0; }
    @media screen and (min-width: 64em) {
      .video-launcher .video-stage {
        transition: all 0.3s ease;
        background: rgba(134, 227, 240, 0.5);
        padding: 0.625em;
        z-index: 0.5; } }
    .video-launcher .video-stage .video {
      position: relative;
      margin: 0 auto;
      z-index: 1;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      width: 100%; }
      .video-launcher .video-stage .video p {
        margin: 0;
        display: inline;
        padding: 0;
        line-height: 1; }
    .video-launcher .video-stage .video iframe,
    .video-launcher .video-stage .video object,
    .video-launcher .video-stage .Video object,
    .video-launcher .video-stage .video embed {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 0%; }
    .video-launcher .video-stage .close {
      font-family: "open_sanssemibold", "proxima_nova_sbold_cyrillic", Arial, Helvetica, sans-serif;
      color: white;
      display: block;
      padding: 0.25em;
      border-radius: 50%;
      text-align: center;
      width: 1.8em;
      height: 1.8em;
      background: black;
      position: absolute;
      top: -0.75em;
      right: -0.75em;
      z-index: 2;
      border: 3px solid white; }
      .video-launcher .video-stage .close:hover {
        text-decoration: none; }

a .icon {
  display: none;
  font-family: "FontAwesome";
  color: white;
  margin: 0 0.25em 0 0; }
  @media screen and (min-width: 25em) {
    a .icon {
      display: inline; } }

#Homepage .marquee {
  position: relative;
  text-align: center;
  padding: 3.5em 0 2.5em 0;
  background: white; }
  @media screen and (min-width: 39.5em) {
    #Homepage .marquee {
      background: url(https://d2myx53yhj7u4b.cloudfront.net/sites/default/files/hero-photo-B.jpg) bottom center no-repeat;
      background-size: cover; } }
  @media screen and (max-width: 39.437em) {
    #Homepage .marquee {
      background-position: bottom left; } }
  @media screen and (min-width: 64em) {
    #Homepage .marquee {
      padding: 7.188em 0 8.438em 0; } }
  #Homepage .marquee .container {
    display: block;
    margin: 0 1em;
    width: auto;
    float: none;
    height: 100%; }
    @media screen and (min-width: 20.313em) {
      #Homepage .marquee .container {
        margin: 0 2em; } }
    @media screen and (min-width: 79em) {
      #Homepage .marquee .container {
        margin: 0 auto;
        max-width: 75em; } }
  #Homepage .marquee.engage-callout {
    text-align: left;
    background: #004be3;
    background: linear-gradient(to bottom, #004be3 0%, #6b00c6 100%); }
    @media screen and (min-width: 39.5em) {
      #Homepage .marquee.engage-callout {
        background: url(https://d2myx53yhj7u4b.cloudfront.net/sites/default/files/engage18-home-hero.jpg) top center no-repeat;
        background-size: cover; } }
    #Homepage .marquee.engage-callout .container .vertical-align h1 {
      font-style: normal;
      font-size: 2.625em;
      line-height: 1.143em;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.08em;
      color: white;
      font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif;
      margin: 0 0 0.125em 0; }
      @media screen and (min-width: 39.5em) {
        #Homepage .marquee.engage-callout .container .vertical-align h1 {
          font-size: 3.250em;
          line-height: 1.192em; } }
      @media screen and (min-width: 64em) {
        #Homepage .marquee.engage-callout .container .vertical-align h1 {
          max-width: 55%; } }
    #Homepage .marquee.engage-callout .container .vertical-align h3 {
      font-style: normal;
      font-size: 1.125em;
      line-height: 1.500em;
      font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em;
      margin: 0 0 1em 0;
      color: white;
      clear: left; }
      #Homepage .marquee.engage-callout .container .vertical-align h3 li {
        line-height: 1.2;
        margin-bottom: 0.5em; }
        #Homepage .marquee.engage-callout .container .vertical-align h3 li li {
          font-size: 0.889em; }
      @media screen and (min-width: 39.5em) {
        #Homepage .marquee.engage-callout .container .vertical-align h3 {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
    #Homepage .marquee.engage-callout .hero-logo {
      font-size: 0.5em;
      margin: 1rem 0;
      float: left;
      width: 100%; }
      #Homepage .marquee.engage-callout .hero-logo img {
        display: block;
        width: 100%;
        float: left;
        margin: 0 2em 1.5em 0; }
        @media screen and (min-width: 39.5em) {
          #Homepage .marquee.engage-callout .hero-logo img {
            width: 20%;
            margin: 0 2em 2em 0; } }
    #Homepage .marquee.engage-callout .info {
      position: relative;
      display: block;
      width: 100%;
      float: left;
      margin: 0 0 1em 0; }
      @media screen and (min-width: 39.5em) {
        #Homepage .marquee.engage-callout .info {
          width: calc(60% - 2em);
          padding-left: 6em; } }
      @media screen and (min-width: 64em) {
        #Homepage .marquee.engage-callout .info {
          margin-top: 3em;
          overflow: hidden; } }
      @media screen and (min-width: 79em) {
        #Homepage .marquee.engage-callout .info {
          margin-top: 3.4em; } }
      #Homepage .marquee.engage-callout .info time {
        font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
        color: white;
        font-size: 1.875em;
        margin-top: auto;
        display: block; }
        @media screen and (min-width: 39.5em) {
          #Homepage .marquee.engage-callout .info time {
            font-size: 3.125em; } }
      #Homepage .marquee.engage-callout .info p {
        font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
        color: white;
        font-size: 1.625em;
        line-height: 1.3;
        margin: 0; }
      #Homepage .marquee.engage-callout .info:before {
        display: block;
        position: absolute;
        top: -1.2em;
        left: 2em;
        height: 7.5em;
        width: 0;
        border-left: 3px solid white;
        -webkit-transform: rotate(35deg);
                transform: rotate(35deg); }
        @media screen and (min-width: 64em) {
          #Homepage .marquee.engage-callout .info:before {
            content: ""; } }
    #Homepage .marquee.engage-callout a.registration {
      background: #3FAD48;
      border: 2px solid #96E65C; }
      @media only print {
        #Homepage .marquee.engage-callout a.registration {
          display: none !important; } }
      #Homepage .marquee.engage-callout a.registration:hover {
        background: #96E65C; }
  #Homepage .marquee .video-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    padding: 0; }
    @media screen and (min-width: 39.5em) {
      #Homepage .marquee .video-container {
        display: block; } }
    #Homepage .marquee .video-container video {
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  #Homepage .marquee .video-launcher {
    z-index: 1; }
    @media screen and (min-width: 64em) {
      #Homepage .marquee .video-launcher.active .video-stage {
        width: 100%;
        margin: 0; } }
  #Homepage .marquee .content {
    text-align: center; }
    @media screen and (min-width: 39.5em) {
      #Homepage .marquee .content {
        text-align: left; } }
    #Homepage .marquee .content h1 {
      font-size: 4.25em;
      font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif;
      color: #0E2947;
      line-height: 0.9;
      letter-spacing: -0.09em;
      margin: 0 0 0.302em 0; }
      @media screen and (max-width: 39.5em) {
        #Homepage .marquee .content h1:lang(ru) {
          font-size: 4em; } }
      @media screen and (min-width: 64em) {
        #Homepage .marquee .content h1 {
          font-size: 7.250em;
          line-height: 0.862em; }
          #Homepage .marquee .content h1:lang(en) {
            max-width: 40rem; } }
    #Homepage .marquee .content p {
      font-style: normal;
      font-size: 1.125em;
      line-height: 1.500em;
      font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em;
      font-family: "open_sanssemibold", "proxima_nova_sbold_cyrillic", Arial, Helvetica, sans-serif;
      color: #0E2947;
      letter-spacing: -0.09em;
      margin: 0 0 1.458em 0; }
      #Homepage .marquee .content p li {
        line-height: 1.2;
        margin-bottom: 0.5em; }
        #Homepage .marquee .content p li li {
          font-size: 0.889em; }
      @media screen and (min-width: 39.5em) {
        #Homepage .marquee .content p {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
      #Homepage .marquee .content p em {
        font-style: italic; }
      #Homepage .marquee .content p strong,
      #Homepage .marquee .content p em {
        color: #0E2947; }
      @media screen and (min-width: 39.5em) {
        #Homepage .marquee .content p {
          max-width: 40rem;
          padding-left: 0.3em; } }
    #Homepage .marquee .content a {
      margin-left: 0.5em; }
      @media screen and (max-width: 63.937em) {
        #Homepage .marquee .content a {
          margin-bottom: 1.5em; } }
  @media screen and (min-width: 64em) {
    #Homepage .marquee .video-stage {
      width: 50%;
      margin: 0 0 0 50%; } }
  #Homepage .marquee a.watch {
    background: #1D9DE0;
    border: 2px solid #3ad9e8; }
    @media only print {
      #Homepage .marquee a.watch {
        display: none !important; } }
    #Homepage .marquee a.watch:hover {
      background: #3ad9e8; }
  #Homepage .marquee a.trial {
    background: #3FAD48;
    border: 2px solid #96E65C;
    display: none; }
    @media only print {
      #Homepage .marquee a.trial {
        display: none !important; } }
    #Homepage .marquee a.trial:hover {
      background: #96E65C; }
    @media screen and (min-width: 39.5em) {
      #Homepage .marquee a.trial {
        display: inline-block; } }

@media screen and (max-width: 39.5em) {
  #Homepage .blade .container > h2:lang(en),
  #Homepage .blade .copy-container > h2:lang(en),
  #Homepage .blade .headline > h2:lang(en) {
    font-size: 2.625em;
    line-height: 1.143em;
    letter-spacing: -0.05em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade .container > h2:lang(en),
    #Homepage .blade .copy-container > h2:lang(en),
    #Homepage .blade .headline > h2:lang(en) {
      font-size: 3.25em;
      line-height: 1.192em;
      letter-spacing: -0.06em; } }

@media screen and (max-width: 39.5em) {
  #Homepage .blade .container > h2:lang(es),
  #Homepage .blade .copy-container > h2:lang(es),
  #Homepage .blade .headline > h2:lang(es) {
    font-size: 2.23125em;
    line-height: 1.143em;
    letter-spacing: -0.04em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade .container > h2:lang(es),
    #Homepage .blade .copy-container > h2:lang(es),
    #Homepage .blade .headline > h2:lang(es) {
      font-size: 2.7625em;
      line-height: 1.192em;
      letter-spacing: -0.05em; } }

@media screen and (max-width: 39.5em) {
  #Homepage .blade .container > h2:lang(de),
  #Homepage .blade .copy-container > h2:lang(de),
  #Homepage .blade .headline > h2:lang(de) {
    font-size: 1.8375em;
    line-height: 1.143em;
    letter-spacing: -0.035em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade .container > h2:lang(de),
    #Homepage .blade .copy-container > h2:lang(de),
    #Homepage .blade .headline > h2:lang(de) {
      font-size: 2.275em;
      line-height: 1.192em;
      letter-spacing: -0.04em; } }

@media screen and (max-width: 39.5em) {
  #Homepage .blade .container > h2:lang(pt),
  #Homepage .blade .copy-container > h2:lang(pt),
  #Homepage .blade .headline > h2:lang(pt) {
    font-size: 2.23125em;
    line-height: 1.143em;
    letter-spacing: -0.04em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade .container > h2:lang(pt),
    #Homepage .blade .copy-container > h2:lang(pt),
    #Homepage .blade .headline > h2:lang(pt) {
      font-size: 2.7625em;
      line-height: 1.192em;
      letter-spacing: -0.05em; } }

@media screen and (max-width: 39.5em) {
  #Homepage .blade .container > h2:lang(it),
  #Homepage .blade .copy-container > h2:lang(it),
  #Homepage .blade .headline > h2:lang(it) {
    font-size: 2.23125em;
    line-height: 1.143em;
    letter-spacing: -0.04em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade .container > h2:lang(it),
    #Homepage .blade .copy-container > h2:lang(it),
    #Homepage .blade .headline > h2:lang(it) {
      font-size: 2.7625em;
      line-height: 1.192em;
      letter-spacing: -0.05em; } }

@media screen and (max-width: 39.5em) {
  #Homepage .blade .container > h2:lang(ja),
  #Homepage .blade .copy-container > h2:lang(ja),
  #Homepage .blade .headline > h2:lang(ja) {
    font-size: 2.625em;
    line-height: 1.143em;
    letter-spacing: -0.05em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade .container > h2:lang(ja),
    #Homepage .blade .copy-container > h2:lang(ja),
    #Homepage .blade .headline > h2:lang(ja) {
      font-size: 3.575em;
      line-height: 1.192em;
      letter-spacing: -0.07em; } }

@media screen and (max-width: 39.5em) {
  #Homepage .blade .container > h2:lang(ru),
  #Homepage .blade .copy-container > h2:lang(ru),
  #Homepage .blade .headline > h2:lang(ru) {
    font-size: 1.96875em;
    line-height: 1.143em;
    letter-spacing: -0.04em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade .container > h2:lang(ru),
    #Homepage .blade .copy-container > h2:lang(ru),
    #Homepage .blade .headline > h2:lang(ru) {
      font-size: 2.7625em;
      line-height: 1.192em;
      letter-spacing: -0.05em; } }

@media screen and (max-width: 39.5em) {
  #Homepage .blade .container > h2:lang(fr),
  #Homepage .blade .copy-container > h2:lang(fr),
  #Homepage .blade .headline > h2:lang(fr) {
    font-size: 2.23125em;
    line-height: 1.143em;
    letter-spacing: -0.042em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade .container > h2:lang(fr),
    #Homepage .blade .copy-container > h2:lang(fr),
    #Homepage .blade .headline > h2:lang(fr) {
      font-size: 2.7625em;
      line-height: 1.192em;
      letter-spacing: -0.051em; } }

@media screen and (max-width: 39.5em) {
  #Homepage .blade .container > h2:lang(en), #Homepage .blade .container > h2:lang(de), #Homepage .blade .container > h2:lang(es), #Homepage .blade .container > h2:lang(fr), #Homepage .blade .container > h2:lang(it), #Homepage .blade .container > h2:lang(pt), #Homepage .blade .container > h2:lang(ru),
  #Homepage .blade .copy-container > h2:lang(en),
  #Homepage .blade .copy-container > h2:lang(de),
  #Homepage .blade .copy-container > h2:lang(es),
  #Homepage .blade .copy-container > h2:lang(fr),
  #Homepage .blade .copy-container > h2:lang(it),
  #Homepage .blade .copy-container > h2:lang(pt),
  #Homepage .blade .copy-container > h2:lang(ru),
  #Homepage .blade .headline > h2:lang(en),
  #Homepage .blade .headline > h2:lang(de),
  #Homepage .blade .headline > h2:lang(es),
  #Homepage .blade .headline > h2:lang(fr),
  #Homepage .blade .headline > h2:lang(it),
  #Homepage .blade .headline > h2:lang(pt),
  #Homepage .blade .headline > h2:lang(ru) {
    line-height: 0.875em; } }

#Homepage .customers {
  background: #1d9de0; }
  @media screen and (min-width: 64em) {
    #Homepage .customers {
      padding: 6.250em 0 5.313em 0; } }
  #Homepage .customers h2 {
    text-align: center;
    margin: 0 0 0.385em 0;
    font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif;
    line-height: 0.875em;
    color: white; }
  #Homepage .customers p {
    font-style: normal;
    font-size: 1.125em;
    line-height: 1.500em;
    font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    color: white; }
    #Homepage .customers p li {
      line-height: 1.2;
      margin-bottom: 0.5em; }
      #Homepage .customers p li li {
        font-size: 0.889em; }
    @media screen and (min-width: 39.5em) {
      #Homepage .customers p {
        margin: 0 0 2.778em 0; } }
  #Homepage .customers .container {
    display: block;
    margin: 0 1em;
    width: auto;
    float: none; }
    @media screen and (min-width: 20.313em) {
      #Homepage .customers .container {
        margin: 0 2em; } }
    @media screen and (min-width: 79em) {
      #Homepage .customers .container {
        margin: 0 auto;
        max-width: 45em; } }
  #Homepage .customers .logo-grid {
    display: block;
    margin: 0 1em;
    width: auto;
    float: none; }
    @media screen and (min-width: 20.313em) {
      #Homepage .customers .logo-grid {
        margin: 0 2em; } }
    @media screen and (min-width: 79em) {
      #Homepage .customers .logo-grid {
        margin: 0 auto;
        max-width: 60em; } }
    #Homepage .customers .logo-grid ul {
      width: 100%; }
      #Homepage .customers .logo-grid ul li {
        float: left;
        width: 50%;
        margin: 0 0 -3px 0;
        padding: 0;
        display: block; }
        @media screen and (min-width: 39.5em) {
          #Homepage .customers .logo-grid ul li {
            width: 25%; } }
        @media screen and (min-width: 39.5em) {
          #Homepage .customers .logo-grid ul li:nth-child(5) {
            clear: left; } }
        #Homepage .customers .logo-grid ul li a {
          display: block;
          width: 100%;
          height: 100%;
          position: relative; }
          #Homepage .customers .logo-grid ul li a:hover img {
            transition: all 0.2s ease; }
            @media screen and (min-width: 39.5em) {
              #Homepage .customers .logo-grid ul li a:hover img {
                margin: -2px 0 0 -2px;
                width: calc(100% + 4px);
                max-width: none; } }
        #Homepage .customers .logo-grid ul li img {
          width: 100%; }
  #Homepage .customers .inline {
    margin: 3.125em 0 0 0; }
    #Homepage .customers .inline a {
      background: #1D9DE0;
      border: 2px solid #3ad9e8;
      background: #0e2947; }
      @media only print {
        #Homepage .customers .inline a {
          display: none !important; } }
      #Homepage .customers .inline a:hover {
        background: #3ad9e8; }

#Homepage .blade.decisions {
  background: #f5a623;
  background: linear-gradient(to right, #f5a623 0%, #fac831 100%);
  position: relative;
  padding-bottom: 0;
  overflow: hidden; }
  @media screen and (min-width: 64em) {
    #Homepage .blade.decisions {
      background: none;
      padding: 5em 0 0 0; } }
  #Homepage .blade.decisions:before {
    display: none;
    content: ''; }
    @media screen and (min-width: 64em) {
      #Homepage .blade.decisions:before {
        background: whitesmoke;
        display: block;
        position: absolute;
        top: 0;
        left: 0%;
        background-size: cover;
        height: 100%;
        width: 50%;
        z-index: -2; } }
  @media screen and (min-width: 39.5em) {
    #Homepage .blade.decisions:after {
      background: url(https://d2myx53yhj7u4b.cloudfront.net/sites/default/files/better-decisions-blade-background.jpg);
      display: block;
      position: absolute;
      top: 0;
      left: -2em;
      width: calc(100% + 2em);
      height: 100%;
      background-size: cover;
      z-index: -1;
      content: ''; } }
  @media screen and (min-width: 64em) {
    #Homepage .blade.decisions:after {
      background: url(https://d2myx53yhj7u4b.cloudfront.net/sites/default/files/better-decisions-blade-background.jpg);
      top: 0;
      left: 50%;
      background-size: cover;
      width: 50%; } }
  @media screen and (min-width: 64em) {
    #Homepage .blade.decisions .headline {
      margin: 0 0 0 4.375em;
      position: relative;
      z-index: 4; } }
  #Homepage .blade.decisions h2 {
    font-style: normal;
    font-size: 2.625em;
    line-height: 1.143em;
    font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
    letter-spacing: -0.08em;
    margin-bottom: 0.25em;
    text-align: left;
    line-height: 0.875em !important;
    font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif; }
    @media screen and (min-width: 39.5em) {
      #Homepage .blade.decisions h2 {
        font-size: 3.250em;
        line-height: 1.192em; } }
    @media screen and (max-width: 63.937em) {
      #Homepage .blade.decisions h2 {
        text-align: center;
        color: white;
        margin: 0 auto 0.25em auto; } }
    @media screen and (min-width: 39.5em) {
      #Homepage .blade.decisions h2 {
        max-width: 9em; } }
  #Homepage .blade.decisions p {
    font-style: normal;
    font-size: 1.125em;
    line-height: 1.500em;
    font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    text-align: left;
    margin: 0 0 1 0; }
    #Homepage .blade.decisions p li {
      line-height: 1.2;
      margin-bottom: 0.5em; }
      #Homepage .blade.decisions p li li {
        font-size: 0.889em; }
    @media screen and (max-width: 63.937em) {
      #Homepage .blade.decisions p {
        font-style: normal;
        font-size: 1.125em;
        line-height: 1.500em;
        font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
        letter-spacing: -0.025em;
        font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif;
        text-align: center;
        margin: 0 auto; }
        #Homepage .blade.decisions p li {
          line-height: 1.2;
          margin-bottom: 0.5em; }
          #Homepage .blade.decisions p li li {
            font-size: 0.889em; } }
  @media screen and (max-width: 63.937em) and (min-width: 39.5em) {
    #Homepage .blade.decisions p {
      font-size: 1.5rem;
      line-height: 1.875rem; } }
    @media screen and (min-width: 64em) {
      #Homepage .blade.decisions p {
        max-width: 40%; } }
  @media screen and (max-width: 63.937em) {
    #Homepage .blade.decisions .cta {
      text-align: center;
      margin: 3em auto; } }
  #Homepage .blade.decisions .cta a {
    background: #1D9DE0;
    border: 2px solid #3ad9e8; }
    @media only print {
      #Homepage .blade.decisions .cta a {
        display: none !important; } }
    #Homepage .blade.decisions .cta a:hover {
      background: #3ad9e8; }
  #Homepage .blade.decisions .image-container {
    display: block;
    margin: 0 1em;
    width: auto;
    float: none;
    margin-bottom: -3px !important;
    display: none; }
    @media screen and (min-width: 20.313em) {
      #Homepage .blade.decisions .image-container {
        margin: 0 2em; } }
    @media screen and (min-width: 79em) {
      #Homepage .blade.decisions .image-container {
        margin: 0 auto;
        max-width: 85em; } }
    @media screen and (min-width: 39.5em) {
      #Homepage .blade.decisions .image-container {
        margin: 0;
        display: block; } }
    @media screen and (min-width: 79em) {
      #Homepage .blade.decisions .image-container {
        margin: -8.5em auto -3px auto; } }

#Homepage .integrations h2 {
  text-align: center;
  font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif;
  margin: 0 0 0.385em 0;
  line-height: 0.875em; }

#Homepage .integrations h3 {
  color: #295598; }

#Homepage .integrations h4 {
  font-style: normal;
  font-size: 1.125em;
  line-height: 1.500em;
  font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
  letter-spacing: -0.025em;
  text-align: center;
  margin: 0 0 1em 0; }
  #Homepage .integrations h4 li {
    line-height: 1.2;
    margin-bottom: 0.5em; }
    #Homepage .integrations h4 li li {
      font-size: 0.889em; }
  @media screen and (min-width: 64em) {
    #Homepage .integrations h4 {
      margin: 0 0 3em 0; } }

#Homepage .integrations .container {
  display: block;
  margin: 0 1em;
  width: auto;
  float: none;
  margin-bottom: 1em; }
  @media screen and (min-width: 20.313em) {
    #Homepage .integrations .container {
      margin: 0 2em; } }
  @media screen and (min-width: 79em) {
    #Homepage .integrations .container {
      margin: 0 auto;
      max-width: 50em; } }
  @media screen and (min-width: 64em) {
    #Homepage .integrations .container {
      margin-bottom: 3em; } }

#Homepage .integrations .logo-bar-container {
  display: block;
  margin: 0 1em;
  width: auto;
  float: none; }
  @media screen and (min-width: 20.313em) {
    #Homepage .integrations .logo-bar-container {
      margin: 0 2em; } }
  @media screen and (min-width: 79em) {
    #Homepage .integrations .logo-bar-container {
      margin: 0 auto;
      max-width: 75em; } }

#Homepage .integrations img {
  display: none; }
  @media screen and (max-width: 39.437em) {
    #Homepage .integrations img.mobile-logos {
      display: block; } }
  @media screen and (min-width: 39.5em) and (max-width: 63.937em) {
    #Homepage .integrations img.tablet-logos {
      display: block;
      margin-bottom: 3em; } }
  @media screen and (min-width: 64em) {
    #Homepage .integrations img.desktop-logos {
      display: block;
      margin: 0 auto 3em auto; } }

#Homepage .integrations .cta {
  display: block;
  margin: 0 1em;
  width: auto;
  float: none;
  padding: 1.5em 0 0 0;
  text-align: center;
  clear: left; }
  @media screen and (min-width: 20.313em) {
    #Homepage .integrations .cta {
      margin: 0 2em; } }
  @media screen and (min-width: 79em) {
    #Homepage .integrations .cta {
      margin: 0 auto;
      max-width: 75em; } }
  #Homepage .integrations .cta a {
    background: #1D9DE0;
    border: 2px solid #3ad9e8; }
    @media only print {
      #Homepage .integrations .cta a {
        display: none !important; } }
    #Homepage .integrations .cta a:hover {
      background: #3ad9e8; }

#Homepage .blade.contact {
  background: whitesmoke; }
  #Homepage .blade.contact h2 {
    text-align: center;
    font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif;
    margin: 0 0 0.785em 0;
    line-height: 0.875em; }
  #Homepage .blade.contact .contact-container {
    text-align: center; }
    @media screen and (min-width: 39.5em) {
      #Homepage .blade.contact .contact-container .mobile-app-box {
        display: none; } }
    #Homepage .blade.contact .contact-container .mobile-app-box img {
      height: 3em; }
    @media screen and (max-width: 39.437em) {
      #Homepage .blade.contact .contact-container .contact-box a.trial {
        display: none; } }
    @media screen and (min-width: 39.5em) {
      #Homepage .blade.contact .contact-container .contact-box a.trial {
        background: #3FAD48;
        border: 2px solid #96E65C; }
        #Homepage .blade.contact .contact-container .contact-box a.trial:hover {
          background: #96E65C; } }
    #Homepage .blade.contact .contact-container .contact-box a.contact {
      background: #1D9DE0;
      border: 2px solid #3ad9e8;
      margin-right: 1%; }
      @media only print {
        #Homepage .blade.contact .contact-container .contact-box a.contact {
          display: none !important; } }
      #Homepage .blade.contact .contact-container .contact-box a.contact:hover {
        background: #3ad9e8; }
      @media screen and (max-width: 39.437em) {
        #Homepage .blade.contact .contact-container .contact-box a.contact {
          margin-bottom: 1.5em; } }

#Homepage .blade.features {
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 64em) {
    #Homepage .blade.features {
      padding: 5.000em 0; } }
  #Homepage .blade.features .copy-container {
    display: block;
    margin: 0 1em;
    width: auto;
    float: none; }
    @media screen and (min-width: 20.313em) {
      #Homepage .blade.features .copy-container {
        margin: 0 2em; } }
    @media screen and (min-width: 79em) {
      #Homepage .blade.features .copy-container {
        margin: 0 auto;
        max-width: 47em; } }
  #Homepage .blade.features .container p {
    margin: 0; }
  #Homepage .blade.features h2 {
    font-style: normal;
    font-size: 2.625em;
    line-height: 1.143em;
    font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
    letter-spacing: -0.08em;
    margin-bottom: 0.25em;
    text-align: center;
    line-height: 0.875em !important;
    font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif; }
    @media screen and (min-width: 39.5em) {
      #Homepage .blade.features h2 {
        font-size: 3.250em;
        line-height: 1.192em; } }
  #Homepage .blade.features h3 {
    font-style: normal;
    font-size: 1.125em;
    line-height: 1.500em;
    font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
    text-align: center;
    margin: 0 0 2.222em 0; }
    #Homepage .blade.features h3 li {
      line-height: 1.2;
      margin-bottom: 0.5em; }
      #Homepage .blade.features h3 li li {
        font-size: 0.889em; }
  #Homepage .blade.features .features-bar {
    margin: 0 0 2em 0;
    display: grid;
    display: -ms-grid;
    clear: both;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1em;
    -ms-grid-columns: 1fr 1em 1fr 1em 1fr;
    grid-template-rows: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content max-content max-content max-content;
    grid-row-gap: 2em;
    -ms-grid-rows: max-content 2em max-content 2em max-content 2em max-content 2em max-content;
    grid-auto-flow: row; }
    #Homepage .blade.features .features-bar :nth-child(1) {
      -ms-grid-column: 1;
      -ms-grid-row: 1; }
    #Homepage .blade.features .features-bar :nth-child(2) {
      -ms-grid-column: 3;
      -ms-grid-row: 1; }
    #Homepage .blade.features .features-bar :nth-child(3) {
      -ms-grid-column: 5;
      -ms-grid-row: 1; }
    #Homepage .blade.features .features-bar :nth-child(4) {
      -ms-grid-column: 1;
      -ms-grid-row: 3; }
    #Homepage .blade.features .features-bar :nth-child(5) {
      -ms-grid-column: 3;
      -ms-grid-row: 3; }
    #Homepage .blade.features .features-bar :nth-child(6) {
      -ms-grid-column: 5;
      -ms-grid-row: 3; }
    #Homepage .blade.features .features-bar :nth-child(7) {
      -ms-grid-column: 1;
      -ms-grid-row: 5; }
    #Homepage .blade.features .features-bar :nth-child(8) {
      -ms-grid-column: 3;
      -ms-grid-row: 5; }
    #Homepage .blade.features .features-bar :nth-child(9) {
      -ms-grid-column: 5;
      -ms-grid-row: 5; }
    #Homepage .blade.features .features-bar :nth-child(10) {
      -ms-grid-column: 1;
      -ms-grid-row: 7; }
    #Homepage .blade.features .features-bar :nth-child(11) {
      -ms-grid-column: 3;
      -ms-grid-row: 7; }
    #Homepage .blade.features .features-bar :nth-child(12) {
      -ms-grid-column: 5;
      -ms-grid-row: 7; }
    @supports not (display: grid) {
      #Homepage .blade.features .features-bar {
        width: 100%;
        float: left;
        display: block;
        text-align: center; }
        #Homepage .blade.features .features-bar a {
          width: 32%;
          display: inline-block;
          margin-bottom: 2em; }
          @media all and (min-width: 39.5em) {
            #Homepage .blade.features .features-bar a {
              width: 23%; } }
          @media all and (min-width: 64em) {
            #Homepage .blade.features .features-bar a {
              width: 18%; } } }
    @media screen and (min-width: 39.5em) {
      #Homepage .blade.features .features-bar {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        grid-column-gap: 1em;
        -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
        grid-template-rows: -webkit-max-content -webkit-max-content;
        grid-template-rows: max-content max-content;
        grid-row-gap: 1em;
        -ms-grid-rows: max-content 1em max-content;
        grid-auto-flow: row; }
        #Homepage .blade.features .features-bar :nth-child(1) {
          -ms-grid-column: 1;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(2) {
          -ms-grid-column: 3;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(3) {
          -ms-grid-column: 5;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(4) {
          -ms-grid-column: 7;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(5) {
          -ms-grid-column: 9;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(6) {
          -ms-grid-column: 1;
          -ms-grid-row: 3; }
        #Homepage .blade.features .features-bar :nth-child(7) {
          -ms-grid-column: 3;
          -ms-grid-row: 3; }
        #Homepage .blade.features .features-bar :nth-child(8) {
          -ms-grid-column: 5;
          -ms-grid-row: 3; }
        #Homepage .blade.features .features-bar :nth-child(9) {
          -ms-grid-column: 7;
          -ms-grid-row: 3; }
        #Homepage .blade.features .features-bar :nth-child(10) {
          -ms-grid-column: 9;
          -ms-grid-row: 3; } }
    @media screen and (min-width: 64em) {
      #Homepage .blade.features .features-bar {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-column-gap: 1em;
        -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content;
        -ms-grid-rows: max-content;
        grid-auto-flow: row;
        margin: 0 0 4.063em 0; }
        #Homepage .blade.features .features-bar :nth-child(1) {
          -ms-grid-column: 1;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(2) {
          -ms-grid-column: 3;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(3) {
          -ms-grid-column: 5;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(4) {
          -ms-grid-column: 7;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(5) {
          -ms-grid-column: 9;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(6) {
          -ms-grid-column: 11;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(7) {
          -ms-grid-column: 13;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(8) {
          -ms-grid-column: 15;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(9) {
          -ms-grid-column: 17;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(10) {
          -ms-grid-column: 19;
          -ms-grid-row: 1; }
        #Homepage .blade.features .features-bar :nth-child(11) {
          -ms-grid-column: 21;
          -ms-grid-row: 1; } }
    #Homepage .blade.features .features-bar p {
      margin: 0; }
    #Homepage .blade.features .features-bar a {
      -ms-grid-row-align: end;
      align-self: end;
      display: block;
      width: 100%;
      text-align: center;
      color: #0e2947;
      position: relative;
      padding-top: 4.625em; }
      @media screen and (max-width: 39.5em) {
        #Homepage .blade.features .features-bar a:lang(en) {
          font-size: 1.025em;
          line-height: 1.365em;
          letter-spacing: -0.05em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade.features .features-bar a:lang(en) {
      font-size: 1.125em;
      line-height: 1.5em;
      letter-spacing: -0.06em; } }
      @media screen and (max-width: 39.5em) {
        #Homepage .blade.features .features-bar a:lang(es) {
          font-size: 0.87125em;
          line-height: 1.365em;
          letter-spacing: -0.04em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade.features .features-bar a:lang(es) {
      font-size: 0.95625em;
      line-height: 1.5em;
      letter-spacing: -0.05em; } }
      @media screen and (max-width: 39.5em) {
        #Homepage .blade.features .features-bar a:lang(de) {
          font-size: 0.7175em;
          line-height: 1.365em;
          letter-spacing: -0.035em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade.features .features-bar a:lang(de) {
      font-size: 0.7875em;
      line-height: 1.5em;
      letter-spacing: -0.04em; } }
      @media screen and (max-width: 39.5em) {
        #Homepage .blade.features .features-bar a:lang(pt) {
          font-size: 0.87125em;
          line-height: 1.365em;
          letter-spacing: -0.04em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade.features .features-bar a:lang(pt) {
      font-size: 0.95625em;
      line-height: 1.5em;
      letter-spacing: -0.05em; } }
      @media screen and (max-width: 39.5em) {
        #Homepage .blade.features .features-bar a:lang(it) {
          font-size: 0.87125em;
          line-height: 1.365em;
          letter-spacing: -0.04em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade.features .features-bar a:lang(it) {
      font-size: 0.95625em;
      line-height: 1.5em;
      letter-spacing: -0.05em; } }
      @media screen and (max-width: 39.5em) {
        #Homepage .blade.features .features-bar a:lang(ja) {
          font-size: 1.025em;
          line-height: 1.365em;
          letter-spacing: -0.05em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade.features .features-bar a:lang(ja) {
      font-size: 1.2375em;
      line-height: 1.5em;
      letter-spacing: -0.07em; } }
      @media screen and (max-width: 39.5em) {
        #Homepage .blade.features .features-bar a:lang(ru) {
          font-size: 0.76875em;
          line-height: 1.365em;
          letter-spacing: -0.04em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade.features .features-bar a:lang(ru) {
      font-size: 0.95625em;
      line-height: 1.5em;
      letter-spacing: -0.05em; } }
      @media screen and (max-width: 39.5em) {
        #Homepage .blade.features .features-bar a:lang(fr) {
          font-size: 0.87125em;
          line-height: 1.365em;
          letter-spacing: -0.042em; } }
  @media screen and (max-width: 39.5em) and (min-width: 39.5em) {
    #Homepage .blade.features .features-bar a:lang(fr) {
      font-size: 0.95625em;
      line-height: 1.5em;
      letter-spacing: -0.051em; } }
      @media screen and (min-width: 64em) {
        #Homepage .blade.features .features-bar a {
          white-space: nowrap; } }
      #Homepage .blade.features .features-bar a:hover {
        color: #1d9de0; }
        #Homepage .blade.features .features-bar a:hover img.s {
          opacity: 0; }
        #Homepage .blade.features .features-bar a:hover img.h {
          opacity: 1; }
      #Homepage .blade.features .features-bar a[name="portals"] img {
        left: calc(56% - 1.87em); }
      #Homepage .blade.features .features-bar a img {
        display: none;
        margin: 0 auto 1em auto;
        max-width: 3.625em;
        max-height: 3.625em;
        position: absolute;
        top: 0;
        left: calc(50% - 1.87em); }
        #Homepage .blade.features .features-bar a img.s {
          opacity: 1; }
        #Homepage .blade.features .features-bar a img.h {
          opacity: 0; }
      #Homepage .blade.features .features-bar a:nth-child(1n):after {
        content: '';
        width: 75%;
        height: 75%;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        font-family: "IconFont";
        font-size: 3em;
        color: #0E2947; }
      #Homepage .blade.features .features-bar a:nth-child(1n):hover:after {
        color: #1d9de0; }
      #Homepage .blade.features .features-bar a:nth-child(1):after {
        font-size: 3.2em;
        content: "\e90a"; }
      #Homepage .blade.features .features-bar a:nth-child(2):after {
        content: "\e907"; }
      @supports (-ms-ime-align: auto) {
        #Homepage .blade.features .features-bar a:nth-child(2):after {
          font-size: 2.15em;
          content: "\e907";
          left: 1%;
          -webkit-transform: translateX(-1%);
                  transform: translateX(-1%); } }
      #Homepage .blade.features .features-bar a:nth-child(3):after {
        content: "\e901"; }
      #Homepage .blade.features .features-bar a:nth-child(4):after {
        font-size: 2.7em;
        content: "\e905"; }
      #Homepage .blade.features .features-bar a:nth-child(5):after {
        content: "\e902"; }
      #Homepage .blade.features .features-bar a:nth-child(6):after {
        content: "\e909"; }
      #Homepage .blade.features .features-bar a:nth-child(7):after {
        content: "\e906"; }
      #Homepage .blade.features .features-bar a:nth-child(8):after {
        content: "\e900"; }
      #Homepage .blade.features .features-bar a:nth-child(9):after {
        content: "\e908"; }
      #Homepage .blade.features .features-bar a:nth-child(10):after {
        content: "\e903"; }
      #Homepage .blade.features .features-bar a:nth-child(11):after {
        content: "\e904"; }
      @supports not (display: grid) {
        #Homepage .blade.features .features-bar a {
          display: inline-block;
          width: auto;
          margin: 0 2em 1.5em 0; } }

#Homepage section.engage {
  width: 100%;
  float: left;
  z-index: 2;
  background: #0d2d54;
  padding: 1.3em 0em;
  position: relative; }
  @media screen and (min-width: 52.5em) {
    #Homepage section.engage {
      padding: 1.6em 0;
      background: #0d2d54 url(https://d2myx53yhj7u4b.cloudfront.net/sites/default/files/engage-on-homepage-snipe_1.jpg) center center no-repeat;
      background-size: 100em; } }
  @media screen and (min-width: 52.5em) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 52.5em) and (min-resolution: 192dpi) {
    #Homepage section.engage {
      background: #0d2d54 url(https://d2myx53yhj7u4b.cloudfront.net/sites/default/files/engage-on-homepage-snipe%402x_0.jpg) center center no-repeat;
      background-size: 100em; } }
  #Homepage section.engage .container {
    display: block;
    margin: 0 1em;
    width: auto;
    float: none; }
    @media screen and (min-width: 20.313em) {
      #Homepage section.engage .container {
        margin: 0 2em; } }
    @media screen and (min-width: 79em) {
      #Homepage section.engage .container {
        margin: 0 auto;
        max-width: 43em; } }
  #Homepage section.engage img,
  #Homepage section.engage .info {
    display: block; }
    @media screen and (min-width: 52.5em) {
      #Homepage section.engage img,
      #Homepage section.engage .info {
        display: none; } }
  #Homepage section.engage a {
    display: block;
    text-align: center;
    text-decoration: underline; }
    @media screen and (min-width: 52.5em) {
      #Homepage section.engage a {
        float: right;
        text-align: right; } }
  #Homepage section.engage img {
    max-width: 15em;
    margin: 0 auto 1em auto; }
  #Homepage section.engage .info {
    width: 100%;
    text-align: center;
    margin: 0 0 1em 0; }
    #Homepage section.engage .info h3 {
      font-style: normal;
      font-size: 1.125em;
      line-height: 1.500em;
      font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em;
      font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif;
      color: white; }
      #Homepage section.engage .info h3 li {
        line-height: 1.2;
        margin-bottom: 0.5em; }
        #Homepage section.engage .info h3 li li {
          font-size: 0.889em; }
      @media screen and (min-width: 39.5em) {
        #Homepage section.engage .info h3 {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
    #Homepage section.engage .info p {
      font-style: normal;
      font-size: 1.125em;
      line-height: 1.500em;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
      color: white; }
      #Homepage section.engage .info p li {
        line-height: 1.2;
        margin-bottom: 0.5em; }
        #Homepage section.engage .info p li li {
          font-size: 0.889em; }

#Why-Smartsheet .marquee {
  width: 100%;
  float: left;
  height: auto;
  background: #1d9cdf;
  background-size: cover;
  padding: 2em 0;
  position: relative; }
  @media screen and (min-width: 39.5em) {
    #Why-Smartsheet .marquee {
      padding: 3.375em 0; } }
  @media screen and (min-width: 64em) {
    #Why-Smartsheet .marquee {
      height: 29.688em; } }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #Why-Smartsheet .marquee {
      background-size: cover; } }
  @media screen and (min-width: 64em) {
    #Why-Smartsheet .marquee h1 {
      margin-left: -3px; } }
  @media screen and (min-width: 64em) {
    #Why-Smartsheet .marquee .vertical-align {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); } }
  #Why-Smartsheet .marquee .container {
    height: 100%; }
  #Why-Smartsheet .marquee h1 {
    font-style: normal;
    font-size: 3.250em;
    line-height: 1.192em;
    font-family: "open_sansbold", "proxima_nova_bold_cyrillic", Arial, Helvetica, sans-serif;
    letter-spacing: -0.06em;
    color: white; }
    @media screen and (min-width: 39.5em) {
      #Why-Smartsheet .marquee h1 {
        font-size: 5.125em;
        line-height: 1em;
        letter-spacing: -0.06em; } }
    #Why-Smartsheet .marquee h1 span {
      color: white; }

@media screen and (min-width: 64em) {
  #Why-Smartsheet .blade.agility {
    background: url(https://d2myx53yhj7u4b.cloudfront.net/sites/default/files/increase-agility%402x%20%284%29.png) right center no-repeat;
    background-size: 40%; } }

@media screen and (min-width: 79em) {
  #Why-Smartsheet .blade.agility {
    background-size: 38em;
    background-position: right 4em; } }

#Why-Smartsheet .blade.agility .text {
  width: 100%; }
  @media screen and (min-width: 64em) {
    #Why-Smartsheet .blade.agility .text {
      width: 55%; } }

#Why-Smartsheet .blade.smartsheet-in-action {
  background: url(https://d2myx53yhj7u4b.cloudfront.net/sites/default/files/watch-video-blade.jpg) top center no-repeat;
  background-size: cover; }
  @media screen and (min-width: 64em) {
    #Why-Smartsheet .blade.smartsheet-in-action.video-shroud.active {
      height: 35em; } }
  #Why-Smartsheet .blade.smartsheet-in-action.video-shroud.active .video-launcher .video-stage {
    top: 0%;
    margin-top: 0%; }
  #Why-Smartsheet .blade.smartsheet-in-action .container {
    display: block;
    margin: 0 1em;
    width: auto;
    float: none;
    text-align: center;
    height: 100%; }
    @media screen and (min-width: 20.313em) {
      #Why-Smartsheet .blade.smartsheet-in-action .container {
        margin: 0 2em; } }
    @media screen and (min-width: 79em) {
      #Why-Smartsheet .blade.smartsheet-in-action .container {
        margin: 0 auto;
        max-width: 40em; } }
    #Why-Smartsheet .blade.smartsheet-in-action .container p,
    #Why-Smartsheet .blade.smartsheet-in-action .container h2 {
      color: white; }
    #Why-Smartsheet .blade.smartsheet-in-action .container h2 {
      font-style: normal;
      font-size: 1.125em;
      line-height: 1.500em;
      font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em;
      font-family: "open_sanssemibold", "proxima_nova_sbold_cyrillic", Arial, Helvetica, sans-serif;
      font-style: italic;
      margin: 0 0 2em 0; }
      #Why-Smartsheet .blade.smartsheet-in-action .container h2 li {
        line-height: 1.2;
        margin-bottom: 0.5em; }
        #Why-Smartsheet .blade.smartsheet-in-action .container h2 li li {
          font-size: 0.889em; }
      @media screen and (min-width: 39.5em) {
        #Why-Smartsheet .blade.smartsheet-in-action .container h2 {
          font-size: 1.5rem;
          line-height: 1.875rem; } }
    #Why-Smartsheet .blade.smartsheet-in-action .container a.watch {
      background: #1D9DE0;
      border: 2px solid #3ad9e8; }
      @media only print {
        #Why-Smartsheet .blade.smartsheet-in-action .container a.watch {
          display: none !important; } }
      #Why-Smartsheet .blade.smartsheet-in-action .container a.watch:hover {
        background: #3ad9e8; }

#Why-Smartsheet .blade.solutions {
  text-align: center; }
  #Why-Smartsheet .blade.solutions h2 {
    margin: 0 0 0.5em 0; }
  @media screen and (min-width: 39.5em) {
    #Why-Smartsheet .blade.solutions .featured-solutions {
      float: left;
      width: 100%;
      margin: 0 auto 2em auto; } }
  #Why-Smartsheet .blade.solutions .featured-solutions .solution {
    max-width: 18.750em;
    display: block;
    margin: 0 auto 1.5em auto;
    text-align: center; }
    @media screen and (min-width: 39.5em) {
      #Why-Smartsheet .blade.solutions .featured-solutions .solution {
        max-width: none;
        width: 23.3%;
        float: left;
        margin: 0 5%; } }
    #Why-Smartsheet .blade.solutions .featured-solutions .solution img {
      width: 100%;
      max-width: 8em; }
    #Why-Smartsheet .blade.solutions .featured-solutions .solution a {
      display: block;
      color: #333333;
      text-align: center;
      font-style: normal;
      font-size: 1.125em;
      line-height: 1.500em;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.025em; }
      #Why-Smartsheet .blade.solutions .featured-solutions .solution a li {
        line-height: 1.2;
        margin-bottom: 0.5em; }
        #Why-Smartsheet .blade.solutions .featured-solutions .solution a li li {
          font-size: 0.889em; }
      #Why-Smartsheet .blade.solutions .featured-solutions .solution a:hover {
        text-decoration: none; }
      #Why-Smartsheet .blade.solutions .featured-solutions .solution a span {
        display: block;
        font-style: normal;
        font-size: 1.125em;
        line-height: 1.500em;
        font-family: "open_sanslight", "proxima_nova_thin_cyrillic", Arial, Helvetica, sans-serif;
        letter-spacing: -0.025em;
        font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif; }
        #Why-Smartsheet .blade.solutions .featured-solutions .solution a span li {
          line-height: 1.2;
          margin-bottom: 0.5em; }
          #Why-Smartsheet .blade.solutions .featured-solutions .solution a span li li {
            font-size: 0.889em; }
        @media screen and (min-width: 39.5em) {
          #Why-Smartsheet .blade.solutions .featured-solutions .solution a span {
            font-size: 1.5rem;
            line-height: 1.875rem; } }
  #Why-Smartsheet .blade.solutions .cta {
    float: left;
    width: 100%;
    text-align: center; }
    #Why-Smartsheet .blade.solutions .cta a {
      background: #1D9DE0;
      border: 2px solid #3ad9e8; }
      @media only print {
        #Why-Smartsheet .blade.solutions .cta a {
          display: none !important; } }
      #Why-Smartsheet .blade.solutions .cta a:hover {
        background: #3ad9e8; }

#Why-Smartsheet .blade.simplicity h2 {
  text-align: center;
  margin: 0 0 0.5em 0; }
  #Why-Smartsheet .blade.simplicity h2 em {
    font-style: italic;
    display: inline-block;
    margin: 0 0 0 0.125em; }
    #Why-Smartsheet .blade.simplicity h2 em:lang(fr) {
      margin-left: 0; }

@media screen and (min-width: 64em) {
  #Why-Smartsheet .blade.simplicity .container > p {
    max-width: 45em;
    display: block;
    position: relative;
    margin: 0 auto 2em auto; } }

#Why-Smartsheet .blade.simplicity .view-icons {
  width: 100%;
  float: left;
  text-align: center; }
  #Why-Smartsheet .blade.simplicity .view-icons .icon {
    text-align: center;
    width: 100%;
    display: block;
    margin: 0 0 1.5em 0; }
    @media screen and (min-width: 39.5em) {
      #Why-Smartsheet .blade.simplicity .view-icons .icon {
        width: 33%;
        display: inline-block; } }
    @media screen and (min-width: 64em) {
      #Why-Smartsheet .blade.simplicity .view-icons .icon {
        width: calc(70% / 3); }
        #Why-Smartsheet .blade.simplicity .view-icons .icon:last-of-type {
          vertical-align: 1.4em; } }
    #Why-Smartsheet .blade.simplicity .view-icons .icon p {
      max-width: 10em;
      display: block;
      position: relative;
      margin: 0 auto;
      line-height: 1.17; }
    #Why-Smartsheet .blade.simplicity .view-icons .icon img {
      margin: 0 0 0 -3px;
      max-width: 10.000em; }

#Why-Smartsheet .blade.simplicity .forrester {
  float: left;
  width: 100%;
  margin: 0 0 2em 0;
  text-align: center; }
  #Why-Smartsheet .blade.simplicity .forrester img {
    margin: 3em 0 2em 0;
    max-width: 14em; }
  #Why-Smartsheet .blade.simplicity .forrester p {
    display: block;
    margin: 0 1em;
    width: auto;
    float: none;
    font-style: normal;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
    letter-spacing: -0.025em;
    color: #a5a9ac; }
    @media screen and (min-width: 20.313em) {
      #Why-Smartsheet .blade.simplicity .forrester p {
        margin: 0 2em; } }
    @media screen and (min-width: 79em) {
      #Why-Smartsheet .blade.simplicity .forrester p {
        margin: 0 auto;
        max-width: 35em; } }
    #Why-Smartsheet .blade.simplicity .forrester p li {
      line-height: 1.2;
      margin-bottom: 0.5em; }

#Why-Smartsheet .contact {
  background: whitesmoke; }
  #Why-Smartsheet .contact .container {
    text-align: center; }
  #Why-Smartsheet .contact h2 {
    margin: 0 0 1em 0; }
  #Why-Smartsheet .contact a {
    background: #3FAD48;
    border: 2px solid #96E65C; }
    @media only print {
      #Why-Smartsheet .contact a {
        display: none !important; } }
    #Why-Smartsheet .contact a:hover {
      background: #96E65C; }

body.plan-type-trial #Homepage.trial .marquee,
.plan-type-1 #Homepage.trial .marquee {
  background: url(https://d2myx53yhj7u4b.cloudfront.net/sites/default/files/home-pertest-hero.jpg) center bottom no-repeat;
  background-size: cover; }
  @media screen and (min-width: 79em) {
    body.plan-type-trial #Homepage.trial .marquee,
    .plan-type-1 #Homepage.trial .marquee {
      min-height: 47.813em; } }
  body.plan-type-trial #Homepage.trial .marquee .container.everyone,
  .plan-type-1 #Homepage.trial .marquee .container.everyone {
    display: none; }
  body.plan-type-trial #Homepage.trial .marquee .container.trial-users,
  .plan-type-1 #Homepage.trial .marquee .container.trial-users {
    display: block;
    text-align: center;
    counter-reset: item;
    padding-bottom: 3em; }
    @media screen and (min-width: 79em) {
      body.plan-type-trial #Homepage.trial .marquee .container.trial-users,
      .plan-type-1 #Homepage.trial .marquee .container.trial-users {
        max-width: 58em; } }
    body.plan-type-trial #Homepage.trial .marquee .container.trial-users h2,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users h2 {
      font-style: normal;
      font-size: 2.625em;
      line-height: 1.143em;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
      letter-spacing: -0.08em;
      margin: 0 0 0.125em 0;
      margin: 0;
      color: white; }
      @media screen and (min-width: 39.5em) {
        body.plan-type-trial #Homepage.trial .marquee .container.trial-users h2,
        .plan-type-1 #Homepage.trial .marquee .container.trial-users h2 {
          font-size: 3.250em;
          line-height: 1.192em; } }
    body.plan-type-trial #Homepage.trial .marquee .container.trial-users h3,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users h3 {
      font-size: 1.875em;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
      color: white; }
      body.plan-type-trial #Homepage.trial .marquee .container.trial-users h3 span,
      .plan-type-1 #Homepage.trial .marquee .container.trial-users h3 span {
        color: #7ed1fc; }
    body.plan-type-trial #Homepage.trial .marquee .container.trial-users ol,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users ol {
      clear: left;
      margin: 0 0 1.5em 0;
      display: block; }
      @media screen and (min-width: 39.5em) {
        body.plan-type-trial #Homepage.trial .marquee .container.trial-users ol,
        .plan-type-1 #Homepage.trial .marquee .container.trial-users ol {
          margin: 0 0 3em 0; } }
      body.plan-type-trial #Homepage.trial .marquee .container.trial-users ol li,
      .plan-type-1 #Homepage.trial .marquee .container.trial-users ol li {
        counter-increment: item;
        margin: 0 0 1em 0;
        font-style: normal;
        font-size: 1.125em;
        line-height: 1.500em;
        font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
        letter-spacing: -0.025em;
        color: white;
        text-align: left; }
        body.plan-type-trial #Homepage.trial .marquee .container.trial-users ol li li,
        .plan-type-1 #Homepage.trial .marquee .container.trial-users ol li li {
          line-height: 1.2;
          margin-bottom: 0.5em; }
          body.plan-type-trial #Homepage.trial .marquee .container.trial-users ol li li li,
          .plan-type-1 #Homepage.trial .marquee .container.trial-users ol li li li {
            font-size: 0.889em; }
        @media screen and (min-width: 39.5em) {
          body.plan-type-trial #Homepage.trial .marquee .container.trial-users ol li,
          .plan-type-1 #Homepage.trial .marquee .container.trial-users ol li {
            float: left;
            width: 30%;
            margin: 0 1.5% 2em; } }
        body.plan-type-trial #Homepage.trial .marquee .container.trial-users ol li:before,
        .plan-type-1 #Homepage.trial .marquee .container.trial-users ol li:before {
          font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif;
          content: counter(item);
          margin: 0.2em 0.125em 0 0;
          color: #1d9de0;
          font-size: 3.650em;
          text-align: center;
          float: left; }
        body.plan-type-trial #Homepage.trial .marquee .container.trial-users ol li a,
        .plan-type-1 #Homepage.trial .marquee .container.trial-users ol li a {
          color: #E7CF78; }
    body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login {
      background: #1D9DE0;
      border: 2px solid #3ad9e8;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif; }
      @media only print {
        body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login,
        .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login {
          display: none !important; } }
      body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.login:hover,
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.login:hover {
        background: #3ad9e8; }
    body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade,
    .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade {
      background: #3FAD48;
      border: 2px solid #96E65C;
      font-family: "open_sansregular", "proxima_nova_reg_cyrillic", Arial, Helvetica, sans-serif; }
      @media only print {
        body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade,
        .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade {
          display: none !important; } }
      body.plan-type-trial #Homepage.trial .marquee .container.trial-users a.upgrade:hover,
      .plan-type-1 #Homepage.trial .marquee .container.trial-users a.upgrade:hover {
        background: #96E65C; }