:root {
  --LP_COLOR_BASE_BLACK: #333;
  --LP_COLOR_BASE_WHITE: #fff;
  --LP_COLOR_BASE_WHITE_RGB: 255 255 255;
  --LP_COLOR_BLACK: #000;
  --LP_COLOR_BLACK_RGB: 0 0 0;
  --LP_COLOR_BLUE: #000841;
  --LP_COLOR_GREEN: #1ba3c4;
  --LP_COLOR_RED: #ef005a;
  --LP_COLOR_BACKGROUND_DARKBLUE: #0c1735;
  --LP_COLOR_BACKGROUND_BLUE: #0c2e85;
  --LP_COLOR_BACKGROUND_STEELBLUE: #253050;
  --LP_BUTTON_SHADOW_GREEN: 0 0.2rem 2.4rem rgba(20, 115, 187, 0.6);
  --LP_BUTTON_SHADOW_RED: 0 0.2rem 2.4rem rgba(255, 49, 105, 0.6);
  --LP_HOVER_SHADOW_GREEN: 0 0.2rem 2.4rem rgba(9, 99, 168, 0.6);
  --LP_HOVER_SHADOW_RED: 0 0.2rem 2.4rem rgba(242, 26, 85, 0.6);
  --LP_FONT_WEIGHT_BOLD: bold;
  --LP_FONT_WEIGHT_SEMIBOLD: 600;
  --LP_FONT_WEIGHT_REGULAR: normal;
  --LP_TEXT_SHADOW: 0rem 0rem 0.4rem var(--LP_COLOR_BLUE);
}

@property --start {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
@property --spread {
  syntax: "<number>";
  inherits: true;
  initial-value: 60;
}
@property --blur {
  syntax: "<number>";
  inherits: true;
  initial-value: 20;
}
@property --opacity {
  syntax: "<number>";
  inherits: true;
  initial-value: 0;
}
.lp-layout-container {
  background-color: var(--LP_COLOR_BASE_WHITE);
  color: var(--LP_COLOR_BASE_BLACK);
  font-size: 1.8rem;
  line-height: 1.6;
}
@media screen and (max-width: 1023px) {
  .lp-layout-container {
    font-size: 1.6rem;
  }
}
.lp-layout-container.of-backgroundColor-primary {
  position: relative;
  z-index: 10;
  background-color: #00062a;
  box-shadow: 0rem 0.3rem 0.6rem rgba(var(--LP_COLOR_BASE_BLACK_RGB)/16%);
  color: var(--LP_COLOR_BASE_WHITE);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
}
.lp-layout-container.of-backgroundColor-primary::before {
  content: "";
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100dvh;
  background-image: radial-gradient(closest-side at 50% 50%, #003aaf 0%, #00062a 100%);
  inset: 0;
}
.lp-layout-container.of-backgroundColor-secondary {
  background-image: radial-gradient(closest-side at 50% 36%, #2c64dc 0%, #14366c 100%);
  color: var(--LP_COLOR_BASE_WHITE);
}
@media screen and (max-width: 1023px) {
  .lp-layout-container.of-backgroundColor-secondary {
    background-image: radial-gradient(closest-side at 50% 17%, #2c64dc 0%, #14366c 100%);
  }
}
.lp-layout-container.of-backgroundColor-tertiary {
  background-color: #3052b0;
  color: var(--LP_COLOR_BASE_WHITE);
}
.lp-layout-container.of-primary {
  border-radius: 5.2rem 5.2rem 0 0;
}
@media screen and (max-width: 1023px) {
  .lp-layout-container.of-primary {
    border-radius: 3.2rem 3.2rem 0 0;
  }
}

.lp-layout-grid {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-template-rows: repeat(14, minmax(3.5rem, auto));
  gap: 1.5rem 1.6rem;
  counter-reset: number;
}
@media screen and (max-width: 1599px) {
  .lp-layout-grid {
    grid-template-rows: repeat(14, minmax(calc(2rem + (1vw - 1.024rem) * (2.6041666667)), auto));
  }
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 4rem;
  }
}
.lp-layout-grid-column {
  z-index: 0;
  counter-increment: number;
}
.lp-layout-grid-column > *:last-child {
  margin-bottom: 0 !important;
}
.lp-layout-grid-column.of-column-primary {
  grid-column: 2/10;
  grid-row: 4/7;
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid-column.of-column-primary {
    grid-column: auto;
    grid-row: 2/3;
  }
}
.lp-layout-grid-column.of-column-secondary {
  grid-column: 1/9;
  grid-row: 10/13;
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid-column.of-column-secondary {
    grid-column: auto;
    grid-row: 3/4;
  }
}
.lp-layout-grid-column.of-column-tertiary {
  grid-column: -10/-2;
  grid-row: 11/14;
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid-column.of-column-tertiary {
    grid-column: auto;
    grid-row: 4/5;
  }
}
.lp-layout-grid-column.of-column-quaternary {
  grid-column: 9/21;
  grid-row: 1/-1;
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid-column.of-column-quaternary {
    grid-column: auto;
    grid-row: 1/2;
  }
}
.lp-layout-grid.of-primary .lp-layout-grid-column.of-column-primary {
  grid-row: 3/6;
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid.of-primary .lp-layout-grid-column.of-column-primary {
    grid-row: 2/3;
  }
}
.lp-layout-grid.of-primary .lp-layout-grid-column.of-column-secondary {
  grid-row: 9/12;
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid.of-primary .lp-layout-grid-column.of-column-secondary {
    grid-row: 3/4;
  }
}
.lp-layout-grid.of-primary .lp-layout-grid-column.of-column-tertiary {
  grid-row: 10/13;
}
@media screen and (max-width: 1023px) {
  .lp-layout-grid.of-primary .lp-layout-grid-column.of-column-tertiary {
    grid-row: 4/5;
  }
}

.lp-jumbotron-content {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  max-width: 168.8rem;
  margin-inline: auto;
  padding: 6.4rem 4rem 8rem;
  gap: 4rem;
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-content {
    flex-direction: column-reverse;
    padding: 4rem calc(2rem + (1vw - 0.36rem) * (21.0843373494)) 5rem;
    gap: 1.6rem;
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-content {
    padding: 4rem 2rem 5rem;
  }
}
.lp-jumbotron-body {
  flex: 1;
}
.lp-jumbotron-body > *:last-child {
  margin-bottom: 0 !important;
}
.lp-jumbotron-titleGroup {
  position: relative;
  z-index: 1;
  margin-bottom: 4rem;
  line-height: 1.4;
}
.lp-jumbotron-titleGroup > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-titleGroup {
    margin-bottom: calc(3.2rem + (1vw - 0.36rem) * (1.2048192771));
    text-align: center;
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-titleGroup {
    margin-bottom: 3.2rem;
  }
}
.lp-jumbotron-titleGroup.of-primary .lp-jumbotron-title {
  -webkit-text-fill-color: currentColor;
  font-size: min(3.8rem + (1vw - 1.024rem) * (2.34375), 5.9rem);
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-titleGroup.of-primary .lp-jumbotron-title {
    font-size: calc(2.4rem + (1vw - 0.36rem) * (2.1084337349));
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-titleGroup.of-primary .lp-jumbotron-title {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-titleGroup.of-primary .lp-jumbotron-subtitle {
    font-size: calc(1.8rem + (1vw - 0.36rem) * (1.1290322581));
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-titleGroup.of-primary .lp-jumbotron-subtitle {
    font-size: 1.8rem;
  }
}
.lp-jumbotron-title {
  display: inline-block;
  position: relative;
  margin-bottom: 1.6rem;
  background-clip: text;
  background-image: linear-gradient(105deg, #ff8600, #ffd000);
  font-size: min(4.2rem + (1vw - 1.024rem) * (2.4553571429), 6.4rem);
  font-weight: var(--LP_FONT_WEIGHT_SEMIBOLD);
  -webkit-text-fill-color: transparent;
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-title {
    font-size: calc(3.2rem + (1vw - 0.36rem) * (1.5060240964));
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-title {
    font-size: 3.2rem;
  }
}
.lp-jumbotron-title::before {
  content: attr(data-text);
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  color: transparent;
  text-shadow: var(--LP_TEXT_SHADOW);
  white-space: pre-wrap;
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-title.of-primary {
    font-size: calc(2.6rem + (1vw - 0.36rem) * (2.4096385542));
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-title.of-primary {
    font-size: 2.6rem;
  }
}
.lp-jumbotron-subtitle {
  display: block;
  margin-bottom: 5.6rem;
  font-size: min(2.6rem + (1vw - 1.024rem) * (0.6696428571), 3.2rem);
  font-weight: var(--LP_FONT_WEIGHT_SEMIBOLD);
  text-shadow: var(--LP_TEXT_SHADOW);
}
@media screen and (max-width: 1599px) {
  .lp-jumbotron-subtitle {
    margin-bottom: calc(3.6rem + (1vw - 0.36rem) * (1.6129032258));
  }
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-subtitle {
    font-size: calc(2rem + (1vw - 0.36rem) * (0.9677419355));
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-subtitle {
    margin-bottom: 3.6rem;
    font-size: 2rem;
  }
}
.lp-jumbotron-seriesGroup {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  margin-bottom: 2.4rem;
}
.lp-jumbotron-seriesGroup > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-seriesGroup {
    flex-direction: column;
    justify-content: center;
    gap: calc(0.8rem + (1vw - 0.36rem) * (1.2048192771));
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-seriesGroup {
    gap: 0.8rem;
  }
}
.lp-jumbotron-series {
  display: block;
  font-size: 2.4rem;
  font-weight: var(--LP_FONT_WEIGHT_REGULAR);
  text-shadow: var(--LP_TEXT_SHADOW);
}
@media screen and (max-width: 1599px) {
  .lp-jumbotron-series {
    font-size: calc(2rem + (1vw - 0.36rem) * (0.3225806452));
  }
}
@media screen and (max-width: 360px) {
  .lp-jumbotron-series {
    font-size: 2rem;
  }
}
.lp-jumbotron-seriesName {
  display: inline-block;
  position: relative;
  padding-left: 0.7em;
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-seriesName {
    display: block;
    padding-left: 0;
  }
}
.lp-jumbotron-seriesName::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0.2em;
  width: 0.1em;
  height: 1em;
  transform: translateY(-50%);
  background-color: var(--LP_COLOR_BASE_WHITE);
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-seriesName::before {
    content: none;
  }
}
@media screen and (max-width: 1599px) {
  .lp-jumbotron-seriesName.of-primary {
    display: block;
    padding-left: 0;
  }
}
@media screen and (max-width: 1599px) {
  .lp-jumbotron-seriesName.of-primary::before {
    content: none;
  }
}
.lp-jumbotron-image {
  max-width: min(34.8rem + (1vw - 1.024rem) * (57.2916666667), 678px);
  margin: 0 min(2.6rem + (1vw - 1.024rem) * (4.5138888889), 52px);
}
.lp-jumbotron-image > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-jumbotron-image {
    max-width: max(20.5rem + (1vw - 0.36rem) * (29.3674698795), 205px);
    margin: 0;
  }
}

.lp-section-content {
  max-width: 168.8rem;
  margin-inline: auto;
  padding: 8rem 4rem;
}
.lp-section-content > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-section-content {
    padding: 5rem calc(2rem + (1vw - 0.36rem) * (21.0843373494));
  }
}
@media screen and (max-width: 360px) {
  .lp-section-content {
    padding: 5rem 2rem;
  }
}
.lp-section-inner {
  max-width: 135.2rem;
  margin-inline: auto;
}
.lp-section-inner > *:last-child {
  margin-bottom: 0 !important;
}
.lp-section.of-primary .lp-section-content {
  padding: 8rem 4rem 16rem;
}
@media screen and (max-width: 1023px) {
  .lp-section.of-primary .lp-section-content {
    padding: 5rem calc(2rem + (1vw - 0.36rem) * (3.0120481928)) 10rem;
  }
}
@media screen and (max-width: 768px) {
  .lp-section.of-primary .lp-section-content {
    padding: 5rem calc(2rem + (1vw - 0.36rem) * (21.0843373494)) 10rem;
  }
}
@media screen and (max-width: 360px) {
  .lp-section.of-primary .lp-section-content {
    padding: 5rem 2rem 10rem;
  }
}
.lp-section.of-secondary .lp-section-content {
  padding: 6rem 4rem;
}
@media screen and (max-width: 1023px) {
  .lp-section.of-secondary .lp-section-content {
    padding: 4rem calc(2rem + (1vw - 0.36rem) * (21.0843373494)) 6.4rem;
  }
}
@media screen and (max-width: 360px) {
  .lp-section.of-secondary .lp-section-content {
    padding: 4rem 2rem 6.4rem;
  }
}
.lp-section.of-tertiary .lp-section-content {
  padding: 0 4rem;
}
@media screen and (max-width: 1023px) {
  .lp-section.of-tertiary .lp-section-content {
    padding: 3.2rem calc(2rem + (1vw - 0.36rem) * (21.0843373494));
  }
}
@media screen and (max-width: 360px) {
  .lp-section.of-tertiary .lp-section-content {
    padding: 3.2rem 2rem;
  }
}

.lp-button {
  display: block;
  position: relative;
  z-index: 0;
  min-width: 24.4rem;
  padding: 1.2rem 0.8rem;
  border: 0.1rem solid var(--LP_COLOR_GREEN);
  border-radius: 0.4rem;
  background-color: transparent;
  color: var(--LP_COLOR_BASE_WHITE);
  text-align: center;
  text-decoration: none;
  backdrop-filter: blur(3rem);
}
.lp-button:before, .lp-button:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition-property: opacity, border-color, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.lp-button:before {
  z-index: -1;
  background-image: linear-gradient(180deg, rgba(23, 178, 168, 0.7), rgba(19, 119, 143, 0.7));
  box-shadow: var(--LP_BUTTON_SHADOW_GREEN);
}
.lp-button:after {
  z-index: -2;
  opacity: 0;
  background-image: linear-gradient(180deg, rgba(20, 158, 149, 0.6), rgba(8, 97, 119, 0.6));
  box-shadow: var(--LP_HOVER_SHADOW_GREEN);
}
.lp-button:hover::before {
  z-index: -2;
  opacity: 0;
}
.lp-button:hover::after {
  z-index: -1;
  opacity: 1;
}
@media screen and (max-width: 1599px) {
  .lp-button {
    min-width: calc(23.5rem + (1vw - 1.024rem) * (1.5625));
  }
}
@media screen and (max-width: 1023px) {
  .lp-button {
    min-width: 23.5rem;
  }
}
.lp-button.of-download {
  border: 0.1rem solid var(--LP_COLOR_RED);
}
.lp-button.of-download::before {
  background-image: linear-gradient(180deg, rgba(255, 38, 82, 0.7), rgba(190, 0, 41, 0.7));
  box-shadow: var(--LP_BUTTON_SHADOW_RED);
}
.lp-button.of-download:after {
  background-image: linear-gradient(180deg, rgba(235, 25, 68, 0.6), rgba(159, 0, 34, 0.6));
  box-shadow: var(--LP_HOVER_SHADOW_RED);
}
.lp-button-body > *:last-child {
  margin-bottom: 0 !important;
}
.lp-button-text {
  font-size: 2.2rem;
  line-height: 1.6;
}
@media screen and (max-width: 1023px) {
  .lp-button-text {
    font-size: 1.8rem;
  }
}

.lp-card {
  margin-bottom: 2.4rem;
  border-radius: 0.8rem;
  background-color: var(--LP_COLOR_BACKGROUND_BLUE);
  color: var(--LP_COLOR_BASE_WHITE);
}
.lp-card[class*=of-cube-] {
  position: relative;
}
.lp-card[class*=of-cube-]::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 19rem;
  height: 16rem;
  transform: translateY(-50%);
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 1599px) {
  .lp-card[class*=of-cube-]::before {
    width: calc(12rem + (1vw - 1.024rem) * (12.1527777778));
    height: calc(9.6rem + (1vw - 1.024rem) * (10.4166666667));
  }
}
@media screen and (max-width: 1023px) {
  .lp-card[class*=of-cube-]::before {
    width: calc(7.8rem + (1vw - 0.36rem) * (6.3253012048));
    height: calc(6.4rem + (1vw - 0.36rem) * (4.8192771084));
    transform: translateY(-65%);
  }
}
@media screen and (max-width: 360px) {
  .lp-card[class*=of-cube-]::before {
    width: 7.8rem;
    height: 6.4rem;
  }
}
.lp-card.of-cube-primary::before, .lp-card.of-cube-tertiary::before, .lp-card.of-cube-quinary::before {
  right: 12.8rem;
}
@media screen and (max-width: 1599px) {
  .lp-card.of-cube-primary::before, .lp-card.of-cube-tertiary::before, .lp-card.of-cube-quinary::before {
    right: calc(2rem + (1vw - 1.024rem) * (18.75));
  }
}
@media screen and (max-width: 1023px) {
  .lp-card.of-cube-primary::before, .lp-card.of-cube-tertiary::before, .lp-card.of-cube-quinary::before {
    right: 2rem;
  }
}
.lp-card.of-cube-secondary::before, .lp-card.of-cube-quaternary::before, .lp-card.of-cube-senary::before {
  left: 12.8rem;
}
@media screen and (max-width: 1599px) {
  .lp-card.of-cube-secondary::before, .lp-card.of-cube-quaternary::before, .lp-card.of-cube-senary::before {
    left: calc(2rem + (1vw - 1.024rem) * (18.75));
  }
}
@media screen and (max-width: 1023px) {
  .lp-card.of-cube-secondary::before, .lp-card.of-cube-quaternary::before, .lp-card.of-cube-senary::before {
    left: 2rem;
  }
}
.lp-card.of-cube-primary::before {
  background-image: url("../../../../img/products/vl-800/186082001/186082001_bg_01.png");
}
.lp-card.of-cube-secondary::before {
  background-image: url("../../../../img/products/vl-800/186082001/186082001_bg_02.png");
}
.lp-card.of-cube-tertiary::before {
  background-image: url("../../../../img/products/vl-800/186082001/186082001_bg_03.png");
}
.lp-card.of-cube-quaternary::before {
  background-image: url("../../../../img/products/vl-800/186082001/186082001_bg_04.png");
}
.lp-card.of-cube-quinary::before {
  background-image: url("../../../../img/products/vl-800/186082001/186082001_bg_05.png");
}
.lp-card.of-cube-senary::before {
  background-image: url("../../../../img/products/vl-800/186082001/186082001_bg_06.png");
}
.lp-card.of-backgroundColor-primary {
  background-image: linear-gradient(270deg, var(--LP_COLOR_BACKGROUND_DARKBLUE) 0%, var(--LP_COLOR_BACKGROUND_BLUE) 100%);
}
.lp-card.of-backgroundColor-secondary {
  background-image: linear-gradient(90deg, var(--LP_COLOR_BACKGROUND_DARKBLUE) 0%, var(--LP_COLOR_BACKGROUND_BLUE) 100%);
}
.lp-card-content {
  padding: 8rem 12.8rem;
}
.lp-card-content > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1599px) {
  .lp-card-content {
    padding: calc(6rem + (1vw - 1.024rem) * (3.4722222222)) calc(2rem + (1vw - 1.024rem) * (18.75));
  }
}
@media screen and (max-width: 1023px) {
  .lp-card-content {
    padding: calc(3.2rem + (1vw - 0.36rem) * (1.2048192771)) calc(2rem + (1vw - 0.36rem) * (9.0361445783));
  }
}
@media screen and (max-width: 360px) {
  .lp-card-content {
    padding: 3.2rem 2rem;
  }
}

.lp-cardFeature {
  --lp_border_color: #1663bb;
  --lp_background_color_blue: #172272;
  --lp_background_color_yellow: #ffdd00;
  --lp_border_width_small: 0.2rem;
  --lp_border_width_large: 0.6rem;
  --lp_border_radius: 0.8rem;
  position: relative;
  margin-bottom: 2.4rem;
  border: solid var(--lp_border_width_small) var(--lp_border_color);
  border-radius: var(--lp_border_radius);
  background-color: var(--lp_background_color_blue);
  color: var(--LP_COLOR_BASE_WHITE);
  container-type: inline-size;
}
.lp-cardFeature:is(:hover, :focus-visible) {
  z-index: 2;
}
.lp-cardFeature::before, .lp-cardFeature::after {
  content: "";
  position: absolute;
  transition: opacity 1s;
  border: var(--lp_border_width_small) solid transparent;
  border-radius: var(--lp_border_radius);
  pointer-events: none;
  inset: calc(var(--lp_border_width_small) * -1);
  mask-clip: padding-box, border-box;
  mask-composite: intersect;
}
.lp-cardFeature::before {
  opacity: var(--opacity);
  background-color: var(--lp_border_color);
  mask-image: linear-gradient(transparent, transparent), conic-gradient(from calc((var(--start) + var(--spread) * 0.25 - var(--spread) * 1.5) * 1deg), rgba(var(--LP_COLOR_BASE_WHITE_RGB)/15%) 0deg, var(--LP_COLOR_BASE_WHITE), rgba(var(--LP_COLOR_BASE_WHITE_RGB)/15%) calc(var(--spread) * 2.5deg));
}
.lp-cardFeature::after {
  opacity: var(--opacity, 0);
  background-color: var(--lp_background_color_yellow);
  background-size: 100%;
  mask-image: linear-gradient(transparent, transparent), conic-gradient(from calc((var(--start) + var(--spread) * 0.25 - var(--spread) * 0.5) * 1deg), transparent 0deg, var(--LP_COLOR_BASE_WHITE), transparent calc(var(--spread) * 0.5deg));
  filter: brightness(1.5);
}
.lp-cardFeature-outer {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4rem;
  margin-bottom: 6.4rem;
}
@media screen and (max-width: 1599px) {
  .lp-cardFeature-outer {
    gap: calc(2rem + (1vw - 0.769rem) * (2.4067388688));
  }
}
@media screen and (max-width: 768px) {
  .lp-cardFeature-outer {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
    margin-bottom: 4.8rem;
  }
}
.lp-cardFeature-outer .lp-cardFeature {
  margin-bottom: 0;
}
.lp-cardFeature-content {
  padding: 1.8rem;
  border-radius: inherit;
}
.lp-cardFeature-glowArea {
  position: absolute;
  pointer-events: none;
  inset: 0;
  filter: blur(calc(var(--blur) * 0.1rem));
  will-change: filter;
}
.lp-cardFeature-glowArea::before, .lp-cardFeature-glowArea::after {
  content: "";
  position: absolute;
  transition: opacity 1s;
  border: var(--lp_border_width_large) solid transparent;
  border-radius: var(--lp_border_radius);
  opacity: var(--opacity);
  background-color: var(--lp_background_color_yellow);
  inset: calc(var(--lp_border_width_large) / -2);
  mask-image: linear-gradient(transparent, transparent), conic-gradient(from calc((var(--start) - var(--spread) * 0.5) * 1deg), var(--LP_COLOR_BLACK) 0deg, var(--LP_COLOR_BASE_WHITE), transparent calc(var(--spread) * 1deg));
  mask-composite: intersect;
  mask-clip: padding-box, border-box;
}

@container (max-width: 360px) {
  .lp-extraSmallScreen-line-break {
    display: block;
  }
}
.lp-cardList {
  margin-bottom: 2.4rem;
  border-radius: 0.5rem;
  background-color: rgba(var(--LP_COLOR_BASE_WHITE_RGB)/82%);
  box-shadow: 0rem 0rem 1.2rem #d5d7e2;
  color: var(--LP_COLOR_BASE_BLACK);
}
.lp-cardList.of-numbering {
  position: relative;
}
.lp-cardList.of-numbering::before {
  content: "0" counter(number);
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -60%);
  color: #2ab6ff;
  font-size: 6.4rem;
  font-weight: var(--LP_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 1599px) {
  .lp-cardList.of-numbering::before {
    font-size: calc(4rem + (1vw - 0.36rem) * (1.935483871));
  }
}
@media screen and (max-width: 360px) {
  .lp-cardList.of-numbering::before {
    font-size: 4rem;
  }
}
.lp-cardList-content {
  padding: 3.6rem 2rem;
}
.lp-cardList-content > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1599px) {
  .lp-cardList-content {
    padding: calc(2.4rem + (1vw - 1.024rem) * (2.0833333333)) 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .lp-cardList-content {
    padding: calc(2rem + (1vw - 0.36rem) * (0.6024096386)) 1.6rem;
  }
}
@media screen and (max-width: 360px) {
  .lp-cardList-content {
    padding: 2rem 1.6rem;
  }
}
.lp-cardList-body > *:last-child {
  margin-bottom: 0 !important;
}
.lp-cardList-text {
  margin-bottom: 2rem;
  font-size: 1.8rem;
}
@media screen and (max-width: 1599px) {
  .lp-cardList-text {
    margin-bottom: calc(1.6rem + (1vw - 1.024rem) * (0.6944444444));
  }
}
@media screen and (max-width: 1023px) {
  .lp-cardList-text {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
  }
}
.lp-cardList-text > em {
  font-size: 2.2rem;
  font-weight: var(--LP_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 1599px) {
  .lp-cardList-text > em {
    font-size: calc(2rem + (1vw - 1.024rem) * (0.3472222222));
  }
}
@media screen and (max-width: 1023px) {
  .lp-cardList-text > em {
    font-size: 2rem;
  }
}

.lp-headingLevel2 {
  margin-bottom: 4rem;
  font-size: 5.2rem;
  font-weight: var(--LP_FONT_WEIGHT_REGULAR);
  line-height: 1.5;
}
@media screen and (max-width: 1599px) {
  .lp-headingLevel2 {
    font-size: calc(3.2rem + (1vw - 1.024rem) * (3.4722222222));
  }
}
@media screen and (max-width: 1023px) {
  .lp-headingLevel2 {
    margin-bottom: calc(1.6rem + (1vw - 0.36rem) * (1.2048192771));
    font-size: calc(2.6rem + (1vw - 0.36rem) * (0.9036144578));
    text-align: center;
  }
}
@media screen and (max-width: 360px) {
  .lp-headingLevel2 {
    margin-bottom: 1.6rem;
    font-size: 2.6rem;
  }
}
.lp-headingLevel2.of-primary {
  margin-bottom: 6.4rem;
  font-size: 6.4rem;
  text-shadow: var(--LP_TEXT_SHADOW);
}
@media screen and (max-width: 1599px) {
  .lp-headingLevel2.of-primary {
    margin-bottom: calc(4rem + (1vw - 0.36rem) * (1.935483871));
    font-size: calc(2.6rem + (1vw - 0.36rem) * (3.064516129));
  }
}
@media screen and (max-width: 360px) {
  .lp-headingLevel2.of-primary {
    margin-bottom: 4rem;
    font-size: 2.6rem;
  }
}
.lp-headingLevel2.of-secondary {
  font-size: 13.4rem;
  font-weight: var(--LP_FONT_WEIGHT_BOLD);
  line-height: 1.3;
}
@media screen and (max-width: 1599px) {
  .lp-headingLevel2.of-secondary {
    font-size: calc(6.4rem + (1vw - 1.024rem) * (12.1527777778));
  }
}
@media screen and (max-width: 1023px) {
  .lp-headingLevel2.of-secondary {
    margin-bottom: calc(0.8rem + (1vw - 0.36rem) * (2.4096385542));
    font-size: calc(3.1rem + (1vw - 0.36rem) * (4.9698795181));
  }
}
@media screen and (max-width: 360px) {
  .lp-headingLevel2.of-secondary {
    margin-bottom: 0.8rem;
    font-size: 3.1rem;
  }
}
.lp-headingLevel2-outer {
  margin-bottom: -1.5rem;
}
.lp-headingLevel2-outer > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-headingLevel2-outer {
    margin-bottom: 0.8rem;
  }
}

.lp-headingLevel3 {
  margin-bottom: 2.4rem;
  font-size: 2.4rem;
  font-weight: var(--LP_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 1023px) {
  .lp-headingLevel3 {
    font-size: calc(1.6rem + (1vw - 0.36rem) * (0.9036144578));
  }
}
@media screen and (max-width: 360px) {
  .lp-headingLevel3 {
    font-size: 1.6rem;
  }
}
.lp-headingLevel3-group {
  display: flex;
  gap: 1.6rem;
  align-items: center;
  margin-bottom: 3.2rem;
}
.lp-headingLevel3-group > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-headingLevel3-group {
    justify-content: center;
    gap: calc(0.8rem + (1vw - 0.36rem) * (1.2048192771));
  }
}
@media screen and (max-width: 360px) {
  .lp-headingLevel3-group {
    gap: 0.8rem;
  }
}

.lp-image {
  margin-bottom: 2.4rem;
  margin-inline: auto;
}
.lp-image > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1599px) {
  .lp-image {
    max-width: calc(46.4rem + (1vw - 1.024rem) * (35.4166666667));
  }
}
@media screen and (max-width: 1023px) {
  .lp-image {
    max-width: calc(23.5rem + (1vw - 0.36rem) * (34.4879518072));
  }
}
@media screen and (max-width: 360px) {
  .lp-image {
    max-width: 23.5rem;
  }
}

.lp-label {
  flex-shrink: 0;
  max-width: 20rem;
  padding: 0.2rem 1.6rem;
  border-radius: 0.5rem;
  background-image: linear-gradient(119deg, #ffbb00 0%, #f7ff00 100%);
  box-shadow: 0rem 0rem 0.7rem #ffff00;
  color: var(--LP_COLOR_BASE_BLACK);
  font-size: 2rem;
  font-weight: var(--LP_FONT_WEIGHT_SEMIBOLD);
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 1599px) {
  .lp-label {
    font-size: calc(1.6rem + (1vw - 0.36rem) * (0.3225806452));
  }
}
@media screen and (max-width: 360px) {
  .lp-label {
    padding: 0.2rem 1.2rem;
    font-size: 1.6rem;
  }
}

.lp-list {
  margin-bottom: 6.4rem;
}
.lp-list > *:last-child {
  margin-bottom: 0 !important;
}
.lp-list > li {
  position: relative;
  margin-bottom: 1.2rem;
  padding-left: 1.2rem;
}
.lp-list > li > *:last-child {
  margin-bottom: 0 !important;
}
.lp-list > li::after {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: currentColor;
}

.lp-listButton {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4rem;
  gap: 2rem;
}
@media screen and (max-width: 1023px) {
  .lp-listButton {
    justify-content: center;
    gap: 1.6rem;
    text-align: center;
  }
}
.lp-listButton > li > *:last-child {
  margin-bottom: 0 !important;
}
.lp-listButton.of-justifyContent-center {
  justify-content: center;
}

.lp-media {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 4rem;
  margin-bottom: 2.4rem;
}
@media screen and (max-width: 1023px) {
  .lp-media {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }
}
.lp-media-body {
  grid-column: 2/3;
  grid-row: 1/2;
}
.lp-media-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-media-body {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.lp-media-image {
  grid-column: 1/2;
  grid-row: 1/2;
}
.lp-media-image > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-media-image {
    grid-column: 1/2;
    grid-row: 1/2;
  }
}
.lp-media.of-primary .lp-media-body {
  grid-column: 1/2;
}
.lp-media.of-primary .lp-media-image {
  grid-column: 2/3;
}
@media screen and (max-width: 1023px) {
  .lp-media.of-primary .lp-media-image {
    grid-column: 1/2;
  }
}

.lp-mediaAsset {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  gap: 4rem;
}
@media screen and (max-width: 1023px) {
  .lp-mediaAsset {
    flex-direction: column-reverse;
    gap: 1.6rem;
  }
}
.lp-mediaAsset-body {
  max-width: min(48rem + (1vw - 1.024rem) * (38.1944444444), 70rem);
}
.lp-mediaAsset-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-mediaAsset-body {
    max-width: none;
  }
}
.lp-mediaAsset-title {
  margin-bottom: 4rem;
  color: var(--LP_COLOR_BASE_WHITE);
  font-size: 4.8rem;
  font-weight: var(--LP_FONT_WEIGHT_SEMIBOLD);
  text-align: center;
}
@media screen and (max-width: 1599px) {
  .lp-mediaAsset-title {
    margin-bottom: calc(2.4rem + (1vw - 1.024rem) * (2.7777777778));
    font-size: max(2.2rem + (1vw - 0.36rem) * (2.0967741935), 2.2rem);
  }
}
@media screen and (max-width: 1023px) {
  .lp-mediaAsset-title {
    margin-bottom: 2.4rem;
  }
}
.lp-mediaAsset-video {
  max-width: 56.2rem;
}
@media screen and (max-width: 1599px) {
  .lp-mediaAsset-video {
    max-width: calc(25.2rem + (1vw - 0.36rem) * (25));
  }
}
@media screen and (max-width: 1023px) {
  .lp-mediaAsset-video {
    max-width: calc(25.2rem + (1vw - 0.36rem) * (46.686746988));
  }
}
@media screen and (max-width: 360px) {
  .lp-mediaAsset-video {
    max-width: 25.2rem;
  }
}

.lp-mediaFeature {
  display: flex;
  gap: 1.6rem;
  flex-direction: column-reverse;
}
@media screen and (max-width: 768px) {
  .lp-mediaFeature {
    flex-direction: row-reverse;
    gap: 0.8rem;
    align-items: center;
    justify-content: flex-end;
  }
}
.lp-mediaFeature-body {
  flex: 1;
  text-align: center;
}
.lp-mediaFeature-body > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .lp-mediaFeature-body {
    text-align: left;
  }
}
.lp-mediaFeature-title {
  margin-bottom: 1.6rem;
  font-size: 2.2rem;
  font-weight: var(--LP_FONT_WEIGHT_SEMIBOLD);
}
@media screen and (max-width: 768px) {
  .lp-mediaFeature-title {
    margin-bottom: 1.2rem;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .lp-mediaFeature-image {
    max-width: 12rem;
  }
}

.lp-text {
  margin-bottom: 3.2rem;
  font-size: 1.8rem;
  line-height: 1.78;
}
@media screen and (max-width: 1023px) {
  .lp-text {
    font-size: max(1.6rem + (1vw - 0.36rem) * (0.3012048193), 1.6rem);
    line-height: 1.6;
  }
}
.lp-text-outer {
  margin-bottom: 6.4rem;
}
.lp-text-outer > *:last-child {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 1023px) {
  .lp-text-outer {
    margin-bottom: calc(4.8rem + (1vw - 0.36rem) * (2.4096385542));
  }
}
@media screen and (max-width: 360px) {
  .lp-text-outer {
    margin-bottom: 4.8rem;
  }
}

.lp-video {
  display: block;
  width: 100%;
  height: 100%;
}
.lp-video-outer {
  position: relative;
}
.lp-video-button {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: var(--LP_COLOR_BACKGROUND_STEELBLUE);
}
.lp-video-button::before, .lp-video-button::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 0.4rem;
  height: 1.2rem;
  transform: translateY(-50%);
  background-color: var(--LP_COLOR_BASE_WHITE);
}
.lp-video-button::before {
  left: 1.4rem;
}
.lp-video-button::after {
  right: 1.4rem;
}
.lp-video-button.is-paused::before {
  left: 1.5rem;
  width: 1.2rem;
  height: 1.4rem;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.lp-video-button.is-paused::after {
  content: none;
}
.lp-video-buttonText {
  position: absolute;
  z-index: -10;
  left: -600%;
  white-space: nowrap;
}

.lp-utility-line-break {
  display: block;
}
.lp-utility-display-inlineBlock {
  display: inline-block;
}
.lp-utility-textAlign-center {
  text-align: center;
}
.lp-utility-justifyContent-center {
  justify-content: center;
}

@media not screen and (max-width: 1023px) {
  .lp-largeScreen-textAlign-center {
    text-align: center;
  }
  .lp-largeScreen-hide {
    display: none;
  }
  .lp-largeScreen-lastChild {
    margin-bottom: 0 !important;
  }
  .lp-largeScreen-line-break {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .lp-smallScreen-textAlign-center {
    text-align: center;
  }
  .lp-smallScreen-hide {
    display: none;
  }
  .lp-smallScreen-line-break {
    display: block;
  }
}