/** Shopify CDN: Minification failed

Line 3529:8 Unexpected "@font-face"
Line 3665:8 Unexpected "@media"
Line 3722:8 Unexpected "@media"

**/
.ctes-landing h1,
.ctes-landing h2,
.ctes-landing h3,
.ctes-landing h4,
.ctes-landing h5,
.ctes-landing h6 {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: revert;
  letter-spacing: normal;
  line-height: normal;
  word-break: normal;
}

.ctes-landing{
            --violet: #6534ff;
            --violet2: #8d4dff;
            --ink: #15131a;
            --muted: #69666e;
            --soft: #f1f1f1;
            --r: 25px;
            --shadow: 0 18px 50px rgba(35, 24, 63, .14)
        }

.ctes-landing .specs-section {
  color: #202020;
  background-color: #fff;
  width: 100%;
  padding: 80px 24px 68px;
}

.ctes-landing .specs-container {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.ctes-landing .specs-title {
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 26px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.08;
}

.ctes-landing .specs-layout {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 420px) minmax(0, 1fr);
  align-items: stretch;
  display: grid;
}

.ctes-landing .specs-product-card {
  background-color: #eee;
  border-radius: 34px;
  justify-content: center;
  align-items: center;
  min-height: 590px;
  padding: 32px 28px;
  display: flex;
  overflow: hidden;
}

.ctes-landing .specs-details-card {
  background-color: #eee;
  border-radius: 34px;
  min-height: 590px;
  padding: 29px 56px 28px;
}

.ctes-landing .specs-product-image {
  object-fit: contain;
  width: 100%;
  max-width: 370px;
  height: 100%;
  max-height: 520px;
  display: block;
}

.ctes-landing .specs-product-title {
  color: #383838;
  text-align: center;
  margin-top: 0;
  margin-bottom: 17px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.15;
}

.ctes-landing .specs-table {
  color: #626262;
  grid-template-rows: auto;
  grid-template-columns: minmax(160px, 200px) minmax(0, 1fr);
  gap: 4px 29px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.18;
  display: grid;
}

.ctes-landing .specs-label {
  text-align: right;
}

.ctes-landing .specs-value {
  text-align: left;
}

@media screen and (max-width: 991px) {
  .ctes-landing .specs-section {
    padding: 64px 22px 56px;
  }

  .ctes-landing .specs-title {
    font-size: 44px;
  }

  .ctes-landing .specs-layout {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 38%) minmax(0, 62%);
  }

  .ctes-landing .specs-product-card {
    border-radius: 28px;
    min-height: 560px;
  }

  .ctes-landing .specs-details-card {
    border-radius: 28px;
    min-height: 560px;
    padding: 28px 30px;
  }

  .ctes-landing .specs-product-title {
    font-size: 25px;
  }

  .ctes-landing .specs-table {
    grid-template-rows: auto;
    grid-template-columns: minmax(140px, 175px) minmax(0, 1fr);
    column-gap: 20px;
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .ctes-landing .specs-section {
    padding: 52px 18px 48px;
  }

  .ctes-landing .specs-title {
    letter-spacing: -1px;
    margin-bottom: 22px;
    font-size: 38px;
  }

  .ctes-landing .specs-layout {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .ctes-landing .specs-product-card {
    min-height: 430px;
    padding: 26px;
  }

  .ctes-landing .specs-details-card {
    min-height: 0;
    padding: 30px 24px 32px;
  }

  .ctes-landing .specs-product-image {
    max-height: 380px;
  }

  .ctes-landing .specs-product-title {
    font-size: 24px;
  }

  .ctes-landing .specs-table {
    grid-template-rows: auto;
    grid-template-columns: minmax(128px, 42%) minmax(0, 58%);
    gap: 7px 16px;
    font-size: 15px;
  }
}

@media screen and (max-width: 479px) {
  .ctes-landing .specs-section {
    padding: 42px 14px 40px;
  }

  .ctes-landing .specs-title {
    font-size: 32px;
    line-height: 1.1;
  }

  .ctes-landing .specs-product-card {
    border-radius: 24px;
    min-height: 360px;
    padding: 22px;
  }

  .ctes-landing .specs-details-card {
    border-radius: 24px;
    padding: 27px 17px 29px;
  }

  .ctes-landing .specs-product-image {
    max-height: 320px;
  }

  .ctes-landing .specs-product-title {
    margin-bottom: 20px;
    font-size: 21px;
  }

  .ctes-landing .specs-table {
    grid-template-rows: auto;
    grid-template-columns: minmax(105px, 40%) minmax(0, 60%);
    column-gap: 12px;
    font-size: 14px;
  }
}

.ctes-landing .recovery-scenes-section {
  color: #171717;
  background-color: #fff;
  width: 100%;
  padding: 106px 32px 112px;
  position: relative;
  overflow: hidden;
}

.ctes-landing .recovery-scenes-accent {
  background-color: #6428ff;
  height: 22px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.ctes-landing .recovery-scenes-container {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.ctes-landing .recovery-scenes-heading {
  margin-bottom: 54px;
  padding-left: 44px;
}

.ctes-landing .recovery-scenes-title {
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.04;
}

.ctes-landing .recovery-scenes-subtitle {
  color: #8c8c8c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.15;
}

.ctes-landing .recovery-scenes-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  display: grid;
}

.ctes-landing .recovery-scene-card {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ctes-landing .recovery-scene-card-lower {
  padding-top: 154px;
}

.ctes-landing .recovery-scene-image-wrap {
  background-color: #eee;
  border-radius: 34px;
  height: 570px;
  position: relative;
  overflow: hidden;
}

.ctes-landing .recovery-scene-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.ctes-landing .recovery-scene-dot {
  background-color: #6428ff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 18px;
  left: 18px;
}

.ctes-landing .recovery-scene-label {
  color: #777;
  white-space: normal;
  border-left: 4px solid #6428ff;
  margin-top: 10px;
  padding-left: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-style: italic;
  line-height: 1.15;
}

.ctes-landing .recovery-scene-label-upper {
  order: -1;
  margin-top: 0;
  margin-bottom: 10px;
}

.ctes-landing .recovery-scene-image-wrap-below {
  background-color: #eee;
  border-radius: 34px 34px 0 0;
  height: 570px;
  position: relative;
  overflow: hidden;
}

.ctes-landing .recovery-scene-image-wrap-above {
  background-color: #eee;
  border-radius: 0 0 34px 34px;
  height: 570px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .ctes-landing .recovery-scenes-section {
    padding: 84px 24px 88px;
  }

  .ctes-landing .recovery-scenes-heading {
    margin-bottom: 42px;
    padding-left: 0;
  }

  .ctes-landing .recovery-scenes-title {
    font-size: 46px;
  }

  .ctes-landing .recovery-scenes-subtitle {
    font-size: 28px;
  }

  .ctes-landing .recovery-scenes-grid {
    grid-column-gap: 16px;
    grid-row-gap: 26px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ctes-landing .recovery-scene-card-lower {
    padding-top: 92px;
  }

  .ctes-landing .recovery-scene-image-wrap {
    height: 520px;
  }

  .ctes-landing .recovery-scene-label {
    white-space: normal;
  }

  .ctes-landing .recovery-scene-image-wrap-below,
  .ctes-landing .recovery-scene-image-wrap-above {
    height: 520px;
  }
}

@media screen and (max-width: 767px) {
  .ctes-landing .recovery-scenes-section {
    padding: 68px 18px 72px;
  }

  .ctes-landing .recovery-scenes-accent {
    height: 16px;
  }

  .ctes-landing .recovery-scenes-title {
    letter-spacing: -1px;
    font-size: 38px;
  }

  .ctes-landing .recovery-scenes-subtitle {
    font-size: 23px;
  }

  .ctes-landing .recovery-scenes-grid {
    grid-column-gap: 14px;
    grid-row-gap: 20px;
  }

  .ctes-landing .recovery-scene-card-lower {
    padding-top: 62px;
  }

  .ctes-landing .recovery-scene-image-wrap {
    border-radius: 28px;
    height: 430px;
  }

  .ctes-landing .recovery-scene-label {
    padding-left: 11px;
    font-size: 16px;
  }

  .ctes-landing .recovery-scene-image-wrap-below {
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
    height: 430px;
  }

  .ctes-landing .recovery-scene-image-wrap-above {
    border-bottom-right-radius: 28px;
    border-bottom-left-radius: 28px;
    height: 430px;
  }
}

@media screen and (max-width: 479px) {
  .ctes-landing .recovery-scenes-section {
    padding: 58px 14px;
  }

  .ctes-landing .recovery-scenes-heading {
    margin-bottom: 30px;
  }

  .ctes-landing .recovery-scenes-title {
    font-size: 32px;
    line-height: 1.08;
  }

  .ctes-landing .recovery-scenes-subtitle {
    margin-top: 10px;
    font-size: 20px;
  }

  .ctes-landing .recovery-scenes-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .ctes-landing .recovery-scene-card-lower {
    padding-top: 0;
  }

  .ctes-landing .recovery-scene-image-wrap {
    border-radius: 26px;
    height: 470px;
  }

  .ctes-landing .recovery-scene-dot {
    width: 27px;
    height: 27px;
    top: 16px;
    left: 16px;
  }

  .ctes-landing .recovery-scene-label-upper {
    order: 0;
    margin-top: 10px;
    margin-bottom: 0;
  }

  .ctes-landing .recovery-scene-image-wrap-below {
    border-top-left-radius: 26px;
    border-top-right-radius: 26px;
    height: 470px;
  }

  .ctes-landing .recovery-scene-image-wrap-above {
    border-radius: 26px 26px 0 0;
    height: 470px;
  }
}

.ctes-landing .faq-section {
  color: #1d1d1d;
  background-color: #fff;
  width: 100%;
  padding: 72px 24px 80px;
}

.ctes-landing .faq-container {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.ctes-landing .faq-layout {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(260px, 32%) minmax(0, 68%);
  align-items: start;
  display: grid;
}

.ctes-landing .faq-heading-wrap {
  padding-top: 4px;
}

.ctes-landing .faq-title {
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 58px;
  font-weight: 700;
  line-height: 1.04;
}

.ctes-landing .faq-card {
  background-color: #eee;
  border-radius: 0 32px 32px 0;
  padding: 42px 36px 38px 0;
}

.ctes-landing .faq-item {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: start;
  margin-bottom: 31px;
  display: grid;
}

.ctes-landing .faq-item-last {
  margin-bottom: 0;
}

.ctes-landing .faq-number {
  color: #fff;
  background-color: #6428ff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  margin-left: -29px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 34px;
  font-style: italic;
  font-weight: 600;
  line-height: 1;
  display: flex;
}

.ctes-landing .faq-content {
  min-width: 0;
}

.ctes-landing .faq-line {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.ctes-landing .faq-q {
  color: #6428ff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.15;
}

.ctes-landing .faq-a {
  color: #c5c5c5;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 29px;
  font-weight: 500;
  line-height: 1.18;
}

.ctes-landing .faq-question {
  color: #383838;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.16;
}

.ctes-landing .faq-answer {
  color: #686868;
  padding-top: 7px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.35;
}

@media screen and (max-width: 991px) {
  .ctes-landing .faq-section {
    padding: 64px 22px 70px;
  }

  .ctes-landing .faq-layout {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    grid-template-rows: auto;
    grid-template-columns: minmax(210px, 30%) minmax(0, 70%);
  }

  .ctes-landing .faq-title {
    font-size: 46px;
  }

  .ctes-landing .faq-card {
    padding: 34px 26px 32px 0;
  }

  .ctes-landing .faq-item {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    grid-template-rows: auto;
    grid-template-columns: 52px minmax(0, 1fr);
    margin-bottom: 26px;
  }

  .ctes-landing .faq-item-last {
    margin-bottom: 0;
  }

  .ctes-landing .faq-number {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    font-size: 29px;
  }

  .ctes-landing .faq-line {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    grid-template-rows: auto;
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .ctes-landing .faq-q,
  .ctes-landing .faq-a {
    font-size: 25px;
  }

  .ctes-landing .faq-question {
    font-size: 21px;
  }

  .ctes-landing .faq-answer {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .ctes-landing .faq-section {
    padding: 54px 18px 60px;
  }

  .ctes-landing .faq-layout {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .ctes-landing .faq-title {
    font-size: 40px;
    line-height: 1.05;
  }

  .ctes-landing .faq-card {
    border-radius: 26px;
    padding: 34px 22px 32px;
  }

  .ctes-landing .faq-item {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    grid-template-rows: auto;
    grid-template-columns: 48px minmax(0, 1fr);
    margin-bottom: 27px;
  }

  .ctes-landing .faq-item-last {
    margin-bottom: 0;
  }

  .ctes-landing .faq-number {
    width: 46px;
    height: 46px;
    margin-left: 0;
    font-size: 27px;
  }

  .ctes-landing .faq-question {
    font-size: 20px;
  }
}

@media screen and (max-width: 479px) {
  .ctes-landing .faq-section {
    padding: 46px 14px 52px;
  }

  .ctes-landing .faq-title {
    font-size: 34px;
  }

  .ctes-landing .faq-card {
    border-radius: 22px;
    padding: 28px 15px 27px;
  }

  .ctes-landing .faq-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 9px;
    margin-bottom: 25px;
  }

  .ctes-landing .faq-item-last {
    margin-bottom: 0;
  }

  .ctes-landing .faq-number {
    width: 39px;
    height: 39px;
    margin-left: 0;
    font-size: 23px;
  }

  .ctes-landing .faq-line {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: 26px minmax(0, 1fr);
  }

  .ctes-landing .faq-q,
  .ctes-landing .faq-a {
    font-size: 21px;
  }

  .ctes-landing .faq-question {
    font-size: 17px;
  }

  .ctes-landing .faq-answer {
    padding-top: 5px;
    font-size: 14px;
  }
}

.ctes-landing .included-section {
  color: #202020;
  background-color: #fff;
  width: 100%;
  padding: 70px 24px 84px;
}

.ctes-landing .included-container {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.ctes-landing .included-heading-row {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  align-items: baseline;
  margin-bottom: 28px;
  display: flex;
}

.ctes-landing .included-title {
  letter-spacing: -1.5px;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.05;
}

.ctes-landing .included-subtitle {
  color: #383838;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
}

.ctes-landing .included-card {
  background-color: #eee;
  border-radius: 34px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%);
  min-height: 470px;
  display: grid;
  overflow: hidden;
}

.ctes-landing .included-copy {
  align-items: flex-start;
  padding: 58px 22px 58px 54px;
  display: flex;
}

.ctes-landing .included-list {
  border-left: 6px solid #6428ff;
  width: 100%;
  padding-left: 20px;
}

.ctes-landing .included-list-item {
  color: #666;
  margin-bottom: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.35;
}

.ctes-landing .included-visual {
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: 34px 112px 30px 10px;
  display: flex;
  position: relative;
}

.ctes-landing .included-product-image {
  object-fit: contain;
  width: 100%;
  max-width: 410px;
  height: 100%;
  max-height: 400px;
  display: block;
}

.ctes-landing .included-accessories {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 82px;
  display: flex;
  position: absolute;
  top: 42px;
  bottom: 42px;
  right: 32px;
}

.ctes-landing .included-accessory-image {
  object-fit: contain;
  border-radius: 10px;
  width: 82px;
  height: 105px;
  display: block;
}

@media screen and (max-width: 991px) {
  .ctes-landing .included-section {
    padding: 62px 22px 70px;
  }

  .ctes-landing .included-heading-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .ctes-landing .included-title {
    font-size: 44px;
  }

  .ctes-landing .included-subtitle {
    font-size: 23px;
  }

  .ctes-landing .included-card {
    border-radius: 30px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 48%) minmax(0, 52%);
    min-height: 430px;
  }

  .ctes-landing .included-copy {
    padding: 48px 18px 48px 38px;
  }

  .ctes-landing .included-list-item {
    font-size: 17px;
  }

  .ctes-landing .included-visual {
    padding-right: 86px;
  }

  .ctes-landing .included-accessories {
    right: 18px;
    transform: scale(.82);
  }
}

@media screen and (max-width: 767px) {
  .ctes-landing .included-section {
    padding: 54px 18px 62px;
  }

  .ctes-landing .included-heading-row {
    margin-bottom: 24px;
    display: block;
  }

  .ctes-landing .included-title {
    white-space: normal;
    font-size: 39px;
  }

  .ctes-landing .included-subtitle {
    margin-top: 9px;
    font-size: 22px;
  }

  .ctes-landing .included-card {
    border-radius: 27px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .ctes-landing .included-copy {
    padding: 36px 28px 20px;
  }

  .ctes-landing .included-visual {
    min-height: 360px;
    padding: 10px 92px 28px 22px;
  }

  .ctes-landing .included-product-image {
    max-height: 330px;
  }

  .ctes-landing .included-accessories {
    top: 28px;
    bottom: 28px;
    right: 22px;
    transform: scale(.78);
  }
}

@media screen and (max-width: 479px) {
  .ctes-landing .included-section {
    padding: 46px 14px 52px;
  }

  .ctes-landing .included-title {
    font-size: 34px;
  }

  .ctes-landing .included-subtitle {
    font-size: 19px;
  }

  .ctes-landing .included-card {
    border-radius: 23px;
  }

  .ctes-landing .included-copy {
    padding: 30px 20px 14px;
  }

  .ctes-landing .included-list {
    border-left-width: 4px;
    padding-left: 14px;
  }

  .ctes-landing .included-list-item {
    margin-bottom: 12px;
    font-size: 15px;
  }

  .ctes-landing .included-visual {
    min-height: 310px;
    padding: 4px 18px 22px;
  }

  .ctes-landing .included-product-image {
    max-height: 285px;
  }

  .ctes-landing .included-accessories {
    display: none;
  }
}

.ctes-landing .recovery-cta-section {
  color: #fff;
  background-blend-mode: multiply;
  background-color: #999fb1;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 760px;
  padding: 68px 24px 380px;
  overflow: hidden;
}

.ctes-landing .recovery-cta-container {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.ctes-landing .recovery-cta-copy {
  z-index: 2;
  text-align: center;
  position: relative;
}

.ctes-landing .recovery-cta-title {
  color: #fff;
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 26px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 53px;
  font-weight: 700;
  line-height: 1.05;
}

.ctes-landing .recovery-cta-description {
  color: #ffffffe0;
  margin: 0 auto 28px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.28;
}

.ctes-landing .recovery-cta-button {
  color: #fff;
  background-color: #6428ff;
  border-radius: 999px;
  justify-content: space-between;
  align-items: center;
  width: 430px;
  min-height: 58px;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 9px 8px 24px;
  text-decoration: none;
  display: flex;
}

.ctes-landing .recovery-cta-button-copy {
  text-align: left;
}

.ctes-landing .recovery-cta-button-title {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.05;
}

.ctes-landing .recovery-cta-button-note {
  color: #ffffffd1;
  margin-top: 2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 1.1;
}

.ctes-landing .recovery-cta-arrow {
  color: #6428ff;
  background-color: #fff;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  display: flex;
}

@media screen and (max-width: 991px) {
  .ctes-landing .recovery-cta-section {
    padding: 58px 22px 0;
  }

  .ctes-landing .recovery-cta-title {
    font-size: 45px;
  }

  .ctes-landing .recovery-cta-description {
    font-size: 19px;
  }
}

@media screen and (max-width: 767px) {
  .ctes-landing .recovery-cta-section {
    padding: 52px 18px 0;
  }

  .ctes-landing .recovery-cta-title {
    margin-bottom: 21px;
    font-size: 38px;
    line-height: 1.08;
  }

  .ctes-landing .recovery-cta-description {
    margin-bottom: 24px;
    font-size: 17px;
  }

  .ctes-landing .recovery-cta-button {
    width: 100%;
    max-width: 410px;
  }

  .ctes-landing .recovery-cta-button-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 479px) {
  .ctes-landing .recovery-cta-section {
    padding: 44px 14px 0;
  }

  .ctes-landing .recovery-cta-title {
    letter-spacing: -1px;
    font-size: 32px;
  }

  .ctes-landing .recovery-cta-description {
    font-size: 15px;
  }

  .ctes-landing .recovery-cta-button {
    min-height: 55px;
    padding-left: 17px;
  }

  .ctes-landing .recovery-cta-button-title {
    font-size: 15px;
  }

  .ctes-landing .recovery-cta-button-note {
    font-size: 9px;
  }

  .ctes-landing .recovery-cta-arrow {
    width: 41px;
    height: 41px;
    font-size: 26px;
  }
}

.ctes-landing .brand-info-section {
  color: #fff;
  background-color: #050505;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 720px;
  padding: 46px 24px 72px;
}

.ctes-landing .brand-info-container {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.ctes-landing .brand-info-label {
  color: #ffffffd1;
  margin-top: 0;
  margin-bottom: 38px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}

.ctes-landing .brand-info-card {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: #1c1934e0;
  border-radius: 34px;
  padding: 46px 72px 58px;
  box-shadow: 0 24px 90px #5328ff21;
}

.ctes-landing .brand-info-logo-row {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  justify-content: center;
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.ctes-landing .brand-info-logo-mark {
  color: #6428ff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 72px;
  font-weight: 900;
  line-height: .9;
  transform: skew(-12deg);
}

.ctes-landing .brand-info-logo-name {
  color: #fff;
  letter-spacing: -2px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 58px;
  font-weight: 800;
  line-height: 1;
  position: relative;
}

.ctes-landing .brand-info-register {
  vertical-align: baseline;
  margin-left: 5px;
  font-size: 15px;
  display: inline-block;
}

.ctes-landing .brand-info-headline {
  color: #fff;
  margin-top: 0;
  margin-bottom: 34px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 31px;
  font-weight: 600;
  line-height: 1.2;
}

.ctes-landing .brand-info-paragraph {
  color: #ffffffe0;
  margin-top: 0;
  margin-bottom: 21px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.45;
}

.ctes-landing .brand-info-paragraph-last {
  margin-bottom: 0;
}

@media screen and (max-width: 991px) {
  .ctes-landing .brand-info-section {
    min-height: 650px;
    padding: 42px 22px 62px;
  }

  .ctes-landing .brand-info-label {
    margin-bottom: 32px;
    font-size: 29px;
  }

  .ctes-landing .brand-info-card {
    border-radius: 30px;
    padding: 40px 50px 48px;
  }

  .ctes-landing .brand-info-logo-row {
    margin-bottom: 38px;
  }

  .ctes-landing .brand-info-logo-mark {
    font-size: 61px;
  }

  .ctes-landing .brand-info-logo-name {
    font-size: 47px;
  }

  .ctes-landing .brand-info-headline {
    font-size: 27px;
  }

  .ctes-landing .brand-info-paragraph {
    font-size: 17px;
  }
}

@media screen and (max-width: 767px) {
  .ctes-landing .brand-info-section {
    min-height: 600px;
    padding: 38px 18px 54px;
  }

  .ctes-landing .brand-info-label {
    margin-bottom: 26px;
    font-size: 27px;
  }

  .ctes-landing .brand-info-card {
    border-radius: 27px;
    padding: 34px 30px 40px;
  }

  .ctes-landing .brand-info-logo-row {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    margin-bottom: 31px;
  }

  .ctes-landing .brand-info-logo-mark {
    font-size: 50px;
  }

  .ctes-landing .brand-info-logo-name {
    letter-spacing: -1px;
    font-size: 37px;
  }

  .ctes-landing .brand-info-headline {
    margin-bottom: 25px;
    font-size: 24px;
  }

  .ctes-landing .brand-info-paragraph {
    font-size: 16px;
  }
}

@media screen and (max-width: 479px) {
  .ctes-landing .brand-info-section {
    background-position: 55%;
    min-height: 560px;
    padding: 32px 14px 44px;
  }

  .ctes-landing .brand-info-label {
    margin-bottom: 22px;
    font-size: 24px;
  }

  .ctes-landing .brand-info-card {
    border-radius: 23px;
    padding: 28px 20px 32px;
  }

  .ctes-landing .brand-info-logo-row {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    margin-bottom: 27px;
  }

  .ctes-landing .brand-info-logo-mark {
    font-size: 40px;
  }

  .ctes-landing .brand-info-logo-name {
    font-size: 29px;
  }

  .ctes-landing .brand-info-register {
    font-size: 10px;
  }

  .ctes-landing .brand-info-headline {
    font-size: 21px;
  }

  .ctes-landing .brand-info-paragraph {
    font-size: 15px;
    line-height: 1.42;
  }
}

.ctes-landing .setup-fullscreen-section {
  background-color: #e8e8e8;
  background-position: 48%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.ctes-landing .setup-overlay-container {
  width: 100%;
  max-width: 1100px;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.ctes-landing .setup-title-card {
  background-color: #ffffffd1;
  border: 2px solid #6428ff;
  border-radius: 28px;
  padding: 26px 35px 23px;
  position: absolute;
  top: 9%;
  left: 0;
  right: 0;
}

.ctes-landing .setup-title {
  color: #6428ff;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.02;
}

.ctes-landing .setup-step {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
}

.ctes-landing .setup-step-one {
  top: 52%;
  left: 0;
}

.ctes-landing .setup-step-two {
  top: 47%;
  right: 0;
}

.ctes-landing .setup-step-three {
  top: 39%;
  left: 42%;
}

.ctes-landing .setup-step-label {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  white-space: nowrap;
  background-color: #fffffff0;
  border-bottom: 3px solid #6428ff;
  border-radius: 7px 7px 2px 2px;
  align-items: center;
  padding: 5px 12px 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
}

.ctes-landing .setup-step-number {
  color: #6428ff;
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
}

.ctes-landing .setup-step-text {
  color: #555;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.ctes-landing .setup-step-line {
  background-color: #fff;
  width: 2px;
  height: 112px;
}

.ctes-landing .setup-step-dot {
  background-color: #6428ff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-top: -1px;
}

@media screen and (max-width: 991px) {
  .ctes-landing .setup-fullscreen-section {
    min-height: 78vw;
  }

  .ctes-landing .setup-overlay-container {
    width: calc(100% - 44px);
    min-height: 100vh;
  }

  .ctes-landing .setup-title {
    font-size: 39px;
  }

  .ctes-landing .setup-step-one {
    left: 2%;
  }

  .ctes-landing .setup-step-two {
    right: 2%;
  }

  .ctes-landing .setup-step-label {
    white-space: normal;
  }

  .ctes-landing .setup-step-text {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .ctes-landing .setup-fullscreen-section {
    background-position: 55%;
    min-height: 100vh;
  }

  .ctes-landing .setup-overlay-container {
    width: calc(100% - 36px);
  }

  .ctes-landing .setup-title-card {
    border-radius: 23px;
    padding: 22px 24px 20px;
    top: 6%;
  }

  .ctes-landing .setup-title {
    font-size: 32px;
  }

  .ctes-landing .setup-step {
    align-items: stretch;
    width: 100%;
    left: 0;
    right: auto;
  }

  .ctes-landing .setup-step-one {
    top: 50%;
  }

  .ctes-landing .setup-step-two {
    top: 62%;
  }

  .ctes-landing .setup-step-three {
    top: 38%;
  }

  .ctes-landing .setup-step-label {
    white-space: normal;
    justify-content: flex-start;
  }

  .ctes-landing .setup-step-line,
  .ctes-landing .setup-step-dot {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .ctes-landing .setup-fullscreen-section {
    background-position: 58%;
    min-height: 100vh;
  }

  .ctes-landing .setup-overlay-container {
    width: calc(100% - 28px);
  }

  .ctes-landing .setup-title-card {
    border-radius: 19px;
    padding: 18px 17px 17px;
  }

  .ctes-landing .setup-title {
    font-size: 26px;
  }

  .ctes-landing .setup-step-number {
    font-size: 25px;
  }

  .ctes-landing .setup-step-text {
    font-size: 15px;
  }
}

        .ctes-landing,
.ctes-landing *{
            box-sizing: border-box
        }

        .ctes-landing{
            scroll-behavior: smooth
        }

        .ctes-landing{
            margin: 0;
            background: #fff;
            color: var(--ink);
            font-family: Arial, "Helvetica Neue", sans-serif
        }

        .ctes-landing button,
.ctes-landing input{
            font: inherit
        }

        .ctes-landing button{
            touch-action: manipulation
        }

        .ctes-landing.site{
            width: min(100%, 1000px);
            margin: auto;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 0 40px rgba(24, 16, 48, .08)
        }

        .ctes-landing .inner{
            width: min(84%, 840px);
            margin-inline: auto
        }

        .ctes-landing .section{
            padding: 64px 0
        }

        .ctes-landing .title{
            margin: 0 0 20px;
            font-size: clamp(31px, 5vw, 50px);
            line-height: .96;
            letter-spacing: -2px
        }

        .ctes-landing .copy{
            margin: 0 0 26px;
            color: var(--muted);
            font-size: 16px;
            line-height: 1.55
        }

        .ctes-landing .gradient-text{
            background: linear-gradient(90deg, var(--violet), #9851ff);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent
        }

        .ctes-landing .btn{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            min-height: 43px;
            padding: 0 20px;
            border: 1px solid transparent;
            border-radius: 999px;
            background: linear-gradient(135deg, var(--violet2), var(--violet));
            color: #fff;
            font-weight: 800;
            cursor: pointer;
            transition: .2s
        }

        .ctes-landing .btn:hover{
            transform: translateY(-2px);
            box-shadow: 0 12px 24px rgba(101, 52, 255, .3);
            filter: brightness(1.08)
        }

        .ctes-landing .btn:active{
            transform: none;
            filter: brightness(.94)
        }

        .ctes-landing .btn:focus-visible,
.ctes-landing .icon-card:focus-visible,
.ctes-landing .scene-card:focus-visible,
.ctes-landing .choice:focus-visible,
.ctes-landing .play:focus-visible{
            outline: 3px solid rgba(101, 52, 255, .34);
            outline-offset: 3px
        }

        .ctes-landing .btn:disabled{
            cursor: not-allowed;
            background: #aaa;
            color: #eee;
            box-shadow: none;
            transform: none;
            filter: grayscale(1)
        }

        .ctes-landing .hero{
            position: relative;
            min-height: 625px;
            background: url('coldtech-easyset-hero.jpg') center/cover no-repeat;
            color: #fff
        }

        .ctes-landing .hero:after{
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(8, 15, 18, .58), rgba(8, 15, 18, .08) 62%, transparent)
        }

        .ctes-landing .hero-copy{
            position: relative;
            z-index: 1;
            padding-top: 82px;
            width: 82%
        }

        .ctes-landing .hero h1{
            max-width: 720px;
            margin: 0;
            font-size: clamp(48px, 7vw, 76px);
            letter-spacing: -4px;
            line-height: .92;
            text-shadow: 0 4px 7px rgba(0, 0, 0, .55)
        }

        .ctes-landing .hero h2{
            margin: 13px 0 4px;
            font-size: clamp(18px, 3.2vw, 31px);
            font-weight: 500
        }

        .ctes-landing .hero p{
            margin: 0;
            font-size: 16px
        }

        .ctes-landing .hero-badge{
            display: inline-flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 18px;
            padding: 8px 12px;
            border: 1px solid rgba(255, 255, 255, .35);
            border-radius: 99px;
            background: rgba(20, 20, 26, .25);
            backdrop-filter: blur(8px);
            font-size: 12px;
            font-weight: 700
        }

        .ctes-landing .quick{
            padding: 24px 4.5% 20px;
            background: linear-gradient(#eee9e6, #ddd9d7);
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px
        }

        .ctes-landing .icon-card{
            border: 0;
            background: transparent;
            padding: 8px 5px;
            color: #242128;
            cursor: pointer;
            border-radius: 14px;
            transition: .2s
        }

        .ctes-landing .icon-card i{
            display: grid;
            place-items: center;
            width: 40px;
            height: 40px;
            margin: auto;
            border: 1px solid rgba(101, 52, 255, .28);
            border-radius: 14px;
            color: var(--violet);
            font-size: 23px;
            background: rgba(255, 255, 255, .62)
        }

        .ctes-landing .icon-card strong{
            display: block;
            margin: 8px 0 3px;
            font-size: 13px
        }

        .ctes-landing .icon-card small{
            display: block;
            color: #726d73;
            font-size: 8px;
            line-height: 1.25
        }

        .ctes-landing .icon-card:hover,
.ctes-landing .icon-card.active{
            background: #fff;
            box-shadow: 0 10px 22px rgba(33, 23, 55, .12);
            transform: translateY(-3px)
        }

        .ctes-landing .launch{
            padding: 18px 6% 26px;
            background: linear-gradient(#ddd9d7, #eee)
        }

        .ctes-landing .launch-box{
            padding: 18px 28px;
            border: 1.5px solid #a17fff;
            border-radius: 25px;
            background: rgba(255, 255, 255, .62)
        }

        .ctes-landing .launch h3{
            margin: 0 0 10px;
            font-size: 28px
        }

        .ctes-landing .launch h3 span{
            color: #64e828;
            font-weight: 900
        }

        .ctes-landing .signup{
            display: flex
        }

        .ctes-landing .signup input{
            min-width: 0;
            flex: 1;
            height: 42px;
            padding: 0 14px;
            border: 1.5px solid #9d78ff;
            border-radius: 8px 0 0 8px;
            background: #fff;
            outline: none
        }

        .ctes-landing .signup input:focus{
            box-shadow: inset 0 0 0 2px rgba(101, 52, 255, .18)
        }

        .ctes-landing .signup .btn{
            height: 42px;
            border-radius: 0 8px 8px 0;
            min-height: 42px
        }

        .ctes-landing .problem h2{
            font-size: 24px;
            margin: 0 0 12px
        }

        .ctes-landing .bullets{
            margin: 0 0 30px;
            padding: 0;
            list-style: none;
            color: #69666e
        }

        .ctes-landing .bullets li:before{
            content: "· ";
            color: var(--violet);
            font-weight: 900
        }

        .ctes-landing .pain-grid{
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 9px
        }

        .ctes-landing .pain-card{
            position: relative;
            overflow: hidden;
            aspect-ratio: 1.35;
            border: 0;
            padding: 0;
            background: #ddd;
            cursor: pointer;
            border-radius: 22px
        }

        .ctes-landing .pain-card img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .4s
        }

        .ctes-landing .pain-card span{
            position: absolute;
            left: 10px;
            top: 10px;
            padding: 4px 7px;
            border-radius: 5px;
            background: #ee3155;
            color: #fff;
            font-size: 9px
        }

        .ctes-landing .pain-card:hover img{
            transform: scale(1.055)
        }

        .ctes-landing .smart{
            display: flex;
            align-items: center;
            gap: 12px;
            margin-top: 38px
        }

        .ctes-landing .smart:before{
            content: "";
            width: 18px;
            height: 42px;
            background: linear-gradient(90deg, #5828ff, transparent)
        }

        .ctes-landing .smart h3{
            margin: 0;
            font-size: 30px;
            color: var(--violet)
        }

        .ctes-landing .reveal{
            position: relative;
            min-height: 600px;
            padding: 70px 4%;
            text-align: center;
            color: #fff;
            background: linear-gradient(#778296, #aeb8c7);
            overflow: hidden
        }

        .ctes-landing .reveal:after{
            content: "";
            position: absolute;
            width: 470px;
            height: 90px;
            left: 50%;
            bottom: 42px;
            transform: translateX(-50%);
            border-radius: 50%;
            background: rgba(20, 27, 41, .32);
            filter: blur(24px)
        }

        .ctes-landing .reveal h2{
            position: relative;
            z-index: 2;
            margin: 0;
            font-size: clamp(45px, 6vw, 63px);
            letter-spacing: -3px
        }

        .ctes-landing .reveal h3{
            position: relative;
            z-index: 2;
            margin: 12px 0;
            font-size: 29px;
            line-height: 1.02
        }

        .ctes-landing .product{
            position: relative;
            z-index: 1;
            width: min(48%, 430px);
            height: 380px;
            object-fit: contain;
            filter: drop-shadow(0 30px 20px rgba(23, 29, 41, .35));
            animation: float 5s ease-in-out infinite
        }

        @keyframes float{
            50% {
                transform: translateY(-10px)
            }
        }

        .ctes-landing .feature{
            padding: 62px 0
        }

        .ctes-landing .feature h2{
            font-size: 34px;
            margin: 0 0 12px;
            color: var(--violet);
            letter-spacing: -1.2px
        }

        .ctes-landing .visual{
            position: relative;
            overflow: hidden;
            border-radius: 26px;
            background: #eee;
            box-shadow: 0 8px 20px rgba(30, 24, 44, .08)
        }

        .ctes-landing .triptych{
            height: 430px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 4px;
            background: #fff
        }

        .ctes-landing .triptych img{
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .ctes-landing .containers{
            height: 430px;
            background: linear-gradient(145deg, #efede8, #d8d5d1);
            display: flex;
            align-items: flex-end;
            justify-content: space-around;
            padding: 45px 7%
        }

        .ctes-landing .tub{
            position: relative;
            width: 28%;
            height: 50%;
            border: 8px solid #fff;
            border-top-width: 16px;
            border-radius: 10px 10px 30px 30px;
            background: #e5e4e0;
            box-shadow: 0 16px 25px rgba(42, 37, 34, .14);
            transition: .3s
        }

        .ctes-landing .tub:nth-child(2){
            height: 65%;
            background: #b8b8b7
        }

        .ctes-landing .tub:nth-child(3){
            height: 40%
        }

        .ctes-landing .mini-unit{
            position: absolute;
            width: 100px;
            height: 120px;
            object-fit: contain;
            right: -36px;
            bottom: -5px;
            filter: drop-shadow(0 12px 8px rgba(0, 0, 0, .22))
        }

        .ctes-landing .choice-row{
            display: flex;
            justify-content: center;
            gap: 8px;
            margin: 16px 0 0
        }

        .ctes-landing .choice{
            border: 1px solid #d8d4df;
            padding: 9px 15px;
            border-radius: 99px;
            background: #fff;
            color: #67616d;
            cursor: pointer
        }

        .ctes-landing .choice:hover,
.ctes-landing .choice.active{
            background: var(--violet);
            border-color: var(--violet);
            color: #fff
        }

        .ctes-landing .temperature{
            height: 440px;
            background: url('coldtech-easyset-hero.jpg') center/cover no-repeat;
            color: #fff
        }

        .ctes-landing .temperature:before{
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(38, 24, 255, .86), rgba(236, 91, 25, .74))
        }

        .ctes-landing .temp-content{
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            text-align: center
        }

        .ctes-landing .temp-value{
            font-size: 88px;
            font-weight: 900;
            letter-spacing: -5px;
            text-shadow: 0 7px 20px rgba(44, 20, 74, .25)
        }

        .ctes-landing .temp-value sup{
            font-size: 32px
        }

        .ctes-landing .range{
            width: min(78%, 580px);
            accent-color: #fff;
            cursor: pointer
        }

        .ctes-landing .temp-labels{
            display: flex;
            justify-content: space-between;
            width: min(78%, 580px);
            margin: auto;
            font-size: 11px
        }

        .ctes-landing .purifier{
            height: 440px;
            display: grid;
            place-items: center;
            background: linear-gradient(145deg, #ebe9e7, #faf8f5)
        }

        .ctes-landing .purifier .machine{
            width: 47%;
            height: 83%;
            object-fit: contain;
            filter: drop-shadow(0 18px 12px rgba(0, 0, 0, .2))
        }

        .ctes-landing .label{
            position: absolute;
            padding: 7px 10px;
            border-radius: 7px;
            background: rgba(255, 255, 255, .9);
            font-size: 12px;
            color: #6a6470
        }

        .ctes-landing .l1{
            left: 8%;
            top: 28%
        }

        .ctes-landing .l2{
            left: 9%;
            bottom: 24%
        }

        .ctes-landing .l3{
            right: 8%;
            top: 32%
        }

        .ctes-landing .l4{
            right: 8%;
            bottom: 28%
        }

        .ctes-landing .status{
            position: absolute;
            right: 18px;
            top: 18px;
            display: flex;
            gap: 7px;
            align-items: center;
            padding: 8px 12px;
            border-radius: 999px;
            background: #fff;
            font-size: 12px;
            color: #555
        }

        .ctes-landing .dot{
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: #aaa
        }

        .ctes-landing .status.on .dot{
            background: #55d82d;
            box-shadow: 0 0 0 5px rgba(85, 216, 45, .14)
        }

        .ctes-landing .remote-grid{
            display: grid;
            grid-template-columns: 1fr 1fr;
            height: 430px
        }

        .ctes-landing .remote-grid img{
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .ctes-landing .remote-panel{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 13px 17px;
            border-radius: 14px;
            background: rgba(19, 16, 28, .9);
            color: #fff;
            box-shadow: var(--shadow)
        }

        .ctes-landing .switch{
            width: 46px;
            height: 25px;
            border: 0;
            border-radius: 99px;
            background: #7a7581;
            padding: 3px;
            cursor: pointer
        }

        .ctes-landing .switch:before{
            content: "";
            display: block;
            width: 19px;
            height: 19px;
            border-radius: 50%;
            background: #fff;
            transition: .2s
        }

        .ctes-landing .switch.on{
            background: var(--violet)
        }

        .ctes-landing .switch.on:before{
            transform: translateX(21px)
        }

        .ctes-landing .cooling{
            position: relative;
            min-height: min(80vw, 1120px);
            padding: 0;
            overflow: hidden;
            color: #fff;
            background-image: url('coldtech-easyset-cooling.jpg');
            background-position: 83% center;
            background-size: auto 104%;
            background-repeat: no-repeat;
            background-color: #91adc5;
            isolation: isolate
        }

        .ctes-landing .cooling::after{
            content: "";
            position: absolute;
            z-index: -1;
            inset: 0;
            background: linear-gradient(180deg, rgba(32, 64, 90, .08), transparent 43%, rgba(123, 165, 196, .05))
        }

        .ctes-landing .cooling-inner{
            position: absolute;
            z-index: 1;
            inset: 0;
            width: min(calc(100% - 48px), 1100px);
            margin: 0 auto
        }

        .ctes-landing .cooling-content{
            position: absolute;
            top: clamp(58px, 6.1vw, 86px);
            left: 0;
            right: 0
        }

        .ctes-landing .cooling h2{
            position: relative;
            z-index: 0;
            max-width: 1100px;
            margin: 0;
            font-size: clamp(45px, 4.85vw, 70px);
            font-weight: 500;
            line-height: .94;
            letter-spacing: -2.7px
        }

        .ctes-landing .cooling h2::before{
            content: "";
            position: absolute;
            z-index: -1;
            top: -.08em;
            left: -.1em;
            width: 4.3em;
            height: 2em;
            background: linear-gradient(90deg, #6430ff 0%, #7650ff 58%, rgba(112, 84, 250, .08) 100%)
        }

        .ctes-landing .cooling p{
            max-width: 1110px;
            margin: clamp(36px, 3.5vw, 50px) 0 0;
            font-size: clamp(18px, 2.02vw, 29px);
            font-weight: 400;
            line-height: 1.3;
            letter-spacing: -.35px
        }

        .ctes-landing .stats{
            position: absolute;
            z-index: 1;
            top: 45.5%;
            right: 0;
            display: grid;
            gap: clamp(16px, 1.9vw, 27px);
            margin: 0;
            padding: 0 0 0 24px;
            border-left: 6px solid #6530ff;
            list-style: none;
            font-size: clamp(18px, 2vw, 28px);
            font-weight: 700;
            font-style: italic;
            line-height: 1.25;
            white-space: nowrap;
            text-shadow: 0 1px 2px rgba(40, 69, 94, .18)
        }

        .ctes-landing .stats strong{
            font-weight: 700
        }

        @media(min-width:701px) and (max-width:1024px){
            .ctes-landing .cooling{
                min-height: 760px;
                background-position: 82% center;
                background-size: auto 105%
            }

            .ctes-landing .cooling-inner{
                width: min(calc(100% - 64px), 1100px)
            }

            .ctes-landing .cooling-content{
                top: 54px
            }

            .ctes-landing .cooling h2{
                max-width: 820px;
                font-size: 48px
            }

            .ctes-landing .cooling p{
                max-width: 760px;
                font-size: 18px
            }

            .ctes-landing .stats{
                top: 59%;
                right: 0;
                gap: 14px;
                font-size: 17px
            }
        }

        .ctes-landing .setup{
            position: relative;
            min-height: 660px;
            background: url('coldtech-easyset-setup.jpg') center/cover no-repeat
        }

        .ctes-landing .setup:before{
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, rgba(255, 255, 255, .24), transparent)
        }

        .ctes-landing .setup h2{
            position: absolute;
            top: 40px;
            left: 9%;
            max-width: 780px;
            margin: 0;
            padding: 10px 16px;
            border: 2px solid var(--violet);
            border-radius: 14px;
            background: rgba(255, 255, 255, .82);
            color: var(--violet);
            font-size: 37px;
            line-height: .95
        }

        .ctes-landing .steps{
            position: absolute;
            inset: 0
        }

        .ctes-landing .step{
            position: absolute;
            display: flex;
            align-items: center;
            gap: 7px;
            padding: 7px 10px;
            border: 0;
            border-radius: 8px;
            background: #fff;
            color: #5e5963;
            box-shadow: 0 7px 16px rgba(24, 16, 43, .14);
            cursor: pointer
        }

        .ctes-landing .step b{
            color: var(--violet)
        }

        .ctes-landing .step:hover,
.ctes-landing .step.active{
            background: var(--violet);
            color: #fff;
            transform: translateY(-2px)
        }

        .ctes-landing .step:hover b,
.ctes-landing .step.active b{
            color: #fff
        }

        .ctes-landing .st1{
            left: 10%;
            top: 52%
        }

        .ctes-landing .st2{
            right: 9%;
            top: 48%
        }

        .ctes-landing .st3{
            left: 45%;
            top: 35%
        }

        .ctes-landing .scenes h2,
.ctes-landing .trusted h2{
            font-size: 38px;
            margin: 0
        }

        .ctes-landing .sub{
            margin: 4px 0 25px;
            color: #888;
            font-size: 18px
        }

        .ctes-landing .scene-grid{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 10px
        }

        .ctes-landing .scene-card{
            position: relative;
            height: 330px;
            border: 0;
            border-radius: 20px;
            padding: 0;
            overflow: hidden;
            background: #ddd;
            cursor: pointer
        }

        .ctes-landing .scene-card img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .45s
        }

        .ctes-landing .scene-card:after{
            content: attr(data-label);
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding: 34px 12px 14px;
            color: #fff;
            font-size: 11px;
            text-align: left;
            background: linear-gradient(transparent, rgba(12, 9, 20, .75))
        }

        .ctes-landing .scene-card:hover img{
            transform: scale(1.06)
        }

        .ctes-landing .trusted{
            background: #efefef
        }

        .ctes-landing .testimonial{
            margin-top: 32px
        }

        .ctes-landing .testimonial h3{
            display: inline-block;
            min-width: 54%;
            margin: 0 0 7px;
            padding: 7px 14px;
            background: linear-gradient(90deg, var(--violet), transparent);
            color: #fff;
            font-size: 19px
        }

        .ctes-landing .testimonial p{
            margin: 0 0 12px;
            font-size: 12px;
            color: #5f5b61
        }

        .ctes-landing .gallery{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 6px
        }

        .ctes-landing .media{
            position: relative;
            height: 190px;
            overflow: hidden;
            border-radius: 14px;
            background: #ccc
        }

        .ctes-landing .media img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: .4s
        }

        .ctes-landing .media:hover img{
            transform: scale(1.07)
        }

        .ctes-landing .play{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: grid;
            place-items: center;
            width: 45px;
            height: 45px;
            border: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, .85);
            color: var(--violet);
            font-size: 23px;
            cursor: pointer;
            transition: .2s
        }

        .ctes-landing .play:hover{
            transform: translate(-50%, -50%) scale(1.12);
            background: #fff
        }

        .ctes-landing .brand{
            padding: 55px 0;
            background: #050506;
            color: #fff
        }

        .ctes-landing .brand-card{
            position: relative;
            overflow: hidden;
            padding: 50px 7%;
            border-radius: 24px;
            background: #1c172e
        }

        .ctes-landing .brand-card:before{
            content: "";
            position: absolute;
            inset: 0;
            background: url('coldtech-easyset-brand.jpg') center/cover;
            opacity: .16
        }

        .ctes-landing .brand-card>*{
            position: relative
        }

        .ctes-landing .brand-mark{
            display: flex;
            align-items: center;
            gap: 14px;
            margin-bottom: 38px
        }

        .ctes-landing .brand-symbol{
            font-size: 54px;
            font-weight: 1000;
            color: var(--violet)
        }

        .ctes-landing .brand-mark strong{
            font-size: 38px
        }

        .ctes-landing .brand-card h3{
            font-size: 23px
        }

        .ctes-landing .brand-card p{
            color: #d5d1dd;
            line-height: 1.55;
            font-size: 13px
        }

        .ctes-landing .spec-grid{
            display: grid;
            grid-template-columns: 36% 1fr;
            gap: 12px
        }

        .ctes-landing .spec-product,
.ctes-landing .spec-table{
            border-radius: 24px;
            background: #f0f0f0
        }

        .ctes-landing .spec-product{
            display: grid;
            place-items: center;
            padding: 20px
        }

        .ctes-landing .spec-product img{
            width: 78%;
            height: 330px;
            object-fit: contain
        }

        .ctes-landing .spec-table{
            padding: 24px 30px
        }

        .ctes-landing .spec-table h3{
            text-align: center;
            margin: 0 0 12px
        }

        .ctes-landing .spec-table dl{
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 6px 16px;
            margin: 0;
            font-size: 12px
        }

        .ctes-landing .spec-table dt{
            text-align: right;
            color: #777
        }

        .ctes-landing .spec-table dd{
            margin: 0;
            font-weight: 700
        }

        .ctes-landing .included{
            margin-top: 42px
        }

        .ctes-landing .included-head{
            display: flex;
            align-items: baseline;
            gap: 18px
        }

        .ctes-landing .included-head h2{
            font-size: 34px
        }

        .ctes-landing .kit{
            display: grid;
            grid-template-columns: 1fr 1.1fr;
            align-items: center;
            min-height: 340px;
            padding: 25px 35px;
            border-radius: 24px;
            background: #f0f0f0
        }

        .ctes-landing .kit ul{
            padding-left: 16px;
            color: #68636c;
            line-height: 1.8
        }

        .ctes-landing .kit img{
            width: 100%;
            height: 280px;
            object-fit: contain
        }

        .ctes-landing .kit-icons{
            display: flex;
            gap: 8px;
            margin-top: 15px
        }

        .ctes-landing .kit-icons i{
            display: grid;
            place-items: center;
            width: 42px;
            height: 42px;
            border-radius: 12px;
            background: #fff;
            color: var(--violet);
            font-size: 22px
        }

        .ctes-landing .faq-layout{
            display: grid;
            grid-template-columns: 28% 1fr;
            gap: 18px
        }

        .ctes-landing .faq-layout h2{
            margin: 0;
            font-size: 37px;
            line-height: .9
        }

        .ctes-landing .faqs{
            display: grid;
            gap: 9px
        }

        .ctes-landing .faqs details{
            border-radius: 14px;
            background: #f1f1f1;
            overflow: hidden;
            transition: .2s
        }

        .ctes-landing .faqs details[open]{
            background: #ece7ff;
            box-shadow: 0 8px 20px rgba(64, 40, 120, .1)
        }

        .ctes-landing .faqs summary{
            cursor: pointer;
            list-style: none;
            padding: 15px 18px;
            font-weight: 800
        }

        .ctes-landing .faqs summary::-webkit-details-marker{
            display: none
        }

        .ctes-landing .faqs summary:after{
            content: '+';
            float: right;
            color: var(--violet);
            font-size: 22px
        }

        .ctes-landing .faqs details[open] summary:after{
            content: '−'
        }

        .ctes-landing .faqs p{
            margin: 0;
            padding: 0 18px 16px;
            color: #6d6871;
            font-size: 13px;
            line-height: 1.5
        }

        .ctes-landing .final{
            min-height: 580px;
            padding-top: 55px;
            text-align: center;
            color: #fff;
            background: url('coldtech-easyset-cta.jpg') center bottom/cover no-repeat
        }

        .ctes-landing .final h2{
            margin: 0;
            font-size: 42px;
            line-height: 1.03
        }

        .ctes-landing .final p{
            max-width: 760px;
            margin: 13px auto 17px;
            color: #edf0f8
        }

        .ctes-landing .footer{
            padding: 20px 9%;
            background: #e5e5e5;
            color: #898989;
            text-align: center;
            font-size: 11px
        }

        .ctes-landing .support{
            max-width: 560px;
            margin: 0 auto 15px;
            padding: 9px;
            border: 1px solid #ccc;
            border-radius: 8px;
            background: #fff
        }

        .ctes-landing .footer-row{
            display: flex;
            justify-content: space-between;
            border-top: 1px solid #bbb;
            padding-top: 14px
        }

        .ctes-landing dialog{
            width: min(90vw, 560px);
            padding: 0;
            border: 1px solid rgba(142, 102, 255, .4);
            border-radius: 22px;
            background: #171225;
            color: #fff;
            box-shadow: 0 30px 90px rgba(8, 4, 20, .55)
        }

        .ctes-landing dialog::backdrop{
            background: rgba(8, 6, 16, .65);
            backdrop-filter: blur(5px)
        }

        .ctes-landing .dialog-head{
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 20px;
            border-bottom: 1px solid rgba(255, 255, 255, .1)
        }

        .ctes-landing .dialog-head i{
            font-size: 26px;
            color: #a883ff
        }

        .ctes-landing .dialog-head h2{
            flex: 1;
            margin: 0;
            font-size: 22px
        }

        .ctes-landing .close{
            display: grid;
            place-items: center;
            width: 36px;
            height: 36px;
            border: 0;
            border-radius: 50%;
            background: rgba(255, 255, 255, .09);
            color: #fff;
            cursor: pointer
        }

        .ctes-landing .dialog-body{
            padding: 20px;
            color: #d8d3e1;
            line-height: 1.6
        }

        .ctes-landing .toast{
            position: fixed;
            z-index: 30;
            left: 50%;
            bottom: 25px;
            display: flex;
            gap: 9px;
            align-items: center;
            padding: 12px 17px;
            border-radius: 13px;
            background: #191329;
            color: #fff;
            box-shadow: var(--shadow);
            transform: translate(-50%, 140%);
            opacity: 0;
            transition: .3s
        }

        .ctes-landing .toast.show{
            transform: translate(-50%, 0);
            opacity: 1
        }

        .ctes-landing .toast i{
            color: #a782ff
        }

@media(max-width:700px){
            .ctes-landing .inner{
                width: 89%
            }

            .ctes-landing .section{
                padding: 44px 0
            }

            .ctes-landing .hero{
                min-height: 500px
            }

            .ctes-landing .hero-copy{
                padding-top: 56px
            }

            .ctes-landing .hero h1{
                font-size: 48px;
                letter-spacing: -2px
            }

            .ctes-landing .quick{
                grid-template-columns: repeat(3, 1fr)
            }

            .ctes-landing .launch-box{
                padding: 16px
            }

            .ctes-landing .launch h3{
                font-size: 22px
            }

            .ctes-landing .signup{
                flex-direction: column;
                gap: 7px
            }

            .ctes-landing .signup input,
.ctes-landing .signup .btn{
                border-radius: 8px
            }

            .ctes-landing .pain-grid{
                grid-template-columns: 1fr
            }

            .ctes-landing .pain-card{
                aspect-ratio: 1.8
            }

            .ctes-landing .smart h3{
                font-size: 24px
            }

            .ctes-landing .reveal{
                min-height: 500px
            }

            .ctes-landing .reveal h2{
                font-size: 41px
            }

            .ctes-landing .reveal h3{
                font-size: 22px
            }

            .ctes-landing .product{
                width: 72%;
                height: 300px
            }

            .ctes-landing .feature h2{
                font-size: 28px
            }

            .ctes-landing .triptych,
.ctes-landing .containers,
.ctes-landing .temperature,
.ctes-landing .purifier,
.ctes-landing .remote-grid{
                height: 340px
            }

            .ctes-landing .containers{
                padding: 30px 2%
            }

            .ctes-landing .mini-unit{
                width: 74px;
                height: 92px
            }

            .ctes-landing .temp-value{
                font-size: 65px
            }

            .ctes-landing .label{
                font-size: 9px
            }

            .ctes-landing .cooling{
                min-height: 760px;
                padding: 0;
                background-position: 68% center;
                background-size: auto 100%
            }

            .ctes-landing .cooling-inner{
                width: calc(100% - 48px)
            }

            .ctes-landing .cooling-content{
                top: 38px
            }

            .ctes-landing .cooling h2{
                font-size: clamp(34px, 10vw, 42px);
                line-height: .96;
                letter-spacing: -1.6px
            }

            .ctes-landing .cooling p{
                margin-top: 26px;
                font-size: 15px;
                line-height: 1.4
            }

            .ctes-landing .stats{
                top: auto;
                right: 0;
                bottom: 46px;
                gap: 10px;
                padding-left: 12px;
                border-left-width: 4px;
                font-size: 12px
            }

            .ctes-landing .setup{
                min-height: 560px
            }

            .ctes-landing .setup h2{
                left: 5%;
                right: 5%;
                font-size: 28px
            }

            .ctes-landing .step{
                font-size: 10px
            }

            .ctes-landing .scene-grid,
.ctes-landing .gallery{
                grid-template-columns: 1fr 1fr
            }

            .ctes-landing .scene-card{
                height: 260px
            }

            .ctes-landing .spec-grid,
.ctes-landing .faq-layout{
                grid-template-columns: 1fr
            }

            .ctes-landing .spec-product img{
                height: 240px
            }

            .ctes-landing .spec-table{
                padding: 20px 12px
            }

            .ctes-landing .kit{
                grid-template-columns: 1fr;
                padding: 22px
            }

            .ctes-landing .kit img{
                height: 220px
            }

            .ctes-landing .included-head{
                display: block
            }

            .ctes-landing .final{
                min-height: 500px
            }

            .ctes-landing .final h2{
                font-size: 33px
            }

            .ctes-landing .footer-row{
                display: block
            }

            .ctes-landing .footer-row span{
                display: block;
                margin-top: 6px
        }
    }

.ctes-landing .add_section {
  color: #333;
  background-color: #eaeaea;
  width: 100%;
  padding: 64px 24px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.ctes-landing .add_section .div-block {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ctes-landing .add_section .heading {
  color: #642afe;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 49px;
  line-height: 1.2;
}

.ctes-landing .add_section .heading-2 {
  color: #fff;
  background-image: linear-gradient(90deg, #6430ff, #a485ff 58%, #fff0);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  font-size: 38px;
  font-weight: 400;
  line-height: 1;
}

.ctes-landing .add_section .div-block-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.ctes-landing .add_section .paragraph {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
  font-size: 18px;
  line-height: 1.2;
}

.ctes-landing .add_section .div-block-3 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.ctes-landing .add_section .w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.ctes-landing .add_section .grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.ctes-landing .add_section .image {
  vertical-align: middle;
  object-fit: cover;
  max-width: 100%;
  width: 100%;
  height: 100%;
  display: block;
}

.ctes-landing .add_section .div-block-4 {
  aspect-ratio: 681 / 999;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  flex-flow: column;
  min-width: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.ctes-landing .add_section .div-block-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.ctes-landing .add_section .grid_4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.ctes-landing .add_section .div-block-6 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.ctes-landing .add_section .play_bottom {
  aspect-ratio: 1;
  color: #fff;
  cursor: pointer;
  background-color: #fff6;
  border-radius: 99px;
  justify-content: center;
  align-items: center;
  padding: 10px 10px 10px 14px;
  display: flex;
}

.ctes-landing .add_section .w-embed:before,
.ctes-landing .add_section .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.ctes-landing .add_section .w-embed:after {
  clear: both;
}

.ctes-landing .add_section svg:not(:root) {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .ctes-landing .add_section .heading {
    font-size: 34px;
  }

  .ctes-landing .add_section .heading-2 {
    font-size: 28px;
  }

  .ctes-landing .add_section .paragraph {
    font-size: 16px;
  }

  .ctes-landing .add_section .grid,
  .ctes-landing .add_section .grid_4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  .ctes-landing .add_section .grid,
  .ctes-landing .add_section .grid_4 {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}

        @media(prefers-reduced-motion:reduce){
            .ctes-landing,
.ctes-landing *{
                scroll-behavior: auto !important;
                transition: none !important
            }

            .ctes-landing .product{
                animation: none
            }
        }
.ctes-landing.site{
            width: 100%;
            max-width: none;
            margin: 0;
            box-shadow: none
        }

        .ctes-landing .inner{
            width: min(calc(100% - 48px), 1100px)
        }

        .ctes-landing .hero .hero-copy{
            width: min(calc(100% - 48px), 1100px)
        }

        .ctes-landing .quick{
            position: relative;
            margin-top: -145px;
            padding: 150px max(24px, calc((100% - 1100px)/2)) 32px;
            background: linear-gradient(180deg, rgba(225, 219, 216, 0) 0%, rgba(221, 216, 214, .8) 38%, #d7d4d3 78%, #d7d4d3 100%);
            gap: 30px
        }

        .ctes-landing .icon-card{
            padding: 0;
            text-align: left;
            border-radius: 10px
        }

        .ctes-landing .icon-card i{
            display: block;
            width: auto;
            height: auto;
            margin: 0 0 11px;
            border: 0;
            border-radius: 0;
            background: transparent;
            font-size: 34px;
            line-height: 1;
            color: #6230ff
        }

        .ctes-landing .icon-card strong{
            margin: 0 0 5px;
            font-size: 16px;
            line-height: 1.1;
            font-weight: 500;
            white-space: nowrap
        }

        .ctes-landing .icon-card small{
            font-size: 11px;
            line-height: 1.18;
            color: #6d686d
        }

        .ctes-landing .icon-card:hover,
.ctes-landing .icon-card.active{
            padding: 10px;
            margin: -10px;
            background: rgba(255, 255, 255, .42);
            box-shadow: none;
            transform: translateY(-2px)
        }

        .ctes-landing .launch{
            padding: 18px max(24px, calc((100% - 1100px)/2)) 42px;
            background: linear-gradient(180deg, #d7d4d3 0%, #efeeee 100%)
        }

        .ctes-landing .launch-box{
            width: 100%;
            max-width: 1100px;
            margin-inline: auto;
            padding: 30px 40px 40px;
            border-radius: 29px;
            background: rgba(255, 255, 255, .72)
        }

        .ctes-landing .launch h3{
            margin-bottom: 14px;
            font-size: 47px;
            line-height: 1
        }

        .ctes-landing .launch .signup{
            width: min(67%, 650px)
        }

        .ctes-landing .launch .signup input{
            height: 43px;
            font-size: 18px
        }

        .ctes-landing .launch .signup .btn{
            min-width: 180px;
            height: 43px;
            padding: 0 15px;
            font-size: 16px;
            line-height: 1;
            border-radius: 0 8px 8px 0
        }

        .ctes-landing.site>section:nth-of-type(n+17),
.ctes-landing.site>footer{
            display: none
        }

        @media(max-width:700px){

            .ctes-landing .inner,
.ctes-landing .hero .hero-copy{
                width: min(calc(100% - 32px), 1100px)
            }

            .ctes-landing .quick{
                margin-top: -85px;
                padding: 95px 16px 24px;
                grid-template-columns: repeat(2, 1fr);
                gap: 22px
            }

            .ctes-landing .quick .icon-card:last-child{
                grid-column: 1/-1
            }

            .ctes-landing .launch{
                padding: 12px 16px 28px
            }

            .ctes-landing .launch-box{
                padding: 22px
            }

            .ctes-landing .launch h3{
                font-size: 30px
            }

            .ctes-landing .launch .signup{
                width: 100%
            }

            .ctes-landing .icon-card strong{
                white-space: normal
            }
        }

        .ctes-landing /* Hero artwork ratio and typography matched to the approved reference. */
        @font-face{
            font-family: "Hero Helvetica";
            src: url("assets/fonts/HelveticaNeue.ttc") format("truetype-collection");
            font-style: normal;
            font-weight: 100 900;
            font-display: swap
        }

        .ctes-landing .hero{
            height: auto;
            min-height: 0;
            background: none
        }

        .ctes-landing .hero-art{
            display: block;
            width: 100%;
            height: auto
        }

        .ctes-landing .hero::after{
            background: linear-gradient(90deg, rgba(10, 24, 28, .2), rgba(10, 24, 28, .03) 58%, transparent)
        }

        .ctes-landing .hero-badge{
            display: none
        }

        .ctes-landing .hero-copy{
            position: absolute;
            inset: 0 auto auto 50%;
            transform: translateX(-50%);
            padding-top: clamp(72px, 10.2vw, 112px)
        }

        .ctes-landing .hero h1{
            font-family: "Hero Helvetica", "Arial Narrow", Arial, sans-serif;
            font-size: clamp(56px, 7.5vw, 96px);
            letter-spacing: -3px;
            transform: scaleX(.98);
            transform-origin: left center;
            width: 102%;
            text-shadow: -5px -2px 0 rgba(38, 43, 43, .58), 0 1px 2px rgba(0, 0, 0, .2)
        }

        .ctes-landing .hero h2{
            margin-top: 7px;
            font-family: "Hero Helvetica", Arial, sans-serif;
            font-size: clamp(25px, 3.5vw, 42px);
            letter-spacing: -.5px;
            transform: scaleX(1.12);
            transform-origin: left center;
            width: 89%;
            text-shadow: -5px -2px 0 rgba(38, 43, 43, .58), 0 1px 2px rgba(0, 0, 0, .2)
        }

        .ctes-landing .hero p{
            margin-top: 4px;
            font-size: clamp(17px, 2vw, 22px);
            text-shadow: -5px -2px 0 rgba(38, 43, 43, .58), 0 1px 2px rgba(0, 0, 0, .2)
        }

        .ctes-landing .inner,
.ctes-landing .hero .hero-copy{
            width: min(84%, 1100px)
        }

        .ctes-landing .quick{
            padding-inline: max(6.5%, calc((100% - 1100px)/2));
            padding-top: 94px;
            padding-bottom: 16px;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 16px
        }

        .ctes-landing .icon-card i{
            font-size: 29px;
            margin-bottom: 9px
        }

        .ctes-landing .icon-card strong{
            font-size: 13.8px;
            white-space: nowrap
        }

        .ctes-landing .icon-card small{
            font-size: 8.4px;
            line-height: 1.18;
            white-space: nowrap
        }

        .ctes-landing .launch{
            padding-inline: max(6.3%, calc((100% - 1100px)/2));
            padding-top: 12px;
            padding-bottom: 32px
        }

        .ctes-landing .launch-box{
            padding: 24px 30px 15px
        }

        .ctes-landing .launch h3{
            margin-bottom: 8px;
            font-size: 40px;
            white-space: nowrap
        }

        .ctes-landing .launch h3 span{
            font-family: "Arial Rounded MT Bold", "Arial Black", sans-serif;
            font-size: .9em;
            letter-spacing: -2px
        }

        @media(max-width:700px){
            .ctes-landing .hero{
                height: auto
            }

            .ctes-landing .hero-copy{
                padding-top: 64px
            }

            .ctes-landing .hero h1{
                font-size: 48px
            }

            .ctes-landing .hero h2{
                font-size: 23px
            }

            .ctes-landing .hero p{
                font-size: 15px
            }
        }

        .ctes-landing /* Tablet: retain the artwork ratio and give the feature copy room to breathe. */
        @media(min-width:701px) and (max-width:1024px){
            .hero .hero-copy {
                width: 86%;
                padding-top: clamp(58px, 8vw, 82px)
            }

            .hero h1 {
                font-size: clamp(50px, 7.5vw, 72px)
            }

            .hero h2 {
                font-size: clamp(23px, 3.4vw, 32px)
            }

            .hero p {
                font-size: clamp(15px, 1.8vw, 18px)
            }

            .quick {
                margin-top: -110px;
                padding: 118px 7% 26px;
                grid-template-columns: repeat(6, minmax(0, 1fr));
                gap: 25px 22px
            }

            .quick .icon-card {
                grid-column: span 2
            }

            .quick .icon-card:nth-child(4) {
                grid-column: 2 / span 2
            }

            .icon-card strong {
                font-size: 14px
            }

            .icon-card small {
                font-size: 8.7px
            }

            .launch {
                padding: 14px 6.3% 34px
            }

            .launch h3 {
                font-size: clamp(34px, 4.4vw, 40px)
            }

            .launch .signup {
                width: min(78%, 650px)
            }
        }

        .ctes-landing /* Mobile: keep the image aspect ratio,
.ctes-landing crop through width,
.ctes-landing and stack controls. */
        @media(max-width:700px){
            .hero {
                overflow: hidden
            }

            .hero-art {
                width: 150%;
                max-width: none;
                transform: translateX(-24%)
            }

            .hero .hero-copy {
                width: calc(100% - 32px);
                padding-top: 42px
            }

            .hero h1 {
                width: 100%;
                font-size: clamp(39px, 11.5vw, 48px);
                letter-spacing: -2px
            }

            .hero h2 {
                width: 100%;
                margin-top: 5px;
                font-size: clamp(19px, 6vw, 24px);
                line-height: 1.05;
                transform: none
            }

            .hero p {
                max-width: 88%;
                margin-top: 8px;
                font-size: 14px;
                line-height: 1.2
            }

            .quick {
                margin-top: -72px;
                padding: 80px 18px 24px;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 24px 18px
            }

            .quick .icon-card,
            .quick .icon-card:nth-child(4) {
                grid-column: auto
            }

            .quick .icon-card:last-child {
                grid-column: 1 / -1;
                width: calc(50% - 9px);
                justify-self: center
            }

            .icon-card i {
                font-size: 28px
            }

            .icon-card strong {
                font-size: 13.5px;
                white-space: normal
            }

            .icon-card small {
                font-size: 9px;
                white-space: normal
            }

            .launch {
                padding: 12px 16px 28px
            }

            .launch-box {
                padding: 22px 20px 20px;
                border-radius: 21px
            }

            .launch h3 {
                margin-bottom: 14px;
                font-size: clamp(29px, 9vw, 36px);
                line-height: 1.05;
                white-space: normal
            }

            .launch h3 span {
                display: block;
                margin-top: 3px
            }

            .launch .signup {
                width: 100%;
                flex-direction: column;
                gap: 8px
            }

            .launch .signup input,
            .launch .signup .btn {
                width: 100%;
                border-radius: 8px
            }
        }

        .ctes-landing /* Section 02 — traditional ice-bath pain points. */
        .problem{
            padding: 62px 0 66px;
            background: #fff
        }

        .ctes-landing .problem .inner{
            width: min(86%, 1100px)
        }

        .ctes-landing .problem h2{
            margin: 0 0 16px;
            color: #343434;
            font-size: clamp(20px, 2.35vw, 27px);
            line-height: 1.15;
            letter-spacing: -.6px
        }

        .ctes-landing .problem .bullets{
            margin-bottom: 35px;
            color: #656565;
            font-size: clamp(17px, 2vw, 23px);
            line-height: 1.24
        }

        .ctes-landing .problem .bullets li::before{
            color: #656565;
            font-weight: 400
        }

        .ctes-landing .problem .pain-grid{
            grid-template-columns: 1fr 1.24fr 1fr;
            gap: 7px
        }

        .ctes-landing .problem .pain-card{
            height: clamp(230px, 27vw, 303px);
            aspect-ratio: auto;
            border-radius: 30px;
            box-shadow: none;
            transition: transform .22s ease, box-shadow .22s ease
        }

        .ctes-landing .problem .pain-card img{
            object-fit: cover
        }

        .ctes-landing .problem .pain-card span{
            display: none
        }

        .ctes-landing .problem .pain-card:hover,
.ctes-landing .problem .pain-card:focus-visible{
            z-index: 1;
            transform: translateY(-4px);
            box-shadow: 0 16px 30px rgba(39, 28, 65, .16)
        }

        .ctes-landing .problem .smart{
            gap: 10px;
            margin-top: 56px
        }

        .ctes-landing .problem .smart::before{
            flex: 0 0 34px;
            width: 34px;
            height: 43px;
            background: linear-gradient(90deg, #5c22ff 0%, rgba(92, 34, 255, .46) 44%, rgba(92, 34, 255, 0) 100%)
        }

        .ctes-landing .problem .smart h3{
            color: #642cff;
            font-size: clamp(31px, 4vw, 47px);
            line-height: 1;
            letter-spacing: -1.4px
        }

        .ctes-landing .problem .smart h3 em{
            font-style: italic
        }

        .ctes-landing .problem>.inner>.copy{
            max-width: 950px;
            margin: 22px 0 0;
            color: #666;
            font-size: clamp(18px, 2.25vw, 26px);
            line-height: 1.17;
            letter-spacing: -.5px
        }

        @media(min-width:701px) and (max-width:1024px){
            .ctes-landing .problem{
                padding-block: 52px 58px
            }

            .ctes-landing .problem .pain-card{
                height: clamp(210px, 27vw, 270px);
                border-radius: 24px
            }

            .ctes-landing .problem .smart{
                margin-top: 44px
            }
        }

        @media(max-width:700px){
            .ctes-landing .problem{
                padding: 42px 0 48px
            }

            .ctes-landing .problem .inner{
                width: calc(100% - 32px)
            }

            .ctes-landing .problem h2{
                font-size: 21px;
                line-height: 1.18
            }

            .ctes-landing .problem .bullets{
                margin-bottom: 25px;
                font-size: 16px
            }

            .ctes-landing .problem .pain-grid{
                grid-template-columns: 1fr;
                gap: 12px
            }

            .ctes-landing .problem .pain-card{
                width: 100%;
                height: auto;
                aspect-ratio: 1.45;
                border-radius: 22px
            }

            .ctes-landing .problem .smart{
                align-items: flex-start;
                margin-top: 34px
            }

            .ctes-landing .problem .smart::before{
                flex-basis: 22px;
                width: 22px;
                height: 55px
            }

            .ctes-landing .problem .smart h3{
                font-size: clamp(29px, 8.8vw, 37px);
                line-height: 1.03
            }

            .ctes-landing .problem>.inner>.copy{
                margin-top: 18px;
                font-size: 18px;
                line-height: 1.28
            }
        }

        .ctes-landing /* Section 03 — product reveal. */
        .reveal{
            position: relative;
            height: clamp(540px, 58.5vw, 680px);
            min-height: 0;
            padding: 0;
            overflow: hidden;
            isolation: isolate;
            background:
                radial-gradient(ellipse at 50% 44%, rgba(211, 218, 228, .95) 0%, rgba(183, 194, 209, .96) 44%, rgba(139, 151, 170, 1) 100%)
        }

        .ctes-landing .reveal::before{
            content: "";
            position: absolute;
            inset: 0;
            z-index: 0;
            pointer-events: none;
            background:
                linear-gradient(115deg, rgba(255, 255, 255, .09), transparent 32%),
                radial-gradient(ellipse at 50% 96%, rgba(230, 235, 242, .48), transparent 54%)
        }

        .ctes-landing .reveal::after{
            content: "";
            position: absolute;
            z-index: 1;
            left: 50%;
            bottom: 37px;
            width: min(37vw, 430px);
            height: 48px;
            transform: translateX(-50%);
            border-radius: 50%;
            background: rgba(39, 49, 66, .34);
            filter: blur(19px)
        }

        .ctes-landing .reveal-copy{
            position: absolute;
            z-index: 4;
            top: clamp(52px, 6vw, 70px);
            left: 50%;
            width: min(92%, 1100px);
            transform: translateX(-50%);
            text-align: center;
            pointer-events: none
        }

        .ctes-landing .reveal h2{
            margin: 0;
            color: #fff;
            font-family: "Hero Helvetica", "Arial Narrow", Arial, sans-serif;
            font-size: clamp(52px, 7.4vw, 86px);
            font-weight: 700;
            line-height: .94;
            letter-spacing: -3.2px;
            white-space: nowrap;
            text-shadow: 0 2px 2px rgba(51, 61, 77, .18)
        }

        .ctes-landing .reveal h2 sup{
            position: relative;
            top: -.43em;
            margin-left: 2px;
            font-size: .34em;
            letter-spacing: -1px
        }

        .ctes-landing .reveal h3{
            margin: 22px auto 0;
            color: #fff;
            font-family: "Hero Helvetica", Arial, sans-serif;
            font-size: clamp(31px, 4.1vw, 48px);
            font-weight: 600;
            line-height: 1;
            letter-spacing: -1.2px;
            text-shadow: 0 2px 2px rgba(51, 61, 77, .16)
        }

        .ctes-landing .product-stage{
            position: absolute;
            z-index: 2;
            top: clamp(92px, 9vw, 112px);
            left: 50%;
            width: min(47vw, 525px);
            margin: 0;
            padding: 0;
            border: 0;
            background: transparent;
            cursor: pointer;
            transform: translateX(-50%);
            transition: transform .3s ease, filter .3s ease
        }

        .ctes-landing .product-stage:hover,
.ctes-landing .product-stage:focus-visible{
            transform: translate(-50%, -8px);
            filter: brightness(1.035)
        }

        .ctes-landing .product-stage:focus-visible{
            outline: 3px solid rgba(101, 52, 255, .55);
            outline-offset: 7px;
            border-radius: 28px
        }

        .ctes-landing .product-stage .product{
            display: block;
            width: 100%;
            height: auto;
            margin: 0;
            object-fit: contain;
            mix-blend-mode: multiply;
            filter: drop-shadow(0 29px 19px rgba(38, 46, 61, .32));
            animation: product-float 5s ease-in-out infinite;
            transition: transform .38s ease
        }

        .ctes-landing .product-stage.is-active .product{
            transform: rotate(-2deg) scale(1.025)
        }

        @keyframes product-float{
            0%, 100% { translate: 0 0 }
            50% { translate: 0 -9px }
        }

        @media(min-width:701px) and (max-width:1024px){
            .ctes-landing .reveal{
                height: clamp(520px, 64vw, 610px)
            }

            .ctes-landing .reveal-copy{
                top: 48px;
                width: 94%
            }

            .ctes-landing .reveal h2{
                font-size: clamp(50px, 7.2vw, 68px)
            }

            .ctes-landing .reveal h3{
                margin-top: 17px;
                font-size: clamp(29px, 4vw, 39px)
            }

            .ctes-landing .product-stage{
                top: 98px;
                width: min(57vw, 480px)
            }
        }

        @media(max-width:700px){
            .ctes-landing .reveal{
                height: 520px
            }

            .ctes-landing .reveal-copy{
                top: 38px;
                width: calc(100% - 28px)
            }

            .ctes-landing .reveal h2{
                font-size: clamp(40px, 12vw, 54px);
                line-height: .98;
                letter-spacing: -2px;
                white-space: normal
            }

            .ctes-landing .reveal h3{
                margin-top: 15px;
                font-size: clamp(23px, 6.8vw, 30px);
                line-height: 1.04
            }

            .ctes-landing .product-stage{
                top: 125px;
                width: min(100vw, 430px)
            }

            .ctes-landing .reveal::after{
                bottom: 32px;
                width: 62vw
            }
        }

        @media(prefers-reduced-motion:reduce){
            .ctes-landing .product-stage .product{
                animation: none
            }
        }

        .ctes-landing /* Section 04 — set up anywhere. */
        .feature-one{
            padding: 54px 0 58px;
            background: #fff
        }

        .ctes-landing .feature-one .inner{
            width: min(82%, 1100px)
        }

        .ctes-landing .feature-one h2{
            margin: 0 0 14px;
            color: #6530ff;
            font-size: clamp(35px, 4.25vw, 49px);
            font-weight: 700;
            line-height: 1;
            letter-spacing: -1.5px
        }

        .ctes-landing .feature-one .copy{
            margin: 0 0 40px;
            color: #666;
            font-size: clamp(18px, 2vw, 23px);
            line-height: 1.28;
            letter-spacing: -.35px
        }

        .ctes-landing .feature-one .triptych{
            height: clamp(390px, 43.5vw, 486px);
            display: grid;
            grid-template-columns: 1.03fr 1.01fr .98fr;
            gap: 7px;
            overflow: hidden;
            border-radius: 29px;
            background: #fff;
            box-shadow: none
        }

        .ctes-landing .feature-one .setup-shot{
            min-width: 0;
            margin: 0;
            padding: 0;
            overflow: hidden;
            border: 0;
            background: #ddd;
            cursor: pointer
        }

        .ctes-landing .feature-one .setup-shot img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform .38s ease, filter .25s ease
        }

        .ctes-landing .feature-one .setup-shot:hover img,
.ctes-landing .feature-one .setup-shot:focus-visible img{
            transform: scale(1.045);
            filter: brightness(1.035)
        }

        .ctes-landing .feature-one .setup-shot:focus-visible{
            position: relative;
            z-index: 1;
            outline: 3px solid #6530ff;
            outline-offset: -4px
        }

        @media(min-width:701px) and (max-width:1024px){
            .ctes-landing .feature-one{
                padding-block: 48px 52px
            }

            .ctes-landing .feature-one .inner{
                width: 86%
            }

            .ctes-landing .feature-one .copy{
                margin-bottom: 30px
            }

            .ctes-landing .feature-one .triptych{
                height: clamp(330px, 48vw, 430px);
                border-radius: 24px
            }
        }

        @media(max-width:700px){
            .ctes-landing .feature-one{
                padding: 42px 0 48px
            }

            .ctes-landing .feature-one .inner{
                width: calc(100% - 32px)
            }

            .ctes-landing .feature-one h2{
                font-size: 34px
            }

            .ctes-landing .feature-one .copy{
                margin-bottom: 26px;
                font-size: 17px;
                line-height: 1.35
            }

            .ctes-landing .feature-one .triptych{
                height: 360px;
                grid-template-columns: none;
                grid-auto-flow: column;
                grid-auto-columns: 82%;
                gap: 10px;
                overflow-x: auto;
                overflow-y: hidden;
                border-radius: 0;
                scroll-snap-type: x mandatory;
                scrollbar-width: none
            }

            .ctes-landing .feature-one .triptych::-webkit-scrollbar{
                display: none
            }

            .ctes-landing .feature-one .setup-shot{
                border-radius: 20px;
                scroll-snap-align: start
            }
        }

        .ctes-landing /* Section 05 — works with any container. */
        .feature-two{
            padding: 18px 0 58px;
            background: #fff
        }

        .ctes-landing .feature-two .inner{
            width: min(82%, 1100px)
        }

        .ctes-landing .feature-two h2{
            margin: 0 0 14px;
            color: #6530ff;
            font-size: clamp(35px, 4.25vw, 49px);
            font-weight: 700;
            line-height: 1;
            letter-spacing: -1.5px
        }

        .ctes-landing .feature-two .copy{
            margin: 0 0 39px;
            color: #666;
            font-size: clamp(18px, 2vw, 23px);
            line-height: 1.3;
            letter-spacing: -.35px
        }

        .ctes-landing .container-showcase{
            display: block;
            width: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
            border: 0;
            border-radius: 29px;
            background: #e9e7e3;
            cursor: pointer;
            transition: transform .25s ease, box-shadow .25s ease
        }

        .ctes-landing .container-showcase img{
            display: block;
            width: 100%;
            height: auto;
            transition: transform .4s ease, filter .25s ease
        }

        .ctes-landing .container-showcase:hover,
.ctes-landing .container-showcase:focus-visible{
            transform: translateY(-4px);
            box-shadow: 0 18px 36px rgba(41, 30, 66, .15)
        }

        .ctes-landing .container-showcase:hover img,
.ctes-landing .container-showcase:focus-visible img{
            transform: scale(1.018);
            filter: brightness(1.025)
        }

        .ctes-landing .container-showcase:focus-visible{
            outline: 3px solid #6530ff;
            outline-offset: 5px
        }

        @media(min-width:701px) and (max-width:1024px){
            .ctes-landing .feature-two{
                padding: 14px 0 52px
            }

            .ctes-landing .feature-two .inner{
                width: 86%
            }

            .ctes-landing .feature-two .copy{
                margin-bottom: 30px
            }

            .ctes-landing .container-showcase{
                border-radius: 24px
            }
        }

        @media(max-width:700px){
            .ctes-landing .feature-two{
                padding: 8px 0 48px
            }

            .ctes-landing .feature-two .inner{
                width: calc(100% - 32px)
            }

            .ctes-landing .feature-two h2{
                font-size: 34px;
                line-height: 1.05
            }

            .ctes-landing .feature-two .copy{
                margin-bottom: 25px;
                font-size: 17px;
                line-height: 1.35
            }

            .ctes-landing .container-showcase{
                border-radius: 20px
            }
        }

        .ctes-landing /* Section 06 — instant hot and cold switching. */
        .feature-three{
            padding: 18px 0 64px;
            background: #fff
        }

        .ctes-landing .feature-three .inner{
            width: min(82%, 1100px)
        }

        .ctes-landing .feature-three h2{
            margin: 0 0 14px;
            color: #6530ff;
            font-size: clamp(35px, 4.25vw, 49px);
            font-weight: 700;
            line-height: 1;
            letter-spacing: -1.5px
        }

        .ctes-landing .feature-three .copy{
            margin: 0 0 39px;
            color: #666;
            font-size: clamp(18px, 2vw, 23px);
            line-height: 1.3;
            letter-spacing: -.35px
        }

        .ctes-landing .thermal-showcase{
            position: relative;
            display: block;
            width: 100%;
            aspect-ratio: 1.895 / 1;
            margin: 0;
            padding: 0;
            overflow: hidden;
            border: 0;
            border-radius: 29px;
            background: #c9b2a5;
            color: #fff;
            text-align: left;
            cursor: default;
            isolation: isolate;
            transition: transform .25s ease, box-shadow .25s ease
        }

        .ctes-landing .thermal-showcase>img{
            position: absolute;
            z-index: -2;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: 50% 51%;
            transition: transform .45s ease, filter .25s ease
        }

        .ctes-landing .thermal-showcase::before{
            content: "";
            position: absolute;
            z-index: -1;
            inset: 0;
            background: linear-gradient(90deg, rgba(32, 36, 255, .9) 0%, rgba(80, 49, 238, .72) 21%, rgba(192, 73, 43, .72) 43%, rgba(238, 138, 28, .72) 62%, rgba(230, 166, 95, .5) 79%, rgba(229, 198, 191, .58) 100%)
        }

        .ctes-landing .thermal-copy{
            position: absolute;
            top: 8.8%;
            left: 5.1%;
            right: 5%;
            margin: 0;
            font-size: clamp(14px, 2.05vw, 23px);
            font-weight: 400;
            line-height: 1.28;
            letter-spacing: -.4px;
            text-shadow: 0 1px 2px rgba(25, 16, 12, .14)
        }

        .ctes-landing .temperature-readout{
            position: absolute;
            top: 45%;
            left: 50%;
            display: flex;
            align-items: center;
            transform: translate(-50%, -50%);
            color: rgba(255, 255, 255, .92);
            font-weight: 500;
            line-height: 1;
            white-space: nowrap
        }

        .ctes-landing .temperature-number{
            position: relative;
            display: block;
            width: 3ch;
            height: 1em;
            overflow: hidden;
            font-size: clamp(62px, 11.2vw, 128px);
            line-height: 1;
            letter-spacing: -.09em;
            text-align: center;
            -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 9%, #000 91%, transparent 100%);
            mask-image: linear-gradient(to bottom, transparent 0%, #000 9%, #000 91%, transparent 100%)
        }

        .ctes-landing .temperature-number-track{
            display: block;
            width: 100%;
            transform: translate3d(0, 0, 0);
            will-change: transform
        }

        .ctes-landing .temperature-number-value{
            display: grid;
            width: 100%;
            height: 1em;
            place-items: center;
            line-height: 1
        }

        .ctes-landing .temperature-readout .unit{
            margin: .04em 0 0 .04em;
            font-size: clamp(43px, 7.3vw, 84px);
            letter-spacing: -3px
        }

        .ctes-landing .temperature-limit{
            position: absolute;
            top: 57.5%;
            display: flex;
            align-items: center;
            gap: 15px;
            margin: 0;
            padding: 0;
            border: 0;
            background: transparent;
            color: rgba(255, 255, 255, .9);
            font-family: inherit;
            font-size: clamp(11px, 1.35vw, 15px);
            font-weight: 600;
            text-align: left;
            white-space: nowrap;
            cursor: pointer;
            z-index: 2;
            transition: color .2s ease, transform .2s ease
        }

        .ctes-landing .temperature-limit.low{
            left: 5.1%;
            flex-direction: row-reverse
        }

        .ctes-landing .temperature-limit.high{
            right: 8.2%
        }

        .ctes-landing .temperature-limit .value{
            position: relative;
            display: grid;
            width: clamp(43px, 5.2vw, 58px);
            aspect-ratio: 1;
            place-items: center;
            border: 1.5px solid rgba(255, 255, 255, .85);
            border-radius: 50%;
            font-size: clamp(15px, 1.75vw, 20px);
            font-weight: 400;
            transition: color .2s ease, background-color .2s ease, transform .2s ease
        }

        .ctes-landing .temperature-limit .value::before{
            content: "";
            position: absolute;
            left: 50%;
            bottom: calc(100% + 6px);
            width: 2px;
            height: clamp(84px, 14.5vw, 166px);
            transform: translateX(-50%);
            background: rgba(255, 255, 255, .9)
        }

        .ctes-landing .temperature-limit.high .value::before{
            width: 6px;
            background: radial-gradient(circle, #fff 0 2px, transparent 2.5px) center / 6px 10px repeat-y
        }

        .ctes-landing .temperature-limit:hover,
.ctes-landing .temperature-limit:focus-visible,
.ctes-landing .temperature-limit.is-active{
            color: #fff;
            transform: translateY(-2px)
        }

        .ctes-landing .temperature-limit:hover .value,
.ctes-landing .temperature-limit:focus-visible .value,
.ctes-landing .temperature-limit.is-active .value{
            background: rgba(255, 255, 255, .94);
            color: #6937ca;
            transform: scale(1.06)
        }

        .ctes-landing .temperature-limit:focus-visible{
            outline: 2px solid #fff;
            outline-offset: 6px;
            border-radius: 999px
        }

        .ctes-landing .thermal-showcase:hover,
.ctes-landing .thermal-showcase:focus-within{
            transform: translateY(-4px);
            box-shadow: 0 18px 36px rgba(41, 30, 66, .15)
        }

        .ctes-landing .thermal-showcase:hover>img,
.ctes-landing .thermal-showcase:focus-within>img{
            transform: scale(1.018);
            filter: brightness(1.025)
        }

        @media (prefers-reduced-motion: reduce){
            .ctes-landing .temperature-limit,
.ctes-landing .temperature-limit .value{
                transition: none
            }
        }

        @media(min-width:701px) and (max-width:1024px){
            .ctes-landing .feature-three{
                padding: 14px 0 56px
            }

            .ctes-landing .feature-three .inner{
                width: 86%
            }

            .ctes-landing .feature-three .copy{
                margin-bottom: 30px
            }

            .ctes-landing .thermal-showcase{
                border-radius: 24px
            }
        }

        @media(max-width:700px){
            .ctes-landing .feature-three{
                padding: 8px 0 48px
            }

            .ctes-landing .feature-three .inner{
                width: calc(100% - 32px)
            }

            .ctes-landing .feature-three h2{
                font-size: 34px;
                line-height: 1.05
            }

            .ctes-landing .feature-three .copy{
                margin-bottom: 25px;
                font-size: 17px;
                line-height: 1.35
            }

            .ctes-landing .thermal-showcase{
                aspect-ratio: 1.28 / 1;
                border-radius: 20px
            }

            .ctes-landing .thermal-showcase>img{
                object-position: 55% 52%
            }

            .ctes-landing .thermal-copy{
                top: 8%;
                left: 6%;
                right: 6%;
                font-size: clamp(12px, 3.45vw, 15px)
            }

            .ctes-landing .temperature-readout{
                top: 48%;
                left: 54%
            }

            .ctes-landing .temperature-limit{
                top: 69%;
                gap: 8px;
                font-size: 9px
            }

            .ctes-landing .temperature-limit.low{
                left: 4%
            }

            .ctes-landing .temperature-limit.high{
                right: 4%
            }

            .ctes-landing .temperature-limit::before{
                height: 76px
            }
        }

        .ctes-landing .recovery-scenes{
            box-sizing: border-box;
            min-height: 684px;
            padding: 62px 0 40px;
            border-top: 14px solid #6430ff;
            background: #fff;
            color: #1d1d1f
        }

        .ctes-landing .recovery-scenes-inner{
            width: min(calc(100% - 120px), 1100px);
            margin-inline: auto
        }

        .ctes-landing .recovery-scenes-header{
            padding-left: 30px
        }

        .ctes-landing .recovery-scenes h2{
            margin: 0;
            font-size: clamp(38px, 4.08vw, 56px);
            line-height: 1.08;
            font-weight: 600;
            letter-spacing: -.025em
        }

        .ctes-landing .recovery-scenes-header p{
            margin: 2px 0 0;
            color: #888;
            font-size: clamp(20px, 2.42vw, 28px);
            line-height: 1.2;
            font-weight: 600;
            letter-spacing: -.025em
        }

        .ctes-landing .recovery-scenes-grid{
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 10px;
            margin-top: 30px
        }

        .ctes-landing .scene-card{
            position: relative;
            min-width: 0;
            margin: 0
        }

        .ctes-landing .scene-card.is-lower{
            margin-top: clamp(90px, 9.5vw, 108px)
        }

        .ctes-landing .scene-photo{
            position: relative;
            flex-shrink: 0;
            aspect-ratio: .635 / 1;
            overflow: hidden;
            border-radius: clamp(18px, 2.1vw, 25px);
            background: #e5e5e5
        }

        .ctes-landing .scene-photo::before{
            content: "";
            position: absolute;
            z-index: 2;
            top: 11px;
            left: 11px;
            width: clamp(17px, 1.9vw, 21px);
            aspect-ratio: 1;
            border-radius: 50%;
            background: #6230ff
        }

        .ctes-landing .scene-photo img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .ctes-landing .scene-card.home .scene-photo img{
            object-position: 52% 53%
        }

        .ctes-landing .scene-card.athlete .scene-photo img{
            object-position: 50% 54%;
            transform: scale(1.45);
            transform-origin: 50% 100%
        }

        .ctes-landing .scene-card.studio .scene-photo img{
            object-position: 51% 50%
        }

        .ctes-landing .scene-card.travel .scene-photo img{
            object-position: 54% 53%
        }

        .ctes-landing .scene-card figcaption{
            display: flex;
            align-items: center;
            min-width: max-content;
            margin-top: 7px;
            color: #858585;
            font-size: clamp(12px, 1.28vw, 15px);
            line-height: 1.1;
            font-style: italic;
            font-weight: 400;
            white-space: nowrap
        }

        .ctes-landing .scene-card figcaption::before{
            content: "";
            flex: 0 0 auto;
            width: 3px;
            height: 13px;
            margin-right: 7px;
            background: #6230ff
        }

        .ctes-landing .scene-card.caption-top{
            display: flex;
            flex-direction: column
        }

        .ctes-landing .scene-card.caption-top figcaption{
            order: -1;
            margin: 0 0 3px
        }

        @media(max-width:700px){
            .ctes-landing .recovery-scenes{
                min-height: 0;
                padding: 42px 0 50px;
                border-top-width: 8px
            }

            .ctes-landing .recovery-scenes-inner{
                width: calc(100% - 32px)
            }

            .ctes-landing .recovery-scenes-header{
                padding-left: 0
            }

            .ctes-landing .recovery-scenes h2{
                font-size: clamp(31px, 9vw, 40px)
            }

            .ctes-landing .recovery-scenes-header p{
                margin-top: 7px;
                font-size: clamp(16px, 4.7vw, 20px)
            }

            .ctes-landing .recovery-scenes-grid{
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 28px 12px;
                margin-top: 28px
            }

            .ctes-landing .scene-card.is-lower{
                margin-top: 42px
            }

            .ctes-landing .scene-photo{
                aspect-ratio: .66 / 1;
                border-radius: 17px
            }

            .ctes-landing .scene-card figcaption{
                min-width: 0;
                font-size: clamp(10px, 2.7vw, 12px);
                white-space: normal
            }
        }