*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
}

:host {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
}

.duet-hero {
  position: relative;
  display: block;
  width: 100%;
  padding: 48px 28px;
  font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  background: rgb(8, 42, 77);
}
.duet-hero.duet-p-0 {
  padding: 0 !important;
}
.duet-hero.duet-m-0 {
  margin: 0 !important;
}
.duet-hero.duet-hero-text-center {
  text-align: center !important;
}
.duet-hero.duet-hero-light {
  padding-bottom: 0 !important;
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-light {
    padding-bottom: 28px !important;
  }
}
.duet-hero.duet-hero-with-image {
  padding-bottom: 20px !important;
  margin-bottom: -36px;
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-with-image {
    padding-bottom: 28px !important;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-with-image {
    padding-bottom: 36px !important;
    margin-bottom: -20px;
  }
}
.duet-hero.duet-hero-light, .duet-hero.duet-hero-with-image {
  color: rgb(8, 42, 77);
  background-color: rgb(255, 255, 255);
  background-image: linear-gradient(rgb(240, 247, 250), #f8fbfd);
}
.duet-hero.duet-hero-light::before, .duet-hero.duet-hero-with-image::before {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 400px;
  content: "";
  background-image: linear-gradient(#f8fbfd, rgb(255, 255, 255));
}
.duet-hero.duet-hero-light.duet-theme-turva, .duet-hero.duet-hero-with-image.duet-theme-turva {
  color: rgb(23, 28, 58);
  background-image: linear-gradient(rgb(245, 247, 250), #fafbfd);
}
.duet-hero.duet-hero-light.duet-theme-turva::before, .duet-hero.duet-hero-with-image.duet-theme-turva::before {
  background-image: linear-gradient(#fafbfd, rgb(255, 255, 255));
}
.duet-hero.duet-hero-gray {
  color: rgb(8, 42, 77);
  background: rgb(245, 248, 250);
}
.duet-hero.duet-hero-gray.duet-theme-turva {
  background: rgb(245, 247, 250);
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-gray .duet-hero-text {
    display: inline-block;
    vertical-align: top;
  }
  .duet-hero.duet-hero-gray .duet-hero-icon + .duet-hero-text {
    margin-left: 28px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-gray-with-actions {
    padding-bottom: 65.4545454545px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-gray-with-back {
    padding-top: 72px;
  }
}
.duet-hero.duet-hero-campaign, .duet-hero.duet-hero-section {
  padding: 0 0 48px;
  margin: 0;
  background: none;
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-campaign, .duet-hero.duet-hero-section {
    min-height: 490px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign, .duet-hero.duet-hero-section {
    min-height: 540px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-campaign, .duet-hero.duet-hero-section {
    min-height: 620px;
  }
}
.duet-hero.duet-hero-campaign .background-area, .duet-hero.duet-hero-section .background-area {
  height: 1px;
  margin-bottom: -1px;
}
.duet-hero.duet-hero-campaign .background-container, .duet-hero.duet-hero-section .background-container {
  position: absolute;
  right: 0;
  left: 0;
  display: grid;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
}
.duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 220px;
  margin: 0 auto;
}
.duet-hero.duet-hero-campaign .background img, .duet-hero.duet-hero-section .background img {
  height: 100%;
}
.duet-hero.duet-hero-campaign .background img.cover, .duet-hero.duet-hero-section .background img.cover {
  object-fit: cover;
}
.duet-hero.duet-hero-campaign .background img.center, .duet-hero.duet-hero-section .background img.center {
  object-position: center;
}
@media (min-width: 1440px) {
  .duet-hero.duet-hero-campaign .background img, .duet-hero.duet-hero-section .background img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
    height: 300px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
    height: 450px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
    height: 500px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
    height: 580px;
  }
}
@media (min-width: 1600px) {
  .duet-hero.duet-hero-campaign .background, .duet-hero.duet-hero-section .background {
    width: 1600px;
    overflow: hidden;
  }
}
.duet-hero.duet-hero-campaign .background .brand-container, .duet-hero.duet-hero-section .background .brand-container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 220px;
  overflow: hidden;
}
.duet-hero.duet-hero-campaign .background .brand, .duet-hero.duet-hero-section .background .brand {
  position: absolute;
  width: 100%;
  height: 220px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-campaign .background .brand, .duet-hero.duet-hero-section .background .brand {
    left: -200px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign .background .brand, .duet-hero.duet-hero-section .background .brand {
    left: auto;
    height: 1100px;
    background-position: 140% -200%;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-campaign .background .brand, .duet-hero.duet-hero-section .background .brand {
    background-position: right -200%;
  }
}
.duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
  position: absolute;
  top: 143px;
  right: 0;
  left: -30px;
  width: 340px;
  height: 340px;
  margin-right: auto;
  margin-left: auto;
  background: rgb(255, 255, 255);
  border-radius: 20%;
  mix-blend-mode: normal;
  transform: rotate(8deg);
}
@media (min-width: 22.5em) {
  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
    top: 160px;
    width: 450px;
    height: 450px;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
    top: 215px;
    left: -50px;
    width: 550px;
    height: 550px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
    top: 250px;
    left: 0;
    width: 712.18px;
    height: 712.18px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
    top: 240px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
    top: 280px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-campaign .brand-shape, .duet-hero.duet-hero-section .brand-shape {
    top: 310px;
  }
}
.duet-hero.duet-hero-campaign ::slotted(.duet-heading), .duet-hero.duet-hero-section ::slotted(.duet-heading) {
  font-size: inherit !important;
  color: inherit !important;
}
.duet-hero.duet-hero-campaign .duet-hero-text, .duet-hero.duet-hero-section .duet-hero-text {
  width: 100%;
}
.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading), .duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading) {
  font-size: 36px;
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading), .duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading) {
    font-size: 48px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-heading::part(duet-heading), .duet-hero.duet-hero-section .duet-hero-text .duet-hero-heading::part(duet-heading) {
    font-size: 64px;
  }
}
.duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
.duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
.duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
  margin: 0 auto;
}
@media (min-width: 22.5em) {
  .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
    width: 90%;
  }
}
@media (min-width: 25em) {
  .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
    width: 80%;
  }
}
@media (min-width: 30em) {
  .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
    width: 70%;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
    width: 70%;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section .duet-hero-text duet-paragraph {
    width: 52%;
  }
}
.duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
  display: flex;
  align-items: center;
  height: 6rem;
  padding: 0 1rem;
  margin: 1rem 0 4.5rem;
}
@media (min-width: 22.5em) {
  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
    margin: 2rem 0 4rem;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
    margin: 3rem 0 8rem;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
    margin: 4rem 0 10rem;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
    margin: 5rem 0 10rem;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
    margin: 6rem 0 10rem;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-campaign .duet-hero-heading, .duet-hero.duet-hero-section .duet-hero-heading {
    margin: 8rem 0 11rem;
  }
}
.duet-hero.duet-hero-campaign .duet-hero-wrapper.fluid, .duet-hero.duet-hero-campaign .duet-hero-wrapper.narrow, .duet-hero.duet-hero-section .duet-hero-wrapper.fluid, .duet-hero.duet-hero-section .duet-hero-wrapper.narrow {
  padding: 0 16px;
}
.duet-hero.duet-hero-campaign.duet-theme-turva, .duet-hero.duet-hero-section.duet-theme-turva {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: none;
}
.duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
  top: 125px;
  left: -10px;
  width: 350px;
  height: 350px;
  background: rgb(255, 255, 255);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: none;
}
@media (min-width: 22.5em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
    top: 143px;
    left: -30px;
    width: 450px;
    height: 450px;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
    top: 180px;
    left: 0;
    width: 550px;
    height: 550px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
    top: 220px;
    width: 712.18px;
    height: 712.18px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
    top: 230px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
    top: 260px;
  }
}
@media (min-width: 106.25em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .brand-shape, .duet-hero.duet-hero-section.duet-theme-turva .brand-shape {
    top: 290px;
  }
}
.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,
.duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,
.duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph {
  width: 98%;
}
@media (min-width: 22.5em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph {
    width: 90%;
  }
}
@media (min-width: 25em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph {
    width: 78%;
  }
}
@media (min-width: 30em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph {
    width: 66%;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph {
    width: 65%;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph {
    width: 70%;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-text duet-paragraph, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text .duet-hero-subheading,
  .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-text duet-paragraph {
    width: 52%;
  }
}
@media (min-width: 22.5em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading {
    margin: 2rem 0 5rem;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading {
    margin: 3rem 0 8rem;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading {
    margin: 4rem 0 10rem;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading {
    margin: 5rem 0 10rem;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading {
    margin: 6rem 0 12rem;
  }
}
@media (min-width: 106.25em) {
  .duet-hero.duet-hero-campaign.duet-theme-turva .duet-hero-heading, .duet-hero.duet-hero-section.duet-theme-turva .duet-hero-heading {
    margin: 8rem 0 13rem;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-section {
    min-height: 490px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-section {
    min-height: auto;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-section {
    min-height: 560px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-section .background img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-section .background {
    width: 1400px;
    height: 436px;
    overflow: hidden;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-section .background {
    width: 1536px;
    height: 516px;
  }
}
@media (min-width: 106.25em) {
  .duet-hero.duet-hero-section .background {
    width: 1536px;
  }
}
.duet-hero.duet-hero-product {
  position: relative;
  padding: 0 0 48px;
  margin: 0;
  background: rgb(255, 255, 255);
}
@media (max-width: 35.9375em) {
  .duet-hero.duet-hero-product {
    padding-top: 240px;
  }
}
@media (max-width: 22.5em) {
  .duet-hero.duet-hero-product {
    padding-top: 200px;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-product {
    padding-top: 260px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product {
    padding-top: 250px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product {
    min-height: 400px;
    padding: 72px 0;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product {
    min-height: 500px;
    padding: 96px 0;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-product {
    min-height: 575px;
    padding: 120px 0;
  }
}
.duet-hero.duet-hero-product .background-area {
  position: absolute;
  top: 0;
  width: 100%;
  height: 600px;
  overflow: hidden;
  pointer-events: none;
}
.duet-hero.duet-hero-product .background-area * {
  pointer-events: auto;
}
.duet-hero.duet-hero-product .background-container {
  position: absolute;
  top: -150px;
  width: 100%;
  height: 600px;
  overflow: hidden;
  pointer-events: none;
}
.duet-hero.duet-hero-product .background-container * {
  pointer-events: auto;
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .background-container {
    top: -48px;
  }
}
.duet-hero.duet-hero-product .background {
  position: absolute;
  top: 145px;
  width: 100%;
  overflow: visible;
}
.duet-hero.duet-hero-product .background .background-mask {
  display: none;
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product .background {
    top: 130px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .background {
    top: 35px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .background {
    position: absolute;
    right: 0;
    left: 0;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
  }
}
.duet-hero.duet-hero-product .background .brand-shaped-image {
  position: absolute;
  top: -160px;
  right: -15%;
  z-index: 0;
  width: 375px;
  height: 375px;
  overflow: hidden;
  border-radius: 20%;
  transform: rotate(7deg);
}
@media (max-width: 35.9375em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image {
    top: -160px;
    right: -60px;
    width: 360px;
    height: 360px;
  }
}
@media (max-width: 22.5em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image {
    top: -120px;
    right: -14px;
    width: 290px;
    height: 290px;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image {
    top: -175px;
    right: -20px;
    width: 400px;
    height: 400px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image {
    top: -145px;
    right: -150px;
    width: 414px;
    height: 414px;
  }
}
@media (min-width: 860px) {
  .duet-hero.duet-hero-product .background .brand-shaped-image {
    right: -105px;
  }
}
@media (min-width: 960px) {
  .duet-hero.duet-hero-product .background .brand-shaped-image {
    right: -45px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image {
    top: -190px;
    right: -150px;
    width: 552px;
    height: 552px;
  }
}
@media (min-width: 1100px) {
  .duet-hero.duet-hero-product .background .brand-shaped-image {
    right: -35px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image {
    top: -300px;
    right: -128px;
    width: 736px;
    height: 736px;
  }
  .duet-hero.duet-hero-product .background .brand-shaped-image.narrow {
    right: -160px;
  }
}
@media (min-width: 1300px) {
  .duet-hero.duet-hero-product .background .brand-shaped-image.narrow {
    right: -128px;
  }
}
.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 600px;
  height: 256px;
  background-repeat: no-repeat;
  background-position: 40px;
  background-size: 100%;
  transform: rotate(-7deg) translate(-50%, 0);
}
@media (max-width: 35.9375em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg {
    width: 520px;
    height: 240px;
  }
}
@media (max-width: 22.5em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg {
    width: 440px;
    height: 200px;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg {
    width: 600px;
    height: 260px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg {
    width: 500px;
    height: 292px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg {
    width: 720px;
    height: 420px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-product .background .brand-shaped-image .brand-shaped-image-bg {
    width: 950px;
    height: 540px;
  }
}
.duet-hero.duet-hero-product .background .brand-shape {
  position: absolute;
  background: rgb(228, 241, 247);
  border-radius: 25%;
  mix-blend-mode: normal;
  transform: rotate(7deg);
}
@media (max-width: 35.9375em) {
  .duet-hero.duet-hero-product .background .brand-shape {
    top: 20px;
    right: 210px;
    width: 200px;
    height: 200px;
  }
}
@media (max-width: 22.5em) {
  .duet-hero.duet-hero-product .background .brand-shape {
    top: 24px;
    right: 199px;
    width: 162px;
    height: 162px;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-product .background .brand-shape {
    top: 25px;
    right: 290px;
    width: 220px;
    height: 220px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product .background .brand-shape {
    top: 90px;
    right: 145px;
    width: 225px;
    height: 225px;
  }
}
@media (min-width: 860px) {
  .duet-hero.duet-hero-product .background .brand-shape {
    right: 195px;
  }
}
@media (min-width: 960px) {
  .duet-hero.duet-hero-product .background .brand-shape {
    right: 245px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .background .brand-shape {
    top: 115px;
    right: 228px;
    width: 300px;
    height: 300px;
  }
}
@media (min-width: 1100px) {
  .duet-hero.duet-hero-product .background .brand-shape {
    right: 343px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-product .background .brand-shape {
    right: 394px;
    width: 400px;
    height: 400px;
  }
}
.duet-hero.duet-hero-product .background .brand-shaped-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 119, 179, 0.85);
  border-radius: 25%;
  mix-blend-mode: normal;
  transform: rotate(7deg);
}
@media (max-width: 35.9375em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon {
    top: 165px;
    right: 25px;
    width: 69px;
    height: 69px;
  }
}
@media (max-width: 22.5em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon {
    top: 138px;
    right: 50px;
    width: 57px;
    height: 57px;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon {
    top: 175px;
    right: 125px;
    width: 78px;
    height: 78px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon {
    top: 220px;
    right: 60px;
  }
}
@media (min-width: 860px) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon {
    right: 110px;
  }
}
@media (min-width: 960px) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon {
    right: 160px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon {
    top: 296px;
    right: 120px;
    width: 105px;
    height: 105px;
  }
}
@media (min-width: 1100px) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon {
    right: 235px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon {
    top: 345px;
    right: 245px;
    width: 140px;
    height: 140px;
  }
}
.duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon {
  transform: rotate(-7deg);
}
@media (max-width: 35.9375em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon {
    width: 72px;
    height: 72px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon {
    width: 72px;
    height: 72px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon {
    width: 86px;
    height: 86px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-product .background .brand-shaped-icon duet-icon {
    width: 104px;
    height: 104px;
  }
}
.duet-hero.duet-hero-product .duet-hero-wrapper {
  max-width: 100%;
  margin: 0 auto;
}
.duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-text {
  margin-top: 0;
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-heading {
    margin-top: 0;
  }
}
.duet-hero.duet-hero-product .duet-hero-wrapper.fluid, .duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
  padding: 0 16px;
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid {
    padding: 0 28px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid {
    padding: 0 56px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid {
    max-width: 1110px;
    padding: 0;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text {
    width: 60%;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text {
    width: 50%;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.fluid .duet-hero-text {
    width: 47%;
  }
}
.duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
  max-width: 888px;
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
    padding: 0 48px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.narrow {
    padding: 0 72px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.narrow .duet-hero-text {
    width: 60%;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product .duet-hero-wrapper.narrow .duet-hero-text {
    width: 47%;
  }
}
.duet-hero.duet-hero-product.duet-theme-turva {
  background: rgb(255, 255, 255);
}
.duet-hero.duet-hero-product.duet-theme-turva .background .background-mask {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 721px;
  height: 256.85px;
  pointer-events: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  background-repeat: no-repeat;
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .background-mask {
    left: 181px;
  }
}
.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
  margin: 0 auto;
  border-radius: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: none;
}
@media (max-width: 35.9375em) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
    top: -120px;
    width: 385px;
  }
}
@media (max-width: 22.5em) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
    top: -95px;
    width: 320px;
  }
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
    top: -135px;
    width: 420px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
    top: -110px;
    right: -110px;
    width: 418px;
  }
}
@media (min-width: 860px) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
    right: -75px;
  }
}
@media (min-width: 960px) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
    right: -40px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
    top: -130px;
    right: -100px;
    width: 552px;
  }
}
@media (min-width: 1100px) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
    right: -35px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image {
    top: -215px;
    width: 736px;
  }
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow {
    right: -115px;
  }
}
@media (min-width: 1300px) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow {
    right: -50px;
  }
}
@media (min-width: 1400px) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image.narrow {
    right: -35px;
  }
}
.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-image .brand-shaped-image-bg {
  transform: translate(-50%, 0);
}
.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon {
  background: rgba(198, 12, 48, 0.9);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: rotate(0deg);
}
.duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon {
  position: relative;
  top: -6px;
  transform: rotate(0deg);
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon {
    top: -8px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-product.duet-theme-turva .background .brand-shaped-icon duet-icon {
    top: -12px;
  }
}
.duet-hero.duet-hero-content {
  padding: 0 0 48px;
  padding-top: 236px;
  background: rgb(255, 255, 255);
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-content {
    padding-top: 384px;
  }
}
.duet-hero.duet-hero-content:not(.duet-hero-has-image) {
  padding: 72px 0 48px;
}
.duet-hero.duet-hero-content .background-area {
  position: absolute;
  width: 100%;
}
.duet-hero.duet-hero-content .background {
  position: absolute;
  top: -236px;
  width: 100%;
  height: 600px;
  overflow: hidden;
  pointer-events: none;
}
.duet-hero.duet-hero-content .background * {
  pointer-events: auto;
}
.duet-hero.duet-hero-content .background .background-mask {
  display: none;
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-content .background {
    top: -384px;
  }
}
.duet-hero.duet-hero-content .background .brand-shaped-image {
  position: absolute;
  top: -165px;
  right: 0;
  left: 30px;
  z-index: 0;
  width: 375px;
  height: 375px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20%;
  transform: rotate(7deg);
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-content .background .brand-shaped-image {
    top: -325px;
    left: 250px;
    width: 687px;
    height: 687px;
  }
}
.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 600px;
  height: 256px;
  background-repeat: no-repeat;
  background-size: 100%;
  transform: rotate(-7deg) translate(-50%, 0);
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-content .background .brand-shaped-image .brand-shaped-image-bg {
    width: 733px;
    height: 413px;
  }
}
.duet-hero.duet-hero-content .background .brand-shape {
  position: absolute;
  top: -25px;
  right: 0;
  left: -300px;
  width: 240px;
  height: 240px;
  margin-right: auto;
  margin-left: auto;
  background: rgb(0, 119, 179);
  border-radius: 20%;
  mix-blend-mode: normal;
  opacity: 0.07;
  transform: rotate(7deg);
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-content .background .brand-shape {
    top: 80px;
    left: -400px;
    width: 373px;
    height: 373px;
  }
}
.duet-hero.duet-hero-content .duet-hero-wrapper {
  max-width: 100%;
  margin: 0 auto;
}
.duet-hero.duet-hero-content .duet-hero-wrapper.fluid, .duet-hero.duet-hero-content .duet-hero-wrapper.narrow {
  padding: 0 16px;
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-content .duet-hero-wrapper.fluid {
    padding: 0 28px;
  }
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-content .duet-hero-wrapper.fluid {
    padding: 0 56px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero.duet-hero-content .duet-hero-wrapper.fluid {
    max-width: 1110px;
    padding: 0;
  }
}
.duet-hero.duet-hero-content .duet-hero-wrapper.narrow {
  max-width: 888px;
}
@media (min-width: 36em) {
  .duet-hero.duet-hero-content .duet-hero-wrapper.narrow {
    padding: 0 48px;
  }
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-content .duet-hero-wrapper.narrow {
    padding: 0 72px;
  }
}
.duet-hero.duet-hero-content .duet-hero-text {
  max-width: 100%;
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-content .duet-hero-text {
    width: 80%;
  }
}
.duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 62em) {
  .duet-hero.duet-hero-content .duet-hero-text .duet-hero-pre {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
}
.duet-hero.duet-hero-content.duet-theme-turva {
  background: rgb(255, 255, 255);
}
.duet-hero.duet-hero-content.duet-theme-turva .background-mask {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 721px;
  height: 256.85px;
  pointer-events: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIxIiBoZWlnaHQ9IjI1NyIgdmlld0JveD0iMCAwIDcyMSAyNTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yODIwXzY5OTkxKSI+CjxwYXRoIGQ9Ik04MC4xNzA1IDIzLjE4MTVDOTEuOTY5OSAxOC44NjU5IDEwMi44NyAxMS42NTU5IDExMi45MDkgMS41NjQ0OEMxMjMuNzcgLTguMzA1MjcgMTM0LjM4MiAtMTguMjAxMSAxNDQuODI2IC0yOC4xODgyQzE1NS4yNDMgLTM4LjE2MjIgMTY1LjkwOCAtNDguMDg0MSAxNzYuNzQzIC01Ny45Mjc4QzE3OC44MTYgLTU5LjA0OSAxODAuNDk4IC02MC4yODc3IDE4MS43ODggLTYxLjY1NjdDMTgzLjA2NiAtNjMuMDEyNiAxODUuNDY1IC02Mi4yODI1IDE4OS4wMTIgLTU5LjQ3OTNDMTg0LjczNSAtNTEuMTM1IDE4MC43NTkgLTQyLjk2MDIgMTc3LjAxNyAtMzQuOTAyN0MxNzMuMjg4IC0yNi44NDUyIDE2Ny42ODEgLTE5LjEyNjggMTYwLjIxMSAtMTEuNzYwM0MxNTIuNzUzIC00LjM4MDgzIDE0NC45NTYgMy4zMTE1MiAxMzYuODQ3IDExLjM2OUMxMjguNzI0IDE5LjQyNjUgMTIwLjk2NiAyNy4xNDUgMTEzLjQ4MyAzNC40OTg0Qzk3LjQ5OCA0OS44MTggNzkuNjYyIDU2LjAyNDEgNjAuMDAwOCA1My4xNjg4QzQwLjI4NzQgNTAuMzEzNSAyNS41NDE0IDM5LjA3NDcgMTUuNjk3NyAxOS40Nzg2QzMuOTI0NDUgLTIuMzcyOTkgLTEuMjI1NTUgLTI0LjQ3MjQgMC4yNDc3NDMgLTQ2Ljc4MDNDMS4yNTE2NyAtNjcuNDg0NiAzLjQwMjkzIC04Ny43OTc4IDYuODA1ODQgLTEwNy43NzJDMTAuMTk1NyAtMTI3LjczMyAxNS43MTA4IC0xNDcuNDg2IDIzLjMzOCAtMTY3LjA0M0MyNi4zMTA3IC0xNzQuMDMxIDI5LjAwOTUgLTE4MC44NSAzMS40NzM3IC0xODcuNTY0QzMzLjkxMTggLTE5NC4yMjcgMzYuNTMyNCAtMjAwLjY2OCAzOS4yNTc0IC0yMDYuODQ4QzQxLjgxMjggLTIwOS41NzIgNDMuNDY4NiAtMjEyLjEyOCA0NC4xODU3IC0yMTQuNTRDNTMuMDI1NSAtMjI5LjM3NyA2Mi44MyAtMjM3Ljk5NSA3My42Mzg1IC0yNDAuNDMzQzg0LjM5NDggLTI0Mi44NzEgOTguMTM2OSAtMjM5LjgyMSAxMTQuODEyIC0yMzEuMzJDMTI3Ljk0MiAtMjI1LjYwOSAxMzMuMzkyIC0yMTYuMTA1IDEzMS4xNDkgLTIwMi43OTNDMTMwLjE3MSAtMTkwLjgzNyAxMjcuOTk0IC0xNzkuMjU5IDEyNC42MTcgLTE2OC4wMkMxMjAuMDQxIC0xNTIuNzc5IDExNS40MzggLTEzNy41NTEgMTEwLjg0OSAtMTIyLjMyMkMxMDYuMjczIC0xMDcuMDgxIDEwMS4yNzkgLTkxLjk2OTkgOTUuODk0MyAtNzcuMDAyM0M4NS41OTQzIC00OC42MDU3IDc5LjQyNzQgLTE5LjQyNjcgNzcuNDA2NSAxMC41NjA2Qzc3LjcxOTQgMTIuNDEyIDc4LjA0NTMgMTQuMjYzNSA3OC4zNTgzIDE2LjA4ODhDNzguNjcxMiAxNy45NDAyIDc5LjI3MDkgMjAuMyA4MC4xNzA1IDIzLjE5NDRNMTEwLjkxNCAtMjk2Ljc1N0MxMDkuNTQ1IC0yOTguMDM1IDEwNy4zMTYgLTI5OS4zNTIgMTA0LjIzOSAtMzAwLjczNEMxMDEuMTYyIC0zMDIuMDkgOTguMjQxMiAtMzA0LjA1OSA5NS41NDIzIC0zMDYuNjI3QzkwLjA3OTQgLTMxMS43NzcgODYuOTc2MyAtMzE4LjE2NiA4Ni4yMzMyIC0zMjUuODE5Qzg1LjQ2NCAtMzMzLjQ3MiA4Ny4zODA1IC0zNDAuNTUyIDkxLjk2OTkgLTM0Ny4wNThDOTMuMjIxNSAtMzQ4LjQxNCA5NC4xNDcyIC0zNDkuMjM1IDk0LjY4MTggLTM0OS41MjJDOTUuMTkwMyAtMzQ5Ljc5NiA5Ni4xMDI5IC0zNTAuNjA0IDk3LjM5MzcgLTM1MS45OTlDMTA5LjY3NSAtMzU3LjkwNiAxMjIuNDE0IC0zNTYuNjkzIDEzNS42MzQgLTM0OC4zMzZDMTQ2Ljk1MSAtMzQyLjMyNSAxNTIuMDg4IC0zMzMuMzE2IDE1MS4xMzYgLTMyMS4zNkwxNDguMjI5IC0zMTEuNzM4QzE0NC42NjkgLTI5Ny4wNyAxMzUuNTY5IC0yOTEuNTAzIDEyMC45MTQgLTI5NS4wNjJDMTE5LjA1IC0yOTQuNzIzIDExNS43MzggLTI5NS4yOTcgMTEwLjkxNCAtMjk2Ljc0NCIgZmlsbD0iI0Y1RjVGNyIvPgo8cGF0aCBkPSJNMjQyLjc2NyAyMTUuNTE4QzI0NS4wODggMjEzLjU4OCAyNDcuMjc4IDIxMi4xMDIgMjQ5LjM3NyAyMTAuOTY4QzI1MS40NSAyMDkuODU5IDI1My41MzYgMjA4Ljc1MSAyNTUuNjIyIDIwNy42MDRDMjc0LjIyNyAxOTIuMjg0IDI5MC41NzcgMTc3LjE2IDMwNC43MjMgMTYyLjE5M0MzMTUuNjg4IDE0OC45NDYgMzI2LjYxNCAxMzUuODU2IDMzNy40ODggMTIyLjk4N0MzNDguMzYxIDExMC4xMTkgMzU4Ljg4MyA5Ni45Mzc1IDM2OS4wNjYgODMuNDE3MUMzNzYuNDQ1IDczLjQzMDEgMzg0LjU4MSA2My44NjAyIDM5My40NDcgNTQuNzQ2NkM0MDIuMyA0NS42NDYxIDQxMC44MjYgMzYuMjMyNyA0MTkuMDAxIDI2LjQ4MDNDNDIxLjgwNCAyMi45NzMxIDQyNC4yMjkgMjAuMDAwNCA0MjYuMjg5IDE3LjU0OTNDNDI4LjMyMyAxNS4xMjQzIDQzMC41MDEgMTIuOTMzOCA0MzIuODM1IDExLjAxNzNDNDM0LjkwOCA5LjkwOTA2IDQzNi43NDYgOS41ODMwMSA0MzguMzYzIDEwLjA2NTRDNDM5Ljk1MyAxMC41NDc5IDQ0MS43OTIgMTAuMjQ4IDQ0My45MDQgOS4xMTM3MUM0NDMuMTg3IDExLjUxMjcgNDQyLjgyMiAxMy4zOTAzIDQ0Mi44ODcgMTQuNjk0QzQ0Mi45MjYgMTYuMDIzOSA0NDIuMjg3IDE3LjM2NjggNDQxLjAwOSAxOC43MjI3QzQyNC42NDcgNDYuOTYzIDQwNy42ODQgNzIuODE3MyAzOTAuMTIyIDk2LjMxMTdDMzc2LjY0MSAxMTQuOTU2IDM2My4xNDcgMTMyLjkwOSAzNDkuNjM5IDE1MC4yMjRDMzM2LjEwNiAxNjcuNTI1IDMyMi4yMiAxODUuMzYxIDMwNy45NDQgMjAzLjc1OEMzMDEuNTI5IDIxMC41MzcgMjk1LjM4OCAyMTcuMiAyODkuNDk1IDIyMy43MTlDMjgzLjU4OSAyMzAuMjI1IDI3Ny40MzUgMjM2LjkgMjcxLjAyIDI0My42NjdDMjU4LjkyMSAyNTQuODggMjQ0LjQ4OCAyNTkuMjM0IDIyNy43MzQgMjU2Ljc5NkMxOTYuODYgMjUxLjg4MSAxNzYuMDI1IDIzNi44NzQgMTY1LjIxNyAyMTEuNzg5QzE1NC42OTUgMTg4LjU2OCAxNDkuNTMyIDE2Ni41MDggMTQ5LjcwMiAxNDUuNjA4QzE0Ny45NDIgMTEzLjY3OCAxNDguMzA3IDgxLjk0MzggMTUwLjgxIDUwLjQxOEMxNTMuMyAxOC44NzkyIDE1OC4zMiAtMTIuMzIwNyAxNjUuODY5IC00My4yMDc3QzE4MC4xNzIgLTEwNS4yMDMgMTk4LjU2OCAtMTY2LjQwMyAyMjEuMTExIC0yMjYuODA4QzIzMi4wODkgLTI1Ny41MjYgMjQ0LjQyMyAtMjg3LjYxOCAyNTguMSAtMzE3LjA5NkMyNzEuNzc2IC0zNDYuNTc1IDI4Ni4zNzkgLTM3NS41MDcgMzAxLjk3MiAtNDA0LjAwOEMzMTIuOTUgLTQyNS45OSAzMjQuNjMyIC00NDcuMzQ2IDMzNi45NzkgLTQ2OC4wNjNDMzQ5LjMxMyAtNDg4Ljc1NCAzNjIuNDk1IC01MDkuMjI0IDM3Ni40MzIgLTUyOS40NTlDNDAzLjg2NCAtNTY4LjI5OSA0MzQuMTkgLTYwMy42NzEgNDY3LjM5OCAtNjM1LjU3NUM0NzUuNjM4IC02NDIuNjgxIDQ4My45OTUgLTY0OS4zMTcgNDkyLjQwNSAtNjU1LjUxQzUwMC44MjggLTY2MS42NzcgNTEwLjM5NyAtNjY2LjY1OCA1MjEuMTU0IC02NzAuMzk5QzU0NS4yNzQgLTY3Ny45NjEgNTY3LjcxMiAtNjc2Ljg3OSA1ODguMzkxIC02NjcuMTY2QzYwNC43MjcgLTY2MC40NzggNjEzLjY3MSAtNjQ5LjUxMyA2MTUuMjEgLTYzNC4yMTlDNjE3LjU5NiAtNjI0Ljc1NCA2MTguMTk1IC02MTMuNjcxIDYxNi45ODMgLTYwMC45NTlDNjEwLjMyIC01NTguNDgxIDU5Ny44NTYgLTUxNS41MzQgNTc5LjU1MSAtNDcyLjE5NkM1NjUuNDMxIC00MzkuODIzIDU0OS4wODEgLTQwOC43NTMgNTMwLjUyOCAtMzc5LjAwMUM1MTEuOTM2IC0zNDkuMjYxIDQ5Mi42MTQgLTMxOS45NTIgNDcyLjYgLTI5MS4wOTlDNDY1LjQ1NiAtMjgxLjkyIDQ1Ny45NDYgLTI3MS41MDMgNDUwLjEyMyAtMjU5LjkxMkM0MzMuNTc4IC0yMzYuOTc4IDQxNS42MzcgLTIxNS4xMjYgMzk2LjI4OSAtMTk0LjM1N0MzNzYuOTAyIC0xNzMuNTYxIDM1NS44NDUgLTE1NC4zOTYgMzMzLjA2OCAtMTM2LjgyQzMyMC4zODIgLTEyNi42OSAzMTIuNTMzIC0xMTUuMDg2IDMwOS40ODIgLTEwMi4wNDhDMzA0LjE4OSAtODQuNDQ2OCAyOTguOTc0IC02Ny4wNDExIDI5My43OTggLTQ5Ljg0NEMyODguNjIxIC0zMi42NDY5IDI4My43NzEgLTE1LjExMDggMjc5LjI4NiAyLjcxMjFDMjc1LjI3MSAxOC45NzA1IDI3MS4zMDcgMzQuOTgxIDI2Ny40MjIgNTAuODM1MkMyNjMuNTIzIDY2LjY2MzMgMjU5Ljk2NCA4Mi44NDM0IDI1Ni43NyA5OS4zMzY1QzI1My41NDkgMTE1LjgwMyAyNTAuNjgxIDEzMi42MjIgMjQ4LjE1MiAxNDkuNzQxQzI0NS42MDkgMTY2Ljg2IDI0My4xMzIgMTgzLjc5NyAyNDAuNzQ2IDIwMC40OThDMjQxLjA0NiAyMDIuMzM3IDI0MS4zMDcgMjA0LjM5NiAyNDEuNTE1IDIwNi42MTNDMjQxLjY5OCAyMDguODY4IDI0Mi4xMjggMjExLjg0MSAyNDIuNzggMjE1LjUxOE01NjQuMzIyIC02MjIuMDgxQzU2MS43MjggLTYxOS4zNDMgNTU4LjExNiAtNjE2LjA4MyA1NTMuNDg4IC02MTIuMjM3QzU0Mi4yMzYgLTU5OC4xNjkgNTMwLjk1OCAtNTgzLjkwNiA1MTkuNjI4IC01NjkuNDU5QzUwOC4yNTkgLTU1NC45ODcgNDk4LjA1IC01MzkuOTQxIDQ4OS4wMTUgLTUyNC4zNzRDNDU5LjIzNiAtNDc0Ljg2OSA0MzIuNzY5IC00MjMuOTU2IDQwOS42MDEgLTM3MS42MDhDMzg2LjQxOSAtMzE5LjI0OCAzNjUuMTkzIC0yNjUuNDQgMzQ1LjkzNiAtMjEwLjE3MkMzNDUuNzAyIC0yMDkuMzc3IDM0NS43MDIgLTIwOC43MTIgMzQ2LjAxNSAtMjA4LjE5QzM0Ni4yNjIgLTIwNy42NTYgMzQ2LjE4NCAtMjA2LjU4NyAzNDUuNzE1IC0yMDUuMDA5QzM0OS4zNzggLTIwNS42MjIgMzUxLjM2IC0yMDYuMzM5IDM1MS42MDggLTIwNy4xNDdDMzU1LjQ2NyAtMjExLjIxNSAzNTkuNTA5IC0yMTUuMjMxIDM2My43NDYgLTIxOS4xOTRDMzY3Ljk5NyAtMjIzLjE0NSAzNzEuNzY1IC0yMjcuNjgyIDM3NS4wNzYgLTIzMi44MTlDNDAyLjg4NiAtMjY3LjE2MSA0MjguNzE0IC0zMDIuMTQyIDQ1Mi41MzUgLTMzNy43MzZDNDc2LjM2OCAtMzczLjMwMyA0OTguNTMzIC00MTAuNjk2IDUxOS4wNjggLTQ0OS44ODhDNTQzLjg1MyAtNDk3LjM3MiA1NTkuNTc3IC01NDYuNzM0IDU2Ni4yNTIgLTU5Ny45MzRDNTY2LjY0MyAtNjAyLjE4NSA1NjYuOTE3IC02MDYuMDE4IDU2Ny4xIC02MDkuNDZDNTY3LjI0MyAtNjEyLjkwMiA1NjYuMzE3IC02MTcuMSA1NjQuMzM2IC02MjIuMDgxIiBmaWxsPSIjRjVGNUY3Ii8+CjxwYXRoIGQ9Ik02OTYuNTE1IDE4OS4wNjRDNzA0LjYzOCAxODQuMzk2IDcxMi42ODIgMTc5LjYxMSA3MjAuNjg4IDE3NC43MzVWMTM0LjA1N0M2OTcuODE5IDE0OC41MDMgNjczLjgwMyAxNTkuNjM3IDY0OC42MDEgMTY3LjQyMUM2MjIuMDgyIDE3NS42MzUgNTk0LjU1OCAxODAuNjY3IDU2Ni4wMTggMTgyLjU1OEM1NTAuOTIgMTgzLjI2MiA1NDEuMjk4IDE4MS44OTMgNTM3LjEgMTc4LjQzOEM1MzIuODc2IDE3NS4wMDkgNTI5LjA5NSAxNjUuNzUyIDUyNS43NTcgMTUwLjc0NUw1MjMuOTU4IDEzMC41NDlDNTIzLjMzMiAxMTguMTI0IDUyNC43NjYgMTA2Ljc1NSA1MjguMzM5IDk2LjQyODlDNTMxLjg1OSA4Ni4xNTUgNTM2LjEyMiA3NS42MjAzIDU0MS4xMTYgNjQuODc3QzU0NS42MTQgNjQuNDg1OSA1NDkuNTY0IDY0LjM2ODUgNTUzLjAzMiA2NC41MzhDNTU2LjQ3NSA2NC42OTQ1IDU2MC40MzggNjQuNTc3MSA1NjQuOTQ5IDY0LjE3MjlDNTg1Ljg3NSA2NC4zNjg1IDYwNy42MzYgNjEuNzQ3OSA2MzAuMjY5IDU2LjI4NDlDNjUyLjA4MiA1MC42MjY1IDY3MC40IDQxLjI3ODIgNjg1LjI3NyAyOC4yNTMzQzY5NC45MzggMTkuNzc4NiA3MDQuMDI1IDEwLjM3ODMgNzEyLjU2NSAwLjA5MTMwODZINjM5LjUyNkM2MjAuMjU2IDE2Ljk4ODUgNTk2Ljk0NCAyNy40ODQxIDU2OS41MzkgMzEuNDYwN0M1NjcuNjYxIDMxLjc3MzYgNTY2LjM1NyAzMS44MTI3IDU2NS41NzUgMzEuNTY1QzU2NC43NTQgMzEuMzMwMyA1NjMuODI4IDMxLjUxMjggNTYyLjgxMSAzMi4wNDc0QzU2MS45OSAzMS44MTI3IDU2MS42NTEgMzEuNDk5OCA1NjEuNzgxIDMxLjA4MjZDNTYxLjg5OCAzMC42OTE1IDU2MS41NDYgMzAuMzY1NSA1NjAuNzUxIDMwLjEzMDhDNTYwLjk5OSAyOS4zMzU1IDU2MC45MDcgMjguODY2MSA1NjAuNTE2IDI4Ljc2MThDNTYwLjA5OSAyOC42MTg0IDU2MC4wMzQgMjguMTYyIDU2MC4yOTUgMjcuMzUzN0M1NjUuMzc5IDE4LjE3NDkgNTcwLjc3NyA5LjEwMDU1IDU3Ni40MzYgMC4wOTEzMDg2SDQzMC4xNzZDNDI0LjIwNCAxMi42NzMgNDE5LjA1NCAyNS45NDU2IDQxNC44MyAzOS45ODc1QzQwNi40NzMgNjEuOTU2NSA0MDQuMjgyIDgyLjI2OTcgNDA4LjI4NSAxMDAuOTY2QzQxMi4wMTQgMTIwLjQ1OCA0MTguODMzIDEzOC40NjMgNDI4LjcyOCAxNTQuOTgyQzQzOC42MTEgMTcxLjUyOCA0NTIuNDU4IDE4NS4wODcgNDcwLjI1NCAxOTUuN0M0OTAuNzM3IDIwOC44ODEgNTEyLjE0NSAyMTcuNzIxIDUzNC40MDEgMjIyLjI0NUM1NTYuNjQ0IDIyNi43NTcgNTc5Ljg2NSAyMjYuNTA5IDYwNC4xMTUgMjIxLjU2N0M2MDkuNjQzIDIyMC42MTYgNjE1LjI2MyAyMTkuNDY4IDYyMC45MjEgMjE4LjA5OUM2MjYuNTY3IDIxNi43NTYgNjMyLjI3NyAyMTUuMTkyIDYzOC4wNTMgMjEzLjQxOUM2NTkuMDU3IDIwNy41MjUgNjc4LjU2MiAxOTkuMzkgNjk2LjU0MSAxODkuMDc3IiBmaWxsPSIjRjVGNUY3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjgyMF82OTk5MSI+CjxyZWN0IHdpZHRoPSI3MjEiIGhlaWdodD0iMjU2Ljg0OCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
  background-repeat: no-repeat;
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-content.duet-theme-turva .background-mask {
    left: 181px;
  }
}
.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image {
  top: -155px;
  right: 0;
  left: 0;
  width: 420px;
  height: 420px;
  margin: 0 auto;
  border-radius: 0;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22currentColor%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20160%20140%22%3E%3Cpath%20d%3D%22M87.8%20139.6a57.3%2057.3%200%2000-18.4-3.3c-8-.5-16.3-2.5-24.6-6-16.7-7-29-18.7-37.1-35.3a73.5%2073.5%200%2001-5-52.4c1.7-4%203-6.7%204-7.8a33%2033%200%20004-7.8C33.4%203.5%2063.2-4.3%20100%203.2c30.5%204%2049.7%2019.9%2057.6%2047.4l1.6%2024c4.4%2036-11.5%2056-47.5%2060.3-4%202.4-12%203.9-24%204.7%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  transform: none;
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image {
    top: -230px;
    width: 687px;
    height: 637px;
  }
}
.duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg {
  width: 600px;
  height: 280px;
  transform: translate(-50%, 0);
}
@media (min-width: 48em) {
  .duet-hero.duet-hero-content.duet-theme-turva .brand-shaped-image .brand-shaped-image-bg {
    width: 733px;
    height: 413px;
  }
}
.duet-hero.duet-theme-turva {
  font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: rgb(198, 12, 48);
}
@media (min-width: 62em) {
  .duet-hero {
    min-height: 290px;
    padding: 111.6px 56px;
    overflow: visible;
  }
}

.duet-hero-icon {
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 62em) {
  .duet-hero-icon {
    margin-top: -8px;
  }
}

@media (min-width: 62em) {
  .duet-hero-heading {
    margin-top: 12px;
  }
}

@media (min-width: 62em) {
  .duet-hero-heading-has-pre {
    margin-top: 0;
  }
}

.duet-hero-wrapper {
  position: relative;
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  text-align: center;
}
.duet-hero-left-align .duet-hero-wrapper {
  text-align: left;
}
.duet-hero-with-image .duet-hero-wrapper {
  position: static;
}
@media (min-width: 62em) {
  .duet-hero-wrapper {
    text-align: left;
  }
}

.duet-hero-text {
  max-width: 50rem;
  margin: 0 auto;
}
.duet-hero-text-center .duet-hero-text {
  text-align: center !important;
}
@media (min-width: 48em) {
  .duet-hero-text {
    width: 80%;
  }
  .duet-hero-left-align .duet-hero-text {
    margin: 0;
  }
}
@media (min-width: 62em) {
  .duet-hero-text {
    width: 52%;
    max-width: none;
    margin-top: -10px;
    margin-left: 0;
  }
  .duet-hero-text-center .duet-hero-text {
    margin-left: auto;
  }
}

.duet-hero:not(.duet-hero-with-image) .duet-hero-image {
  width: 100%;
  max-width: 400px;
  height: 0;
  padding-bottom: 50%;
  margin: 28px auto 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
@media (min-width: 36em) {
  .duet-hero:not(.duet-hero-with-image) .duet-hero-image {
    padding-bottom: 40%;
  }
}
@media (min-width: 48em) {
  .duet-hero:not(.duet-hero-with-image) .duet-hero-image {
    max-width: 420px;
    padding-bottom: 34%;
  }
  .duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image {
    max-width: 540px;
  }
}
@media (min-width: 62em) {
  .duet-hero:not(.duet-hero-with-image) .duet-hero-image {
    position: absolute;
    top: 50%;
    right: 0;
    padding-bottom: 30%;
    margin: 0;
    transform: translateY(-50%);
  }
  .duet-hero-light .duet-hero:not(.duet-hero-with-image) .duet-hero-image {
    right: -60px;
    padding-bottom: 26%;
  }
  .duet-hero-gray .duet-hero:not(.duet-hero-with-image) .duet-hero-image {
    right: -34px;
    padding-bottom: 20%;
  }
}

@media (min-width: 62em) {
  .duet-hero-gray:not(.duet-hero-with-image) .duet-hero-image {
    right: -34px;
    padding-bottom: 20%;
  }
}

.duet-hero-image-wrapper {
  position: relative;
  width: 80%;
  height: 0;
  padding-bottom: 80%;
  margin: -30px auto 36px;
  overflow: hidden;
  border-radius: 28%;
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  transform: rotate(10deg);
}
.duet-theme-turva .duet-hero-image-wrapper {
  padding-bottom: 68%;
  border-radius: 44% 47% 38% 54%;
  transform: none;
}
@media screen and (min-width: 440px) {
  .duet-hero-image-wrapper {
    width: 300px;
    padding-bottom: 300px;
  }
  .duet-theme-turva .duet-hero-image-wrapper {
    width: 80%;
    padding-bottom: 68%;
  }
}
@media (min-width: 62em) {
  .duet-hero-image-wrapper {
    position: absolute;
    top: -60px;
    right: -50px;
    width: 470px;
    padding-bottom: 470px;
    margin: 0;
  }
  .duet-theme-turva .duet-hero-image-wrapper {
    top: -40px;
    right: -80px;
    width: 536px;
    padding-bottom: 470px;
  }
}
@media (min-width: 76.25em) {
  .duet-hero-image-wrapper {
    top: -70px;
    right: -60px;
    width: 600px;
    padding-bottom: 600px;
  }
  .duet-theme-turva .duet-hero-image-wrapper {
    top: -70px;
    right: -60px;
    width: 650px;
    padding-bottom: 600px;
  }
}
@media screen and (min-width: 1450px) {
  .duet-hero-image-wrapper {
    top: -70px;
    right: 25px;
  }
  .duet-theme-turva .duet-hero-image-wrapper {
    right: 0;
  }
}
.duet-hero-image-wrapper .duet-hero-image {
  position: absolute;
  top: -5%;
  left: -5%;
  width: 110%;
  height: 110%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  transform: rotate(-10deg);
}
.duet-theme-turva .duet-hero-image-wrapper .duet-hero-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: none;
}

.duet-hero-image-mask {
  position: relative;
  margin: -48px auto 0;
  overflow: hidden;
}
@media (min-width: 62em) {
  .duet-hero-image-mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 470px;
    height: 460px;
    margin: 0;
  }
}
@media (min-width: 76.25em) {
  .duet-hero-image-mask {
    width: 650px;
    height: 580px;
  }
}
@media screen and (min-width: 1450px) {
  .duet-hero-image-mask {
    right: 50%;
    transform: translateX(110%);
  }
  .duet-theme-turva .duet-hero-image-mask {
    transform: translateX(108%);
  }
}

duet-heading + duet-button {
  margin-top: 12px !important;
}

.duet-hero-links {
  width: calc(100% + 56px);
  margin-top: 48px;
  margin-left: -28px;
}
.duet-hero-minimal .duet-hero-links {
  margin-top: 28px;
}
@media (min-width: 36em) {
  .duet-hero-links {
    margin-top: 72px;
  }
  .duet-hero-minimal .duet-hero-links {
    margin-top: 28px;
  }
}
@media (min-width: 62em) {
  .duet-hero-links {
    width: auto;
    margin: 36px 0 0;
  }
  .duet-hero-minimal .duet-hero-links {
    margin-top: 28px;
  }
}

.duet-hero-link {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 16px 16px 8px;
  font-weight: 600;
  line-height: 1.25;
  color: rgb(0, 119, 179);
  text-align: left;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-decoration: none;
  border-bottom: 1px solid rgb(212, 223, 229);
  transition: background-color 300ms ease;
}
.duet-hero-link:focus {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: rgba(0, 119, 179, 0.8);
}
.duet-theme-turva .duet-hero-link:focus, .duet-hero-link:focus.duet-theme-turva, .duet-theme-turva2 .duet-hero-link:focus, .duet-hero-link:focus.duet-theme-turva2 {
  outline: 2px solid;
  outline-offset: 2px;
  outline-color: rgba(53, 79, 101, 0.8);
}
.duet-hero-link:hover, .duet-hero-link:hover .duet-hero-action-arrow {
  color: rgb(0, 75, 129) !important;
  background: transparent !important;
}
.duet-theme-turva .duet-hero-link:hover, .duet-theme-turva .duet-hero-link:hover .duet-hero-action-arrow {
  color: rgb(126, 2, 35) !important;
}
.duet-theme-turva .duet-hero-link {
  color: rgb(198, 12, 48);
}
@media (min-width: 36em) {
  .duet-hero-link {
    padding: 16px 16px 16px 28px;
  }
}
@media (min-width: 62em) {
  .duet-hero-link {
    display: inline-flex;
    width: auto;
    max-width: 350px;
    padding: 0;
    margin: 0 28px 16px 0;
    border: 0;
    border-radius: 4px;
  }
}
.duet-hero-link:hover {
  background: rgba(0, 0, 0, 0.02);
}
@media (min-width: 62em) {
  .duet-hero-link:hover {
    background: transparent;
  }
}
.duet-hero-link:first-of-type {
  border-top: 1px solid rgb(212, 223, 229);
}
@media (min-width: 62em) {
  .duet-hero-link:first-of-type {
    margin-top: 0;
    border: 0;
  }
}
.duet-hero-link:last-of-type {
  margin-bottom: -48px;
}
@media (min-width: 62em) {
  .duet-hero-link:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.duet-hero-link span {
  margin-top: -8px;
}
@media (min-width: 36em) {
  .duet-hero-link span {
    margin: 0;
  }
}

.duet-hero-action-icon {
  margin-right: 8px;
}
@media (min-width: 36em) {
  .duet-hero-action-icon {
    margin-right: 12px;
  }
}

.duet-hero-action-arrow {
  margin: 0 0 0 8px;
  color: rgb(0, 119, 179);
}
@media (max-width: 35.9375em) {
  .duet-hero-action-arrow {
    margin-top: -9px;
  }
}
.duet-theme-turva .duet-hero-action-arrow {
  color: rgb(198, 12, 48);
}

.duet-hero-back {
  margin-bottom: 28px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.duet-hero-left-align .duet-hero-back {
  align-items: self-start;
  justify-content: flex-start;
}
@media (min-width: 36em) {
  .duet-hero-back {
    margin-bottom: 36px !important;
  }
  .duet-hero-minimal .duet-hero-back {
    margin-bottom: 28px !important;
  }
}
@media (min-width: 62em) {
  .duet-hero-back {
    display: block;
  }
}

.duet-hero-pre {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}

.duet-hero-pre + duet-heading {
  margin-top: 0 !important;
}

:host(.duet-theme-turva2) .duet-hero.duet-hero-light.duet-theme-turva, :host(.duet-theme-turva2) .duet-hero.duet-hero-with-image.duet-theme-turva {
  color: rgb(23, 42, 59);
  background-image: linear-gradient(rgb(253, 247, 242), #fefbf9);
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-light.duet-theme-turva::before, :host(.duet-theme-turva2) .duet-hero.duet-hero-with-image.duet-theme-turva::before {
  background-image: linear-gradient(#fefbf9, rgb(255, 255, 255));
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-gray.duet-theme-turva {
  background: rgb(245, 246, 247);
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-campaign .duet-hero-heading, :host(.duet-theme-turva2) .duet-hero.duet-hero-section .duet-hero-heading {
  margin-bottom: 2rem;
}
@media (min-width: 22.5em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-campaign .duet-hero-heading, :host(.duet-theme-turva2) .duet-hero.duet-hero-section .duet-hero-heading {
    margin-bottom: 2rem;
  }
}
@media (min-width: 36em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-campaign .duet-hero-heading, :host(.duet-theme-turva2) .duet-hero.duet-hero-section .duet-hero-heading {
    margin-bottom: 4rem;
  }
}
@media (min-width: 48em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-campaign .duet-hero-heading, :host(.duet-theme-turva2) .duet-hero.duet-hero-section .duet-hero-heading {
    margin-bottom: 6rem;
  }
}
@media (min-width: 62em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-campaign .duet-hero-heading, :host(.duet-theme-turva2) .duet-hero.duet-hero-section .duet-hero-heading {
    margin-bottom: 7rem;
  }
}
@media (min-width: 76.25em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-campaign .duet-hero-heading, :host(.duet-theme-turva2) .duet-hero.duet-hero-section .duet-hero-heading {
    margin-bottom: 8rem;
  }
}
@media (min-width: 106.25em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-campaign .duet-hero-heading, :host(.duet-theme-turva2) .duet-hero.duet-hero-section .duet-hero-heading {
    margin-botton: 9rem;
  }
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-campaign .background-area .brand-shape, :host(.duet-theme-turva2) .duet-hero.duet-hero-section .background-area .brand-shape {
  left: 0;
  background-color: rgb(255, 255, 255);
  border-radius: 24px;
  mask-image: none;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: auto;
  padding-top: 0;
  padding-bottom: 72px;
  margin: 0 auto;
}
@media (min-width: 62em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product {
    flex-direction: row-reverse;
    gap: 40px;
    padding-top: 72px;
    padding-right: 56px;
    padding-left: 56px;
  }
}
@media (min-width: 76.25em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product {
    max-width: 1110px;
    padding-right: 0;
    padding-left: 0;
  }
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area {
  position: relative;
  height: auto;
  overflow: visible;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow,
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid {
  position: relative;
  top: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 576/250;
  padding: 0;
  overflow: visible;
  /* stylelint-disable max-nesting-depth */
}
@media (min-width: 36em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow,
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid {
    height: 250px;
    aspect-ratio: auto;
  }
}
@media (min-width: 48em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow,
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid {
    padding-right: 28px;
    padding-left: 28px;
  }
}
@media (min-width: 62em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow,
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid {
    height: auto;
    aspect-ratio: 53/32;
    padding-right: 0;
    padding-left: 0;
  }
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background,
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background {
  position: relative;
  top: auto;
  height: 100%;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .background-mask,
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .background-mask {
  display: none;
  background-image: none;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-image,
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-image {
  position: static;
  width: 100%;
  height: 100%;
  border-radius: 0;
  mask-image: none;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-image .brand-shaped-image-bg,
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-image .brand-shaped-image-bg {
  position: static;
  width: 100%;
  height: 100%;
  background-position: 0;
  background-size: cover;
  transform: none;
}
@media (min-width: 48em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-image,
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-image {
    border-radius: 0 0 12px 12px;
  }
}
@media (min-width: 62em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-image,
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-image {
    border-radius: 12px;
  }
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-icon,
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-icon {
  top: auto;
  right: 20px;
  bottom: -16px;
  width: auto;
  height: auto;
  padding: 0;
  background-color: rgb(23, 42, 59);
  border-radius: 8px;
  mask-image: none;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-icon duet-icon,
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-icon duet-icon {
  top: 0;
  width: 62px;
  height: 62px;
}
@media (min-width: 36em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-icon,
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-icon {
    right: 40px;
    bottom: -24px;
    padding: 8px;
  }
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-icon duet-icon,
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-icon duet-icon {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 48em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-icon,
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-icon {
    right: 68px;
  }
}
@media (min-width: 62em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.narrow .background .brand-shaped-icon,
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .background-area .background-container.fluid .background .brand-shaped-icon {
    right: 40px;
  }
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-product .duet-hero-wrapper .duet-hero-text {
  width: 100%;
}
@media (min-width: 48em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .duet-hero-wrapper {
    margin-top: 28px;
  }
}
@media (min-width: 62em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-product .duet-hero-wrapper {
    padding: 0;
  }
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content {
  padding: 0;
  margin: 20px auto;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content.duet-hero-narrow .background-area {
  max-width: 888px;
}
@media (min-width: 36em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-content.duet-hero-narrow .background-area {
    padding: 0 48px;
  }
}
@media (min-width: 48em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-content.duet-hero-narrow .background-area {
    padding: 0 72px;
  }
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content .background-area {
  position: static;
  padding: 0 16px;
  margin: 0 auto;
}
@media (min-width: 36em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-content .background-area {
    padding: 0 28px;
  }
}
@media (min-width: 62em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-content .background-area {
    padding: 0 56px;
  }
}
@media (min-width: 76.25em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-content .background-area {
    max-width: 1110px;
    padding: 0;
  }
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content .background-area .background {
  position: static;
  height: auto;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content .background-area .background .background-mask {
  display: none;
  background-image: none;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content .background-area .background .brand-shaped-image {
  position: static;
  width: auto;
  height: auto;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content .background-area .background .brand-shaped-image .brand-shaped-image-wrapper {
  width: auto;
  height: auto;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content .background-area .background .brand-shaped-image .brand-shaped-image-bg {
  position: static;
  width: 100%;
  height: auto;
  aspect-ratio: 5/2;
  background-size: cover;
  transform: none;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content .brand-shaped-image {
  border-radius: 12px;
  mask-image: none;
}
:host(.duet-theme-turva2) .duet-hero.duet-hero-content .duet-hero-wrapper {
  margin-top: 28px;
}
@media (min-width: 48em) {
  :host(.duet-theme-turva2) .duet-hero.duet-hero-content .duet-hero-wrapper {
    margin-top: 36px;
  }
}
:host(.duet-theme-turva2) .duet-hero .duet-hero-wrapper {
  position: static;
  margin-top: 16px;
}
@media (min-width: 48em) {
  :host(.duet-theme-turva2) .duet-hero .duet-hero-wrapper {
    margin-top: 0;
  }
}
.duet-theme-turva :host(.duet-theme-turva2) .duet-hero-link {
  color: rgb(230, 23, 64);
}
.duet-theme-turva :host(.duet-theme-turva2) .duet-hero-action-arrow {
  color: rgb(230, 23, 64);
}