html,
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-synthesis-weight: none;
  background: transparent;
  box-sizing: border-box;
  overflow: hidden;
}

.content-layer {
  position: relative;
  z-index: 0;
}

.frame,
.shape,
.text,
.svg-container,
.mask-container {
  box-sizing: border-box;
  position: relative;
  z-index: 0;
}

.svg-container>svg {
  display: block;
  width: 100%;
  height: 100%;
  shape-rendering: geometricPrecision;
}

.svg-container>img {
  display: block;
  width: 100%;
  height: 100%;
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-between {
  justify-content: space-between;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.self-stretch {
  align-self: stretch;
}

.grow {
  flex-grow: 1;
}

.min-w-0 {
  min-width: 0px;
}

.min-h-0 {
  min-height: 0px;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.box-border {
  box-sizing: border-box;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.overflow-hidden {
  overflow: hidden;
}

.gap-\[16px\] {
  gap: 16px;
}

.gap-\[13\.77px\] {
  gap: 13.77px;
}

.rounded-\[18px\] {
  border-radius: 18px;
}

.rounded-\[12px\] {
  border-radius: 12px;
}

.rounded-\[8px\] {
  border-radius: 8px;
}

.rounded-\[5px\] {
  border-radius: 5px;
}

.rounded-\[24px\] {
  border-radius: 24px;
}

.rounded-\[16px\] {
  border-radius: 16px;
}

.rounded-\[6px\] {
  border-radius: 6px;
}

.rounded-\[69px\] {
  border-radius: 69px;
}

.rounded-\[11px\] {
  border-radius: 11px;
}

.text-\[16px\] {
  font-size: 16px;
}

.text-\[27px\] {
  font-size: 27px;
}

.text-\[64px\] {
  font-size: 64px;
}

.text-\[260px\] {
  font-size: 260px;
}

.text-\[14px\] {
  font-size: 14px;
}

.text-\[40px\] {
  font-size: 40px;
}

.text-\[36px\] {
  font-size: 36px;
}

.text-\[13px\] {
  font-size: 13px;
}

.text-\[150px\] {
  font-size: 150px;
}

.text-\[32px\] {
  font-size: 32px;
}

.text-\[24px\] {
  font-size: 24px;
}

.text-\[20px\] {
  font-size: 20px;
}

.text-\[55px\] {
  font-size: 55px;
}

.text-\[15px\] {
  font-size: 15px;
}

.text-\[22px\] {
  font-size: 22px;
}

.leading-\[30\.399999618530273px\] {
  line-height: 30.399999618530273px;
}

.leading-\[30\.239999771118164px\] {
  line-height: 30.239999771118164px;
}

.leading-\[260px\] {
  line-height: 260px;
}

.leading-\[28\.799999237060547px\] {
  line-height: 28.799999237060547px;
}

.leading-\[29\.25px\] {
  line-height: 29.25px;
}

.tracking-\[-0\.88px\] {
  letter-spacing: -0.88px;
}

.tracking-\[0\.38em\] {
  letter-spacing: 0.38em;
}

.tracking-\[0\.06em\] {
  letter-spacing: 0.06em;
}

.font-normal {
  font-weight: 400;
}

.font-bold {
  font-weight: 700;
}

.h-\[3710px\] {
  height: 3710px;
}

.w-\[1920px\] {
  width: 1920px;
}

.h-\[1138px\] {
  height: 1138px;
}

.w-\[1969px\] {
  width: 1969px;
}

.h-\[686px\] {
  height: 686px;
}

.w-\[1103px\] {
  width: 1103px;
}

.h-\[411px\] {
  height: 411px;
}

.w-\[174px\] {
  width: 174px;
}

.h-\[28\.8px\] {
  height: 28.8px;
}

.w-\[1060\.45px\] {
  width: 1060.45px;
}

.h-\[223px\] {
  height: 223px;
}

.w-\[1763px\] {
  width: 1763px;
}

.h-\[29px\] {
  height: 29px;
}

.w-\[420px\] {
  width: 420px;
}

.h-\[749px\] {
  height: 749px;
}

.w-\[1603px\] {
  width: 1603px;
}

.h-\[94\.77px\] {
  height: 94.77px;
}

.w-\[437px\] {
  width: 437px;
}

.h-\[87px\] {
  height: 87px;
}

.w-\[360px\] {
  width: 360px;
}

.h-\[122px\] {
  height: 122px;
}

.h-\[597px\] {
  height: 597px;
}

.w-\[464px\] {
  width: 464px;
}

.h-\[200px\] {
  height: 200px;
}

.w-\[234\.14px\] {
  width: 234.14px;
}

.h-\[715px\] {
  height: 715px;
}

.w-\[684px\] {
  width: 684px;
}

.w-\[401px\] {
  width: 401px;
}

.w-\[460px\] {
  width: 460px;
}

.w-\[194\.11px\] {
  width: 194.11px;
}

.w-\[328px\] {
  width: 328px;
}

.h-\[134px\] {
  height: 134px;
}

.h-\[100px\] {
  height: 100px;
}

.w-\[770px\] {
  width: 770px;
}

.h-\[48\.17px\] {
  height: 48.17px;
}

.w-\[135\.29px\] {
  width: 135.29px;
}

.h-\[45px\] {
  height: 45px;
}

.w-\[283px\] {
  width: 283px;
}

.h-\[50px\] {
  height: 50px;
}

.w-\[227px\] {
  width: 227px;
}

.h-\[25px\] {
  height: 25px;
}

.w-\[409\.5px\] {
  width: 409.5px;
}

.w-\[1061\.1px\] {
  width: 1061.1px;
}

.h-\[454px\] {
  height: 454px;
}

.w-\[244px\] {
  width: 244px;
}

.h-\[165px\] {
  height: 165px;
}

.w-\[237px\] {
  width: 237px;
}

.w-\[233px\] {
  width: 233px;
}

.h-\[24px\] {
  height: 24px;
}

.w-\[24px\] {
  width: 24px;
}

.w-\[266px\] {
  width: 266px;
}

.left-\[0px\] {
  left: 0px;
}

.top-\[0px\] {
  top: 0px;
}

.left-\[-49px\] {
  left: -49px;
}

.left-\[741px\] {
  left: 741px;
}

.top-\[2245px\] {
  top: 2245px;
}

.top-\[3011px\] {
  top: 3011px;
}

.left-\[245px\] {
  left: 245px;
}

.top-\[3294px\] {
  top: 3294px;
}

.left-\[431px\] {
  left: 431px;
}

.top-\[3350px\] {
  top: 3350px;
}

.left-\[327px\] {
  left: 327px;
}

.top-\[3515\.1px\] {
  top: 3515.1px;
}

.left-\[1552\.55px\] {
  left: 1552.55px;
}

.top-\[3500px\] {
  top: 3500px;
}

.left-\[79px\] {
  left: 79px;
}

.top-\[1079px\] {
  top: 1079px;
}

.left-\[187px\] {
  left: 187px;
}

.top-\[1593\.2px\] {
  top: 1593.2px;
}

.left-\[241px\] {
  left: 241px;
}

.top-\[1400px\] {
  top: 1400px;
}

.top-\[2346px\] {
  top: 2346px;
}

.top-\[2441px\] {
  top: 2441px;
}

.top-\[2515px\] {
  top: 2515px;
}

.top-\[2722px\] {
  top: 2722px;
}

.left-\[229px\] {
  left: 229px;
}

.top-\[258px\] {
  top: 258px;
}

.left-\[625px\] {
  left: 625px;
}

.top-\[381px\] {
  top: 381px;
}

.left-\[684px\] {
  left: 684px;
}

.top-\[-15px\] {
  top: -15px;
}

.left-\[636px\] {
  left: 636px;
}

.top-\[131px\] {
  top: 131px;
}

.top-\[3215px\] {
  top: 3215px;
}

.top-\[3148px\] {
  top: 3148px;
}

.left-\[104px\] {
  left: 104px;
}

.top-\[3182px\] {
  top: 3182px;
}

.left-\[500px\] {
  left: 500px;
}

.left-\[887px\] {
  left: 887px;
}

.left-\[1275px\] {
  left: 1275px;
}

.left-\[5px\] {
  left: 5px;
}

.top-\[94px\] {
  top: 94px;
}

.top-\[311px\] {
  top: 311px;
}

.top-\[502px\] {
  top: 502px;
}

.top-\[1795px\] {
  top: 1795px;
}

.top-\[2642px\] {
  top: 2642px;
}

.left-\[548px\] {
  left: 548px;
}

.top-\[3649px\] {
  top: 3649px;
}

.top-\[28px\] {
  top: 28px;
}

.top-\[22px\] {
  top: 22px;
}

.top-\[3068px\] {
  top: 3068px;
}

.left-\[208\.42px\] {
  left: 208.42px;
}

.top-\[66\.2px\] {
  top: 66.2px;
}

.left-\[12px\] {
  left: 12px;
}

.left-\[7px\] {
  left: 7px;
}

.top-\[547px\] {
  top: 547px;
}

.left-\[546px\] {
  left: 546px;
}

.top-\[9px\] {
  top: 9px;
}

.top-\[35px\] {
  top: 35px;
}

.top-\[70px\] {
  top: 70px;
}

.top-\[105px\] {
  top: 105px;
}

.top-\[140px\] {
  top: 140px;
}

.top-\[175px\] {
  top: 175px;
}

.top-\[-1px\] {
  top: -1px;
}

.left-\[25px\] {
  left: 25px;
}

.top-\[24px\] {
  top: 24px;
}

.left-\[626px\] {
  left: 626px;
}

.left-\[1212px\] {
  left: 1212px;
}

.left-\[168px\] {
  left: 168px;
}

.top-\[114px\] {
  top: 114px;
}

.left-\[775px\] {
  left: 775px;
}

.left-\[742px\] {
  left: 742px;
}

.left-\[744px\] {
  left: 744px;
}

.left-\[1380px\] {
  left: 1380px;
}

.top-\[155px\] {
  top: 155px;
}

.top-\[-38px\] {
  top: -38px;
}

.left-\[186px\] {
  left: 186px;
}

.top-\[56px\] {
  top: 56px;
}

.left-\[166px\] {
  left: 166px;
}

.top-\[65px\] {
  top: 65px;
}

.left-\[773px\] {
  left: 773px;
}

.left-\[1378px\] {
  left: 1378px;
}

.top-\[-16px\] {
  top: -16px;
}

.left-\[2px\] {
  left: 2px;
}

.top-\[467px\] {
  top: 467px;
}

.top-\[429px\] {
  top: 429px;
}

.left-\[211\.94px\] {
  left: 211.94px;
}

.top-\[25px\] {
  top: 25px;
}

.top-\[108px\] {
  top: 108px;
}

.left-\[58px\] {
  left: 58px;
}

.top-\[8px\] {
  top: 8px;
}

.left-\[30px\] {
  left: 30px;
}

.pb-\[14px\] {
  padding-bottom: 14px;
}

.pl-\[14px\] {
  padding-left: 14px;
}

.pr-\[14px\] {
  padding-right: 14px;
}

.pt-\[13px\] {
  padding-top: 13px;
}

.px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px;
}

.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pb-\[12px\] {
  padding-bottom: 12px;
}

.p-\[30px\] {
  padding: 30px;
}

.pb-\[8px\] {
  padding-bottom: 8px;
}

.pr-\[0px\] {
  padding-right: 0px;
}

.pb-\[1px\] {
  padding-bottom: 1px;
}

.pt-\[8px\] {
  padding-top: 8px;
}

.pt-\[28px\] {
  padding-top: 28px;
}

.text-\[rgb\(184\,184\,197\)\] {
  color: rgb(184, 184, 197);
}

.text-\[rgb\(160\,112\,255\)\] {
  color: rgb(160, 112, 255);
}

.text-\[rgb\(255\,255\,255\)\] {
  color: rgb(255, 255, 255);
}

.text-\[rgba\(139\,92\,246\,0\.04\)\] {
  color: rgba(139, 92, 246, 0.04);
}

.text-\[rgb\(143\,149\,178\)\] {
  color: rgb(143, 149, 178);
}

.text-\[rgb\(222\,220\,232\)\] {
  color: rgb(222, 220, 232);
}

.text-\[rgb\(212\,212\,222\)\] {
  color: rgb(212, 212, 222);
}

.text-\[rgba\(95\,0\,210\,0\.12\)\] {
  color: rgba(95, 0, 210, 0.12);
}

.text-\[rgb\(167\,95\,255\)\] {
  color: rgb(167, 95, 255);
}

.text-\[rgb\(84\,84\,84\)\] {
  color: rgb(84, 84, 84);
}

.text-\[rgb\(184\,182\,197\)\] {
  color: rgb(184, 182, 197);
}

.text-\[rgb\(143\,143\,154\)\] {
  color: rgb(143, 143, 154);
}

.text-\[rgb\(210\,210\,220\)\] {
  color: rgb(210, 210, 220);
}

.z-\[1\] {
  z-index: 1;
}

.z-\[2\] {
  z-index: 2;
}

.z-\[3\] {
  z-index: 3;
}

.z-\[4\] {
  z-index: 4;
}

.z-\[5\] {
  z-index: 5;
}

.z-\[6\] {
  z-index: 6;
}

.z-\[7\] {
  z-index: 7;
}

.z-\[8\] {
  z-index: 8;
}

.z-\[12\] {
  z-index: 12;
}

.z-\[13\] {
  z-index: 13;
}

.z-\[14\] {
  z-index: 14;
}

.z-\[15\] {
  z-index: 15;
}

.z-\[17\] {
  z-index: 17;
}

.z-\[18\] {
  z-index: 18;
}

.z-\[19\] {
  z-index: 19;
}

.z-\[20\] {
  z-index: 20;
}

.z-\[21\] {
  z-index: 21;
}

.z-\[25\] {
  z-index: 25;
}

.z-\[26\] {
  z-index: 26;
}

.z-\[27\] {
  z-index: 27;
}

.z-\[28\] {
  z-index: 28;
}

/* CUSTOM PRODUCTS PAGE NAV START */
.pinetek span {
  font-family:
    "Cal Sans",
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Display",
    "Helvetica Neue",
    Arial,
    sans-serif !important;
  font-weight: 400 !important;
}

.header-logo-text {
  width: auto !important;
  white-space: nowrap !important;
}

.header-logo-text span {
  font-size: 36px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: rgb(255, 255, 255) !important;
}

.header-company-info {
  font-family:
    "SF Pro Text",
    "PingFang SC",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    Arial,
    sans-serif;
  line-height: 1.18;
  pointer-events: none;
  top: 66px !important;
  white-space: nowrap;
}

.header-company-name {
  color: rgba(226, 229, 240, 0.74);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0.02em;
}

.header-company-desc {
  color: rgba(174, 178, 195, 0.66);
  font-size: 10.5px;
  font-weight: 400;
  letter-spacing: 0.01em;
  margin-top: 5px;
}

body[data-lang="zh"] .header-company-name,
body[data-lang="zh"] .header-company-desc {
  letter-spacing: 0 !important;
}

.home-logo-hit-area {
  position: absolute;
  left: 150px;
  top: 58px;
  width: 220px;
  height: 58px;
  z-index: 32;
  cursor: pointer;
}

.home-logo-hit-area::after {
  content: "";
  position: absolute;
  inset: -10px -14px;
  border-radius: 18px;
  display: none;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 0 22px rgba(167, 95, 255, 0.42);
  transition: opacity 0.24s ease;
}

.home-logo-hit-area:hover::after,
.home-logo-hit-area:focus-visible::after {
  opacity: 0;
}

.product-page-nav span {
  font-family:
    "PingFang SC",
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text",
    "Helvetica Neue",
    Arial,
    sans-serif !important;
  font-weight: 500 !important;
}

.product-page-nav {
  left: 680px !important;
  top: 73px !important;
  gap: 72px !important;
}

.product-page-nav > .text {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  text-align: center !important;
}

.product-page-nav > .text:nth-child(1) {
  width: 64px !important;
}

.product-page-nav > .text:nth-child(2) {
  width: 38px !important;
}

.product-page-nav > .text:nth-child(3) {
  width: 48px !important;
}

.product-page-nav > .text:nth-child(4) {
  width: 58px !important;
}

.product-page-nav > .text:nth-child(5) {
  width: 66px !important;
}

.site-nav-link {
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  text-decoration: none;
  width: 100%;
  transition:
    color 0.2s ease,
    text-shadow 0.2s ease,
    opacity 0.2s ease;
}

.site-nav-link:hover span,
.site-nav-link:focus-visible span,
.site-nav-link.is-current span {
  color: rgb(190, 132, 255) !important;
  opacity: 1 !important;
  text-shadow:
    0 0 10px rgba(167, 95, 255, 0.52),
    0 0 20px rgba(167, 95, 255, 0.28) !important;
}

.site-nav-link:focus-visible {
  outline: none;
}

.language-switch {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 64px !important;
  gap: 6px;
  box-sizing: border-box;
  width: 132px;
  height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(8, 8, 12, 0.46);
  box-shadow: inset 0 0 0 1px rgba(167, 95, 255, 0.38);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.language-option {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  border: 0;
  padding: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.62);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  transition:
    color 0.2s ease,
    text-shadow 0.2s ease,
    transform 0.2s ease;
}

.language-option:hover,
.language-option.is-active {
  color: rgb(255, 255, 255);
  text-shadow: 0 0 12px rgba(167, 95, 255, 0.72);
}

.language-option:hover {
  transform: translateY(-1px);
}

.language-divider {
  color: rgba(167, 95, 255, 0.62);
  font-size: 13px;
}

body[data-lang="en"] .product-page-nav span,
body[data-lang="en"] .language-option,
body[data-lang="en"] .product-hero-title span,
body[data-lang="en"] [data-i18n="products.hero.kicker"],
body[data-lang="en"] [data-i18n="products.hero.cta"],
body[data-lang="en"] [data-i18n="products.contactCta"],
body[data-lang="en"] [data-i18n="products.series.venusFull"],
body[data-lang="en"] [data-i18n="products.series.saturnFull"],
body[data-lang="en"] [data-i18n="products.series.marsFull"],
body[data-lang="en"] [data-i18n="products.series.venus"],
body[data-lang="en"] [data-i18n="products.series.saturn"],
body[data-lang="en"] [data-i18n="products.series.mars"],
body[data-lang="en"] [data-i18n="products.learnMore"],
body[data-lang="en"] [data-i18n^="products.tag."] {
  font-family:
    "Cal Sans",
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "SF Pro Display",
    "Helvetica Neue",
    Arial,
    sans-serif !important;
}

.product-hero-badge {
  cursor: default !important;
  width: 312px !important;
  height: 45px !important;
  transform-origin: center center !important;
  transition:
    transform 0.28s ease,
    filter 0.28s ease !important;
}

.product-hero-badge > .shape {
  width: 312px !important;
  background: rgba(89, 36, 153, 0.2) !important;
  box-shadow:
    inset 0 0 0 1px rgba(167, 95, 255, 0.62),
    0 0 18px rgba(167, 95, 255, 0.12) !important;
}

.product-hero-badge .svg-container {
  left: 30px !important;
  top: 15px !important;
}

.product-hero-badge .pinetek {
  left: 62px !important;
  top: 0 !important;
  width: 214px !important;
  height: 45px !important;
  display: flex !important;
  align-items: center !important;
}

.product-hero-badge span {
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.product-hero-badge:hover {
  transform: translateY(-2px) scale(1.025) !important;
  filter: drop-shadow(0 0 18px rgba(167, 95, 255, 0.45)) !important;
}

.product-hero-title {
  cursor: default !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  line-height: 1.28 !important;
  transform-origin: left center !important;
}

.product-hero-title span {
  display: block !important;
  transition:
    transform 0.28s ease,
    text-shadow 0.28s ease,
    color 0.28s ease !important;
  transform-origin: left center !important;
}

.product-hero-title-main:hover {
  transform: translateY(-3px) scale(1.012) !important;
  text-shadow:
    0 0 14px rgba(255, 255, 255, 0.28),
    0 0 28px rgba(167, 95, 255, 0.22) !important;
}

.product-hero-title-accent {
  display: inline-block !important;
  color: rgb(167, 95, 255) !important;
  text-shadow: 0 0 22px rgba(167, 95, 255, 0.42) !important;
}

.product-hero-title-accent:hover {
  transform: translateY(-3px) scale(1.018) !important;
  text-shadow:
    0 0 18px rgba(167, 95, 255, 0.82),
    0 0 38px rgba(167, 95, 255, 0.42) !important;
}

body[data-lang="en"] .venus-saturn-mars span {
  letter-spacing: 0.22em !important;
}

body[data-lang="en"] [data-i18n="products.hero.kicker"] {
  letter-spacing: 0.18em !important;
}

body[data-lang="en"] [data-i18n="products.series.venus"],
body[data-lang="en"] [data-i18n="products.series.saturn"],
body[data-lang="en"] [data-i18n="products.series.mars"] {
  letter-spacing: 0.035em !important;
  line-height: 1.25 !important;
  word-spacing: 0.05em !important;
}

body[data-lang="en"] [data-i18n="products.venus.desc"],
body[data-lang="en"] [data-i18n="products.saturn.desc"],
body[data-lang="en"] [data-i18n="products.mars.desc"] {
  line-height: 1.7 !important;
}

body[data-lang="en"] .home_web1-2_v1-0 .overlayborder {
  justify-content: center !important;
  min-height: 48px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body[data-lang="en"] .home_web1-2_v1-0 .overlayborder span {
  font-size: 12px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

.product-hero-cta,
.product-contact-cta {
  cursor: pointer !important;
  transform-origin: center center !important;
  transition:
    transform 0.28s ease,
    filter 0.28s ease !important;
}

.product-hero-cta:hover,
.product-hero-cta:focus-visible,
.product-contact-cta:hover,
.product-contact-cta:focus-visible {
  transform: translateY(-3px) scale(1.035) !important;
  filter:
    drop-shadow(0 0 18px rgba(167, 95, 255, 0.62))
    drop-shadow(0 0 10px rgba(40, 215, 255, 0.28)) !important;
  outline: none;
}

.product-series-overview {
  overflow: visible !important;
}

.product-series-overview .text span {
  transition:
    color 0.24s ease,
    text-shadow 0.24s ease !important;
}

.product-series-hit {
  position: absolute;
  top: 1px;
  height: 222px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  z-index: 25;
  transition:
    background 0.24s ease,
    box-shadow 0.24s ease,
    filter 0.24s ease;
}

.product-series-hit:focus-visible {
  outline: none;
}

.product-series-hit-venus {
  left: 0;
  width: 587px;
}

.product-series-hit-saturn {
  left: 588px;
  width: 586px;
}

.product-series-hit-mars {
  left: 1175px;
  width: 588px;
}

.product-series-hit:hover,
.product-series-hit:focus-visible {
  background:
    radial-gradient(circle at 50% 50%, rgba(167, 95, 255, 0.16), rgba(167, 95, 255, 0) 62%),
    rgba(255, 255, 255, 0.025);
  box-shadow:
    inset 0 0 0 1px rgba(167, 95, 255, 0.32),
    0 0 24px rgba(167, 95, 255, 0.18);
}

.product-series-overview:has(.product-series-hit-venus:hover) .venus-series span,
.product-series-overview:has(.product-series-hit-venus:focus-visible) .venus-series span,
.product-series-overview:has(.product-series-hit-saturn:hover) .saturn-series span,
.product-series-overview:has(.product-series-hit-saturn:focus-visible) .saturn-series span,
.product-series-overview:has(.product-series-hit-mars:hover) .mars-series span,
.product-series-overview:has(.product-series-hit-mars:focus-visible) .mars-series span {
  color: rgb(255, 255, 255) !important;
  text-shadow:
    0 0 12px rgba(255, 255, 255, 0.45),
    0 0 26px rgba(167, 95, 255, 0.5) !important;
}

.product-series-detail .article,
.home_web1-2_v1-0 .overlayborder {
  transition:
    transform 0.26s ease,
    filter 0.26s ease,
    box-shadow 0.26s ease !important;
}

.product-series-detail .article:hover,
.home_web1-2_v1-0 .overlayborder:hover {
  transform: translateY(-4px) scale(1.015) !important;
  filter: drop-shadow(0 0 16px rgba(167, 95, 255, 0.28)) !important;
}

.home_web1-2_v1-0 [data-layer-id="243:1970"],
.home_web1-2_v1-0 [data-layer-id="243:1972"],
.home_web1-2_v1-0 [data-layer-id="243:1974"],
.home_web1-2_v1-0 [data-layer-id="243:1976"] {
  position: absolute !important;
  width: 174px !important;
  height: 45px !important;
  flex-basis: auto !important;
  flex-grow: 0 !important;
}

.home_web1-2_v1-0 [data-layer-id="243:1970"] {
  left: 0 !important;
  top: 0 !important;
}

.home_web1-2_v1-0 [data-layer-id="243:1972"] {
  left: 186px !important;
  top: 0 !important;
}

.home_web1-2_v1-0 [data-layer-id="243:1974"] {
  left: 0 !important;
  top: 56px !important;
}

.home_web1-2_v1-0 [data-layer-id="243:1976"] {
  left: 186px !important;
  top: 56px !important;
}

.home_web1-2_v1-0 [data-layer-id="243:284"] > .frame.container.absolute.z-\[1\] {
  top: 410px !important;
}

.home_web1-2_v1-0 [data-layer-id="243:284"] .shape.z-\[3\],
.home_web1-2_v1-0 [data-layer-id="243:284"] .shape.z-\[4\],
.home_web1-2_v1-0 [data-layer-id="243:284"] .shape.z-\[5\],
.home_web1-2_v1-0 [data-layer-id="243:284"] .shape.z-\[6\] {
  top: 78px !important;
}

@media (prefers-reduced-motion: reduce) {
  .product-hero-badge,
  .product-hero-cta,
  .product-contact-cta,
  .product-series-hit,
  .product-series-detail .article,
  .home_web1-2_v1-0 .overlayborder {
    transition: none !important;
  }
}
/* CUSTOM PRODUCTS PAGE NAV END */

.z-\[9\] {
  z-index: 9;
}

.z-\[10\] {
  z-index: 10;
}

.z-\[16\] {
  z-index: 16;
}

.z-\[22\] {
  z-index: 22;
}

.z-\[23\] {
  z-index: 23;
}

.z-\[24\] {
  z-index: 24;
}

.z-\[11\] {
  z-index: 11;
}

[data-layer-id="243:297"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:302"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:307"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:312"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:317"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:322"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:339"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:344"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:349"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:354"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:359"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:364"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:196"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:201"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:206"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:211"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:216"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:473"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:478"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:483"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:488"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:493"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:503"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:508"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:513"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:518"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}

[data-layer-id="243:523"]::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.06);
  border-width: 0px 0px 1px 0px
}